@media screen and (max-width : 640px) {
/* index page
================================================== */
#tmp_contents .attraction_banner{
    min-height: inherit;
    margin-bottom: 20px;
}
#tmp_contents .attraction_banner .box_img {
	position:static;
	height:auto;
	overflow: inherit;
}
#tmp_contents .attraction_banner .box_img img {
	max-width:100%;
	height:auto;
}
#tmp_contents .attraction_banner .box_ttl {
    width: 100%;
	min-height:inherit;
    padding:25px 10px 50px;
	background:url(/shared/site_hamact/images/banner_hamamasu_sp.png) no-repeat left top;
    background-size:100% auto;
}
#tmp_contents .attraction_banner h1{
    margin: 0 0 20px;
    font-size: 142.8%;
}
#tmp_contents .attraction_banner h1::after {
	bottom:-10px;
}
#tmp_contents .attraction_banner span{
    font-size:71.4%;
}
#tmp_contents .section_part{
    margin: 20px 0 0;
}
#tmp_contents .section_part .part_ttl h2{
    font-size: 185.7%;
    background-size: 100% 100%;
    padding: 15px;
}
#tmp_contents .txt_bold{
    font-size: 100%;
}
#tmp_contents .section_content .manufacturing_name p{
    font-size: 142.8%;
    padding: 10px 10px 5px 10px;
    margin-bottom: 10px;
}
#tmp_contents .section_part .section_content{
    padding: 10px 10px 0;
}
#tmp_contents .section_content .box_media_cnt .media_img{
    display: block;
    width: 100%;
    padding-right: 0;
}
#tmp_contents .section_content .box_media_cnt .media_img img{
    margin: 0 auto;
}
#tmp_contents .section_content .box_media_cnt .box_media_txt{
    width: 100%;
    display: block;
}
#tmp_contents .section_content .box_media_cnt .box_media_txt p{
    margin-bottom: 20px;
}
#tmp_contents .section_content .box_media_txt a{
    display: block;
    width: 278px;
    font-size: 100%;
    padding: 10px;
    text-align: center;
    margin:0 auto;
}
#tmp_contents .section_content .event_list ul{
    margin: 0 0 20px;
    padding: 20px 10px 10px 30px;
}
#tmp_contents .section_content .event_list2{
    margin: 0 0 20px;
    padding: 20px 10px 10px 30px;
}
#tmp_contents .section_content .event_list2 ul {
	float:none;
	width:100%;
	margin-right:0;
}
#tmp_contents .section_content .view_list{
    margin-bottom: 10px;
}
#tmp_contents .section_content .view_list a{
    display: block;
    width: 278px;
    padding: 10px;
    text-align: center;
    margin: 0 auto;
    font-size: 114.2%;
    background-size: 25px 20px;
    background-position: 96% 12px;
}
#tmp_contents .section_content .view_list a:hover{
    background-size: 25px 20px;
    background-position: 96% 12px;
}
#tmp_contents .section_content .item_list_img ul{
    margin: 0;
}
#tmp_contents .section_content .item_list_img ul li{
    width: 100%;
    float: none;
    margin-bottom: 15px;
    padding: 0;
}
#tmp_contents .section_content .item_list_img .list_content span{
    padding: 15px 10px 30px 15px;  
}
/* end index page
================================================== */
#tmp_contents h1 {
    font-size: 175%;
    padding: 15px 25px;
}
#tmp_contents h2 {
    font-size: 150%;
    padding: 15px 25px;
}
#tmp_contents h3 {
    font-size: 125%;
    padding: 10px 20px;
}
#tmp_contents h4 {
    font-size: 125%;
    padding: 10px 20px;
}
#tmp_contents h5,
#tmp_contents h6 {
    font-size: 100%;
}
#tmp_contents div.outline,
#tmp_contents table.outline td {
    padding: 15px 15px 0;
}
#tmp_contents ul.box_btn li {
    padding: 0;
}
#tmp_contents .box_menu .box_menu_ttl a {
    padding: 11px 18px;
}
#tmp_contents .box_info .box_info_ttl {
    font-size: 125%;
    padding: 10px 55px;
    background: #f8f8f8 url(/shared/site_hamact/images/icon/icon_speak.png) no-repeat 19px 15px

}
#tmp_contents .col_link ul.box_btn {
    margin-bottom: 20px;
}
#tmp_contents .box_info .box_info_cnt {
    padding: 20px 13px 6px;
}
#tmp_contents .box_link .box_link_ttl {
    font-size: 125%;
    padding: 10px 55px;
    background: #f8f8f8 url(/shared/site_hamact/images/icon/icon_speak.png) no-repeat 19px 15px

}
#tmp_contents .box_link .box_link_cnt {
    padding: 20px 13px 6px;
}
}