@charset "utf-8";

/* ==================================================
contents
================================================== */


/* ==================================================
Media Query
================================================== */

@media (max-width: 768px) {
    /* ==================================================
    Reset Min width
    ================================================== */
    #tmp_featured_area,
    #tmp_event_info,
    #travel_info,
    #tmp_wrap_store,
    #tmp_sns_share,
    #tmp_wrap_video {
        max-width: none;
        min-width: inherit;
        width: 100%;
    }
    /* slider_banner_sns*/
    .slider_banner_sns {
		width:300px;
	}
	.slider_banner_sns .slider_inner {
        padding: 10px 24px;
    }

    .slider_banner_sns .prev,
    .slider_banner_sns .next {
		top:10px;
	}

    .slider_banner_sns .prev img,
    .slider_banner_sns .next img {
		width:15px;
		height:auto;
	}
	
	.slider_banner_sns .banner_sns_item,
	.slider_banner_sns .box_gallrey {
		width:130px !important;
	}

	.slider_banner_sns .banner_sns_item img,
	.slider_banner_sns .box_gallrey img {
		width:120px !important;
	}

    .slider_banner_sns .slick-prev,
    .slider_banner_sns .slick-next {
        height: 70%;
        width: 14px;
    }
    .slider_banner_sns .slick-slide {
        margin: 0 5px;
    }
    /* header
============================== */
    #tmp_func_txt {
        display: none;
    }

    /* ==================================================
    Main Visual
    ================================================== */
	.box_search {
		padding: 10px 3px 12px;
		min-width: 96px;
		min-height: 96px;
		display: inline-block;
		border-radius: 7px;
		-moz-border-radius: 7px;
		-webkit-border-radius: 7px;
		text-align: center;
		background: url(/shared/images/top/bg_location.png) center top repeat;
	}
	
	.box_search span {
		color: #FFFFFF;
		padding-top:50px;
		font-size: 85.7%;
		display:inline-block;
	}
	.box_search .para_theme {
		background:url(/shared/templates/top/images/sp/search_theme.png) center top no-repeat;
	}
	.box_search .para_location {
		background:url(/shared/templates/top/images/sp/search_location.png) center top no-repeat;
	}

    /* ==================================================
    SNS Share
    ================================================== */
	.guide_row  {
		width: auto;
	}
    .guide_box:first-child {
        margin-top: 0;
    }
    .guide_box {
        margin-top: 18px;
        float: none;
        width: 100%;
    }
    /* ==================================================
    Video & Banner
    ================================================== */
    #tmp_wrap_video {
        background: none;
        padding: 10px 0 12px;
    }
	#tmp_wrap_video_left,
	#tmp_wrap_video_right {
		padding: 0;
		background:none;
	}

    #tmp_wrap_video .video {
        margin-bottom: 14px;
    }
    #tmp_wrap_video .list_extenal_banner {
        margin: 17px -4px 0;
    }
    #tmp_wrap_video .list_internal_banner {
        margin: 0 -4px;
    }
    #tmp_wrap_video .list_extenal_banner .extenal_banner_item,
    #tmp_wrap_video .list_internal_banner .internal_banner_item {
		width: 48%;
		padding: 0 1%;
        margin-top: 6px;
    }
    #tmp_wrap_video .list_extenal_banner .extenal_banner_item img {
        width: 100%;
    }
    /* ==================================================
    slider_store
    ================================================== */
    #tmp_wrap_store {
        padding: 20px 0 20px;
    }
	#tmp_wrap_store .slider_store {
		width:300px;
	}

	#tmp_wrap_store .store_item,
	#tmp_wrap_store .box_gallrey {
		margin: 0;
		width:127px !important;
	}
	#tmp_wrap_store .box_gallrey span.img {
    	max-height: 95px;
	}

    .slider_store .slider_inner {
        padding: 0 30px;
    }

    #tmp_wrap_store .box_gallrey img {
		width:120px !important;
        height: auto;
    }

	#tmp_wrap_store .prev img,
	#tmp_wrap_store .next img {
		height:120px;
	}

	#tmp_wrap_store .gallery_cntrol {
		left:-30px;
	}

    #tmp_wrap_store .slider_inner .slick-slide {
        margin: 0 5px;
    }
    #tmp_wrap_store .search_travel .form_search .form_group {
        margin: 0 0 10px;
    }
    #tmp_wrap_store .search_travel .form_search .form_group .form_group_inner {
        margin: 0;
    }
    #tmp_wrapper .search_travel .btn_search,
    #tmp_wrap_store .search_travel .select_travel {
        width: 49%;
        min-width: inherit;
    }
    #tmp_wrapper .search_travel .btn_search {
		float:right;
    }
    #tmp_wrap_store .search_travel .select_travel {
		float:left;
    }
    #tmp_wrap_store .search_travel {
        margin-top: 16px;
    }
    #tmp_wrap_store .btn_search {}
    /*=============  featured_area    =============*/
    #tmp_featured_area {
        margin-bottom: 10px;
    }
    #tmp_featured_area .featured_items li {
        width: 100%;
        height: 125px;
    }
    #tmp_featured_area .featured_items li a {
        display: none;
    }
    #tmp_featured_area .featured_items .featured_stamp img {
        display: none;
    }
    #tmp_featured_area .featured_items .featured_stamp {
        position: static;
        width: 100%;
        height: 0;
		padding-top:17.6%;
        background: url(/shared/images/top/feature_0_sm_ja.jpg) no-repeat;
        background-size: 100% auto;
    }
    .lang_en #tmp_featured_area .featured_items .featured_stamp {
        background: url(/shared/images/top/feature_0_sm_en.jpg) no-repeat;
        background-size: 100% auto;
    }
    .lang_cn #tmp_featured_area .featured_items .featured_stamp {
        background: url(/shared/images/top/feature_0_sm_cn.jpg) no-repeat;
        background-size: 100% auto;
    }
    .lang_tc #tmp_featured_area .featured_items .featured_stamp {
        background: url(/shared/images/top/feature_0_sm_tc.jpg) no-repeat;
        background-size: 100% auto;
    }
    .lang_kr #tmp_featured_area .featured_items .featured_stamp {
        background: url(/shared/images/top/feature_0_sm_kr.jpg) no-repeat;
        background-size: 100% auto;
    }
    .lang_th #tmp_featured_area .featured_items .featured_stamp {
        background: url(/shared/images/top/feature_0_sm_th.jpg) no-repeat;
        background-size: 100% auto;
    }
    #tmp_featured_area .featured_items .featured_thumbnail,
    #tmp_featured_area .featured_items .featured_detail_left,
    #tmp_featured_area .featured_items .featured_detail_right {
        width: 100%;
        height: auto;
        overflow: hidden;
        height: 125px;
    }
    #tmp_featured_area .featured_items .featured_thumbnail img,
    #tmp_featured_area .featured_items .featured_detail_left img,
    #tmp_featured_area .featured_items .featured_detail_right img {
		width:100%;
		height:auto;
		position:absolute;
		top:0;
		bottom:0;
		left:0;
		margin:auto;
    }
    #tmp_featured_area .featured_items .featured_detail_left .infor {
        margin-left: 0;
    }
    #tmp_featured_area .featured_items .featured_detail_right .infor {
        margin-left: 0;
    }
    #tmp_featured_area .infor .infor_in {
        min-width: 110px;
    }
    #tmp_featured_area .infor .infor_in h3 {
        font-size: 114.3%;
        border-bottom: solid 1px #ffffff;
        height: 52px;
    }
    #tmp_featured_area .infor .infor_in p {
        font-size: 11px;
        height: 36px;
    }
    /*=============  end featured_area    =============*/
    /*=============  event_info    =============*/
    #tmp_event_info .list_event .list_event_title {
        font-size: 128.6%;
        margin: 0 0 4px;
    }

	#tmp_event_info .list_event .list_event_title .icon_left {
		background-size:20px auto;
		padding:0 0 0 25px;
	}
	#tmp_event_info .list_event .list_event_title .icon_right {
		background-size:20px auto;
		padding:0 25px 0 0;
	}

    #tmp_event_info .list_event .load_more {
        /*font-size: 11px;*/
    }
    .slider_event .slick-track {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-flow: row wrap;
        flex-flow: row wrap;
    }
    .slider_event .slick-track .slick-slide {
        display: flex;
        height: auto;
        align-items: center; //optional
        justify-content: center; //optional
    }
    #tmp_event_info .repetition_area .infor h3 {
        font-size: 100%;
    }

    #tmp_event_info .repetition_area .infor p {
        font-size: 11px;
    }
    #tmp_event_info .repetition_area .infor {
        padding: 6px;
    }
    #tmp_event_info .topic,
    #tmp_event_info .topic .topic_logo,
    #tmp_event_info .topic .topic_content {
        display: block;
    }
    #tmp_event_info .topic .topic_logo {
		background:url(/shared/templates/top/images/sp/ntopic_ttl_ja.gif) center center no-repeat;
		background-size: auto 35px;
	}
	.lang_en #tmp_event_info .topic .topic_logo {
		background:url(/shared/templates/top/images/sp/ntopic_ttl_en.gif) center center no-repeat #ca2b31;
		background-size: auto 35px;
	}
	.lang_cn #tmp_event_info .topic .topic_logo {
		background:url(/shared/templates/top/images/sp/ntopic_ttl_cn.gif) center center no-repeat #ca2b31;
		background-size: auto 35px;
	}
	.lang_tc #tmp_event_info .topic .topic_logo {
		background:url(/shared/templates/top/images/sp/ntopic_ttl_tc.gif) center center no-repeat #ca2b31;
		background-size: auto 35px;
	}
	.lang_kr #tmp_event_info .topic .topic_logo {
		background:url(/shared/templates/top/images/sp/ntopic_ttl_kr.gif) center center no-repeat #ca2b31;
		background-size: auto 35px;
	}
	.lang_th #tmp_event_info .topic .topic_logo {
		background:url(/shared/templates/top/images/sp/ntopic_ttl_th.gif) center center no-repeat #ca2b31;
		background-size: auto 35px;
	}
    #tmp_event_info .topic .topic_logo span {
        width: 195px;
        height: 33px;
	}
	/* repetition_area */
	#tmp_event_info .repetition_jcarousel {
		position:relative;
		width:300px;
		margin:0 auto;
	}
	#tmp_event_info .repetition_jcarousel .wrap_repetition_area {
		padding:0 28px;
		overflow:hidden;
	}
	#tmp_event_info .repetition_jcarousel .box_gallrey {
		width:205px !important;
	}
	#tmp_event_info .repetition_jcarousel .repetition_in {
		margin:0 auto !important;
		width:185px;
	}
	#tmp_event_info .repetition_jcarousel .repetition_in .infor {
		background-color:#FFFFFF;
		color:inherit;
		padding:5px;
	}
	#tmp_event_info .repetition_jcarousel h3 {
		font-size:100%;
		line-height:1.2;
	}
	#tmp_event_info .repetition_jcarousel p {
		font-size:78.5%;
	}
	#tmp_event_info .repetition_jcarousel .box_parent_gallrey {
		margin:0 0 0 -185px;
	}
	#tmp_event_info .wrap_repetition_area .list_order {
		display:none;
	}
	#tmp_event_info .wrap_repetition_area .gallery_navi p {
		position:absolute;
		top:0;
		z-index:100;
	}
	#tmp_event_info .wrap_repetition_area .gallery_navi p.prev {
		left:0;
	}
	#tmp_event_info .wrap_repetition_area .gallery_navi p.next {
		right:0;
	}
	#tmp_event_info .wrap_repetition_area .gallery_navi p a {
		display:block;
	}

    #tmp_event_info .topic {
        border: solid 1px #ca2b31;
        margin: 0 10px 10px;
    }
    #tmp_event_info .topic .topic_logo {
        text-align: center;
        background-color: #ca2b31;
        padding: 3px 0;
    }
    #tmp_event_info .topic .topic_content {
        font-size: 85.7%;;
        padding: 0 10px 0 10px;
    }
    #tmp_event_info .list_event {
        padding: 12px 0 26px;
    }
    #tmp_event_info .list_event .wrap_repetition_area .repetition_area {
        margin-bottom: 0;
        padding: 0 0;
        margin: 0 5px;
    }
    /*=============  end event_info    =============*/
    #tmp_func_txt {
        display: none;
    }
    #tmp_wrapper .container,
    #tmp_gnavi,
    #tmp_copyright p {
        width: 100%;
    }
    #tmp_header,
    #tmp_wrap_gnavi,
    #tmp_wrap_gnavi2,
    #tmp_banner .tmp_banner_inner,
    #tmp_wrap_map,
    #tmp_wrap_footer,
    #tmp_footer,
    #tmp_wrap_copyright,
    #tmp_copyright,
    #tmp_wrap_footer,
    #tmp_featured_area,
    #tmp_event_info,
    #travel_info {
        min-width: inherit;
        max-width: inherit;
    }
    #tmp_banner .banner_caption .para_text {
        font-size: 200%;
        line-height: 29px;
    }
    .banner_search {
        display: block;
    }
    .scroll_down {
        display: none;
    }
    .tmp_pick {
        position: relative;
        bottom: auto;
        right: auto;
        padding: 0;
        background: none;
        width: 100%;
        height: 180px;
        overflow: hidden;
    }
    .tmp_pick h2 {
		position:relative;
		z-index:10;
	}
    .tmp_pick p {
		padding:0;
	}
    .tmp_pick img {
        width: 100%;
		height:auto;
		position:absolute;
		top:0;
		bottom:0;
		margin:auto 0;
    }
    .tmp_pick h2 {
        padding: 4px 5px;
        text-align: center;
        font-size: 100%;
        background: url(/shared/images/top/bg_pick_sp.png) repeat scroll;
    }
    .tmp_pick .para_festival {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        padding: 4px;
        text-align: center;
        width: 100%;
        background-color: rgba(0, 0, 0, 0.7);
    }
    .tmp_pick a {
        color: #FFFFFF;
    }
    #tmp_banner .tmp_banner_img img {
        height: 430px;
        width: 100%;
        object-fit: cover;
    }
    #tmp_banner .banner_caption {
        margin-top: 0;
        top: 80px;
        bottom: auto;
    }
    #tmp_banner .banner_caption p {
        font-size: 28px;
        line-height: 29px;
    }
    .label_park {
        font-size: 10px;
    }
    /*=============== travel_info  ================*/
	#travel_info {
	}
    #travel_info .travel_info_title img {
        height: 59px;
		width:auto;
    }
    #travel_info .travel_list {
        bottom: 0;
    }
    #travel_info .travel_list .travel_item {
        float: left;
        width: 33.33%;
        padding: 0 8px;
        margin-bottom: 15px;
    }

    #travel_info .travel_list .travel_item:nth-child(3n+1) {
		clear:both;
	}
    #travel_info .travel_list .travel_inner p {
        margin-top: 6px;
    }
    #travel_info .travel_list .travel_inner {
		background-size:76px 76px;
	}
    #travel_info .travel_list .travel_inner p a {
		font-size:85.7%;
		padding:80px 0 0;
    }
    #travel_info .container {
        padding: 15px 0 0;
        height: 357px;
    }
    /*=============== end travel_info  ================*/
	
	
	#tmp_realtime {
		position: static;
		left: auto;
		bottom: auto;
		z-index: 10;
		padding: 0;
		width: auto;
		margin: 20px 15px;
	}

}