@charset "utf-8";

@media screen and (max-width : 640px) {
    #main_visual{
        margin-bottom: 20px;
    }
    .main_visual_gallery,
    #main_visual,
    #main_visual .container{
        height: auto;
    }
    #main_visual .container{
        padding: 0;
    }
    .main_visual_gallery .gallery_slide img{
        opacity: 1;
    }
    .main_visual_gallery .visual_caption{
        padding: 5px 14px 5px 8px;
        top: 10px;
        border-left: 3px solid #00809b;
        opacity: 1;
        visibility: visible;
    }
    .main_visual_gallery .visual_caption_catch{
        padding: 5px 14px 5px 8px;
        top: 40px;
        border-left: 3px solid #00809b;
        opacity: 1;
        visibility: visible;
    }
    #main_visual .descript_text{
        padding-left: 0;
        right: auto;
        left: 50%;
        bottom: 0;
        opacity: 1;
        visibility: visible;
        -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
    }
    .main_visual_gallery .visual_caption p,
    .main_visual_gallery .visual_caption_catch p{
        font-size: 100%;
        line-height: 1.1;
    }
    #main_visual .slick_control{
        position: relative;
        top: auto;
        bottom: auto;
        left: auto;
        right: auto;
        padding: 6px 30px 8px;
        background-color: #343434;
        text-align: center;
    }
    #main_visual .slick-prev,
    #main_visual .slick-next{
        margin-top: -10px;
    }
    #main_visual .slick-prev,
    #main_visual .slick-next,
    #main_visual .slick-next:hover, 
    #main_visual .slick-next:focus,
    #main_visual .slick-prev:hover, 
    #main_visual .slick-prev:focus{
        width: 24px;
        height: 24px;
        -webkit-background-size: 100%;
        background-size: 100%;
    }
    #main_visual .slick-prev{
        left: 5px;
    }
    #main_visual .slick-next{
        right: 5px;
    }
    #main_visual .descript_text{
        padding: 7px 10px 0;
        margin: 0;
        width: 100%;
        display: block;
        text-align: center;
        font-size: 71.4%;
        background-color: #343434;
    }
    #main_visual .btn_ctl{
        margin-right: 10px;
        padding: 3px 4px;
        font-size: 78.5%;
        min-width: 61px;
    }
    #main_visual .btn_ctl a span{
        padding-top: 3px;
    }
    .slick-dots li,
    #main_visual .slick-dots li a,
    .slick-dots li button{
        width: 11px;
        height: 11px;
    }
    .slick-dots li button,
    #main_visual .slick-dots li a{
        border: 2px solid #ffffff;
    }
    #main_visual .slick-dots li a span{
        width: 9px;
        height: 9px;
    }
    .broadcast_entries{
        margin-bottom: 20px;
    }
    .broadcast_entries .broadcast_entries_ttl{
        padding: 11px 10px 2px;
        margin-bottom: 0;
        float: none;
        width: 100%;
        
    }
    .broadcast_entries .broadcast_entries_ttl p{
        padding-top: 0;
        font-size: 114.2%;
        background-position: 0 0;
    }
    .broadcast_entries .broadcast_entries_list{
        padding: 10px;
        text-align: center;
        min-height: inherit;
    }
    .broadcast_entries .broadcast_entries_list li a{
        padding-left: 16px;
        font-size: 100%;
        -webkit-background-size: 12px 12px;
        background-size: 12px 12px;
    }
    .social_rss li .info_list,
    .social_rss li .info_rss{
        background-position: 0 3px;
        -webkit-background-size: 12px 12px;
        background-size: 12px 12px;
    }
    .media_entries{
        margin-bottom: 30px;
    }
    .infomation_notice{
        margin-bottom: 20px;
    }
    .col_notice_inner,
    #tmp_notice_fb .col_notice_inner{
        padding: 19px 9px 0;
    }
    .what_news_list li{
        padding: 13px 0 12px;
    }
    .important_list li{
        padding: 13px 0 12px 14px;
    }
    .col_notice,
    .media_list li,
    .col_info,
    .main_menu_category .main_menu_item{
        float: none;
        width: 100%;
    }
    .col_info,
    .col_info:first-child {
        padding-right: 0;
        padding-left: 0;
    }
    .col_notice{
        margin-bottom: 20px;
    }
	#tmp_notice_fb.col_notice{
        text-align: center;
    }
    .notice_title{
        margin-bottom: 7px;
    }
    .notice_title p{
        font-size: 142.8%;
    }
    .media_list li{
        margin-bottom: 10px;
    }
    .media_list li a{
        font-size: 107.1%;
		line-height: 2.9;
		padding-top: 18px;
		padding-bottom: 16px;
    }
    .media_list .media_item1 a span{
        padding-left: 36px;
        -webkit-background-size: 28px 16px;
        background-size: 28px 16px;
    }
    .media_list .media_item2 a span{
        padding-left: 36px;
        -webkit-background-size: 24px 17px;
        background-size: 24px 17px;
    }
    .media_list .media_item3 a span{
        padding-top: 5px;
        padding-bottom: 5px;
        padding-left: 29px;
        -webkit-background-size: 21px 24px;
        background-size: 21px 24px;
    }
	.directional_info {
		margin-bottom: 0;
	}
    .main_menu_category .main_menu_item{
        margin-bottom: 10px;
    }
    .main_menu_category .main_menu_item:last-child{
        margin-bottom: 0;
    }
    .main_menu_cnt{
        display: none;
    }
    .heading-info{
        padding-top: 15px;
        margin-bottom: 19px;
        font-size: 142.8%;
        border-top: 3px solid #00809b;
    }
    .box_info_categories{
        margin-bottom: 26px;
    }
    .box_info_categories li a:first-child {{
        padding: 15px 5px 15px 22px;
        height: 45px;
        font-size: 100%;
        background: #ffffff url(/shared/site_gikai/images/icon/white_icon.png) no-repeat scroll 6px 18px;
        -webkit-background-size: 12px 12px;
        background-size: 12px 12px;
    }
    .directional_info{
        margin-bottom: 0;
    }
    .main_menu_ttl{
        min-height: 55px;
        padding: 14px 29px 12px 8px;
    }
    .main_menu_ttl:after{
        top: 19px;
        right: 8px;
    }
    .main_menu_ttl:after,
    .active .main_menu_ttl:after{
        -moz-transition: all 0.3s ease-in-out;
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }
    .main_menu_ttl a{
        font-size: 107.1%;
        min-height: 26px;
    }
    #menu_item_1 .main_menu_ttl a,
    #menu_item_2 .main_menu_ttl a,
    #menu_item_3 .main_menu_ttl a,
    #menu_item_4 .main_menu_ttl a,
    #menu_item_5 .main_menu_ttl a{
        padding-left: 32px;
    }
    #menu_item_1 .main_menu_ttl a{
        -webkit-background-size: 23px 17px;
        background-size: 23px 17px;
    }
    #menu_item_2 .main_menu_ttl a{
        -webkit-background-size: 20px 20px;
        background-size: 20px 20px;
    }
    #menu_item_3 .main_menu_ttl a{
        -webkit-background-size: 23px 26px;
        background-size: 23px 26px;
    }
    #menu_item_4 .main_menu_ttl a{
        -webkit-background-size: 19px 23px;
        background-size: 19px 23px;
    }
    #menu_item_5 .main_menu_ttl a{
        -webkit-background-size: 18px 16px;
        background-size: 18px 16;
    }
}