﻿@charset "utf-8";
@import url('common.css');

/* common */
.section .tit{display:block;margin:0 auto;padding-top:16px}

.sec01{position:relative;padding-top:47px}
.sec01 .main_slider{overflow:hidden}
.sec01 .indicator{display:table;position:absolute;top:0;left:0;width:100%;background:#453b31}
.sec01 .indicator span{display:table-cell;height:47px;font-size:0;text-indent:-9999px}
.sec01 .indicator span:nth-child(1){background:url(/comm/images/jp/ja/mobile/main/indicator01.png) no-repeat 50% 50%;background-size:22px}
.sec01 .indicator span:nth-child(2){background:url(/comm/images/jp/ja/mobile/main/indicator02.png) no-repeat 50% 50%;background-size:22px}
.sec01 .indicator span:nth-child(3){background:url(/comm/images/jp/ja/mobile/main/indicator03.png) no-repeat 50% 50%;background-size:22px}
.sec01 .indicator span:nth-child(1).swiper-pagination-bullet-active{background:#e7302f url(/comm/images/jp/ja/mobile/main/indicator01.png) no-repeat 50% 50%;background-size:22px}
.sec01 .indicator span:nth-child(2).swiper-pagination-bullet-active{background:#e7302f url(/comm/images/jp/ja/mobile/main/indicator02.png) no-repeat 50% 50%;background-size:22px}
.sec01 .indicator span:nth-child(3).swiper-pagination-bullet-active{background:#e7302f url(/comm/images/jp/ja/mobile/main/indicator03.png) no-repeat 50% 50%;background-size:22px}
.banner_area{position:relative}
.banner_area .banner04{position:absolute;bottom:100%;left:0;width:33%}

.sec02{background:#faf5e4}
.new_brand .tit{width:236px}
.new_brand .search_area{width:292px;margin:16px auto 0}
.new_brand .search_area .inp_search{width:256px}
.new_brand{position:relative}
.new_brand .tab_cont .cont01{padding:20px 0 10px}
.new_brand .tab_cont .cont01 .new_point{width:274px;margin:0 auto}
.new_brand .tab_cont .cont01 .new_point:after{content:'';display:block;clear:both}
.new_brand .tab_cont .cont01 .new_point li{float:left;width:109px;height:152px;margin:0 14px 24px}
.new_brand .tab_cont .cont01 .new_point li a{display:block}

.sec03{position:relative;min-height:322px;background:url(/comm/images/jp/ja/mobile/main/bg_event.jpg) no-repeat 0 0;background-size:cover}
.event .tit{width:112px;padding-bottom:23px}
.event .event_list{overflow:hidden;width:170px;margin:0 auto;text-align:center}
.event .event_list ul li{float:left;text-align:center}
.event .event_list ul li a{display:block}
.event .event_list ul li a dl dt{padding:18px 0 6px;color:#fff;font-size:0.867em;line-height:1}
.event .event_list ul li a dl dd{padding-bottom:20px;color:#fff;font-size:0.867em;line-height:1}
.event .event_list .swiper_indicator{display:inline-block;height:25px}
.event .event_list .swiper_indicator span{display:block;float:left;width:10px;height:10px;margin:0 1.5px;font-size:0;text-indent:-9999px;border-radius:10px;background:#fff}
.event .event_list .swiper_indicator span.swiper-pagination-bullet-active{background:#bf160f}
.event .event_list .controls{position:absolute;top:134px;width:30px;height:60px;font-size:0;text-indent:-9999px;background:url(/comm/images/jp/ja/mobile/btn/btn_prev_next.png) no-repeat 0 0;background-size:30px 125px;z-index:10}
.event .event_list .controls.prev{left:14px;background-position:0 0}
.event .event_list .controls.next{right:14px;background-position:0 -62.5px}

.sec04{background:#f8f8f7}
.contact_us>.tit{width:102px;padding:11px 0 12px}
.contact_us .map_area{border-bottom:1px solid #e5e5e5}
.contact_us .map_area .map{display:block !important;height:142px;margin:0 auto}
.contact_us .map_area .txt{padding:12px 7px;color:#000;font-size:0.733em;line-height:1}
.contact_us .info_area{position:relative}
.contact_us .info_area .notice .notice_list{padding:8px 0 12px}
.contact_us .info_area .notice .notice_list ul li{padding:0 9px 0 8px}
.contact_us .info_area .notice .notice_list ul li a{display:block;overflow:hidden;padding:5px 0}
.contact_us .info_area .notice .notice_list ul li a:after{content:'';display:block;clear:both}
.contact_us .info_area .notice .notice_list ul li a span{color:#4c4c4c;font-size:0.733em;line-height:12px}
.contact_us .info_area .notice .notice_list ul li a .notice_tit{overflow:hidden;float:left;width:80%;text-overflow:ellipsis;white-space:nowrap}
.contact_us .info_area .notice .notice_list ul li a .date{float:left;width:20%;text-align:right}
.contact_us .info_area .info{width:100%;border-bottom:1px solid #e5e5e5; padding-bottom:5px;}
.contact_us .info_area .info ul:after{content:'';display:block;clear:both}
.contact_us .info_area .info ul li{float:left;width:33.33%;text-align:center; }
.contact_us .info_area .info ul li img{width:107px}
.contact_us .info_area .info ul li:first-child img{width:106px}

.popup_area {position: absolute; top: 15vw; left:50%;width:90%;margin:0;transform: translateX(-50%);z-index:100;}
.popup_area [class*=popup_wrap].show + [class*=popup_wrap].show {margin-top: 20px;}
.popup_wrap .popup {position: relative;}
.popup_wrap .popup .close{position:absolute;top:0;right:0;width:29px}
.popup_wrap .popup .btn_open_event{position:absolute;bottom:36px;left:58px;width:186px;height:23px}
.popup_wrap .popup .btn_open_event span{position:absolute;top:-9999px;text-indent:-9999px}
.popup_wrap .popup .today_close{padding:10px 10px;background:#000; margin-top:-7px;}
.popup_wrap .popup .today_close:after{content:'';display:block;clear:both}
.popup_wrap .popup .today_close p{float:left;color:#fff;font-size:12px;line-height:1}
.popup_wrap .popup .today_close p input{margin-right:5px}
.popup_wrap .popup .today_close a{float:right;color:#fff;font-size:12px;line-height:1}
.popup_wrap .popup .today_close_02{padding:10px 10px;background:#000}
.popup_wrap .popup .today_close_02:after{content:'';display:block;clear:both}
.popup_wrap .popup .today_close_02 p{float:left;color:#fff;font-size:14px;line-height:1;}
.popup_wrap .popup .today_close_02 p input{margin-right:5px}
.popup_wrap .popup .today_close_02 a{float:right;color:#fff;font-size:12px;line-height:1}
.popup_dim{display:none; position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:99}

#popup_wrap_2 .popup_2{position: relative;}
#popup_wrap_2 .popup_2 .close_2{position:absolute;top:0;right:0;width:29px}
#popup_wrap_2 .popup_2 .btn_open_event{position:absolute;bottom:36px;left:58px;width:186px;height:23px}
#popup_wrap_2 .popup_2 .btn_open_event span{position:absolute;top:-9999px;text-indent:-9999px}
#popup_wrap_2 .popup_2 .today_close{padding:10px 10px;background:#000; margin-top:-7px;}
#popup_wrap_2 .popup_2 .today_close:after{content:'';display:block;clear:both}
#popup_wrap_2 .popup_2 .today_close p{float:left;color:#fff;font-size:12px;line-height:1}
#popup_wrap_2 .popup_2 .today_close p input{margin-right:5px}
#popup_wrap_2 .popup_2 .today_close a{float:right;color:#fff;font-size:12px;line-height:1}
#popup_wrap_2 .popup_dim_2{position:fixed;top:0;left:0;width:100%;height:100%;z-index:99}