@charset "utf-8";
/* =================================================================
 License : e-TRUST Inc.
 File name : common_sp.css
 Style : common sp
================================================================= */

@media screen and (max-width: 768px) {
    #logo {
        position: relative;
    }
	#header .txt_add {
		display: none!important;
}
	.h_txt {
		display: none!important;
}
	#header h1#logo {
		    top: 40px;
	}
	
	#header h1#logo a img {
    width: 130px;
}
    #main_image {
        margin-bottom: 0!important;
		background: none;
    height: auto;
    }
	.news_wrap {
    text-align: left;
}
	.fbcenter{
		margin: 0 auto;
    text-align: center;
	}
	.sub_title h2 {
    font-size: 24px;
    width: 100%;
}
	.sub_title h2 span {
    width: 100%;
	}
	footer#global_footer {
    min-width: 100%;
}
	#footer {

    min-width: 100%;
}
	
    #f_nav {
        display: block;
    }
    .col_nav.left {
        display: none!important;
    }
.col_nav {
        padding-left: 0!important;
        width: 100%;
    }
	.col_nav ul li {
    /* padding-left: 15px; */

}
    #f_nav {
        float: none!important;
        text-align: center!important;
    }
	.col_map {
		float:none!important;
		text-align: center;
		padding-left:0!important;
	}
	#f_nav {
		margin-top:0!important;
	}
	#f_nav {
		display: none!important;
	}
    .f_left {
        padding-bottom: 20px;
    }
    #copyright {
        padding-bottom: 10px!important;
    }
    #contents {
        padding: 0px 10px 0px;
    }
    #main #col_main,
    #main #col_side1 {
        float: none;
        width: 100%;
    }
    .col_left,
    .col_right {
        float: none !important;
        width: 100% !important;
    }
    .col_left {
        margin-bottom: 15px;
    }
    .col_right {
        text-align: center;
    }
    .h_contact {
        display: none;
    }
    .headline2,
    .headline3,
    .headline4,
    .headline5,
    .headline6,
    .sub_title h2,
    .ttl_3,
    .ttl_8,
    .ttl_right .txt,
    .tbl_new span, .ttl_9, .col_l span {
        font-size: 20px!important;
    }
	.sub_title .img_charlie {
    background: url(../images/contents/img_charlie.png) no-repeat right top;
		background-size: 50%;
    width: 100%;
    height: 212px;
}
	.ttl_3 {
		margin-top:-30px;
	}
    .btn_top a {
        padding: 10px!important;
    }
    .slick-arrow.slick-prev {
        left: -10px!important;
    }
    .slick-arrow.slick-next {
        right: -10px!important;
    }
    img.imgL,
    img.imgR {
        max-width: 100% !important;
    }
    .tbl_text {
        width: 49.5%!important;
    }
    .tbl_text img {
        width: 100%!important;
    }
    .tbl_col_03 {
        width: 47.3%!important;
    }
    .tbl_col_03 img,
    .tbl_col_3_txt img {
        width: 100%!important;
    }
    .tbl_col_3_txt {
        width: 45.5%!important
    }
    .tbl_col_3_txt td {
        padding-right: 10px!important;
		display:block;
  		width:100% !important;
    }
    .tbl_new td {
        padding: 0 10px!important;
    }
	.tbl_time td {
		display: block!important;
	}
	.ttl_4 h4 {
		padding-bottom:5px!important
	}
	.tbl_home td {
		margin-top: 10px!important;
	}

}
@media screen and (max-width: 468px) {
	.pc{
	display: none;
	}
	.sp{
		display: block !important;
	}

    .tbl_text {
        display: inline-block;
        width: 49%!important;
    }
    .tbl_text img {
        width: 100%!important;
    }
	.sub_title  {
	}
    .tbl_col_03,
    .tbl_col_3_txt {
        width: 100%!important;
    }
	.tbl_col_3_txt td {
  		display:table-cell;
  		width:auto !important;
 	}
	.col_nav {
		display: none;
	}
	.sub_title .img_charlie {
    background: none;
		width: 100%;
    height: auto;
}

	#pagetop span {
		display: inline-block;
	}
	.img_re .iii_col {
    width: 100% !important;
		height: 310px;
}
	#bread {
	    padding-top: 10px;
}
	.bg_footer_f {
    padding-top: 40px;
}
	#main_image ul li img {
    padding-top: 0px;
}
	.fb_iframe_widget,
.fb_iframe_widget span,
.fb_iframe_widget iframe[style]{
    width: 100% !important;
}
	.m_price{
	display: block;
		margin-bottom: 10px;
}

	.m_price img{
		margin: 0 auto;
}
h3.h3_txt {
	display: block;
}
	.sp_menu img.imgR{
		float: none;
		display: block;
		
	}
}