@charset "utf-8";

@media screen and (max-width : 640px) {
/* ==================================================
contents
================================================== */
#tmp_search_top {
	background: #ffffff url(/shared/templates/suido_gesui_top/images/bg_top_sp.jpg) center bottom repeat;
	-webkit-background-size:100% 100%;
	-moz-background-size:100% 100%;
	background-size:100% 100%;
}
#tmp_search_top .search_top_bg {
	position: static;
	height: 285px;
	width: 100%;
	margin-right: 0;
	background-position: center center;
	background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	border-top: none;
}
.no_javascript #tmp_search_top .search_top_bg{
	height: auto;
}
.no_javascript #tmp_search_top .search_top_bg img{
	width: 100%;
	height: auto;
}
#tmp_search_top .search_top_cnt {
	padding: 23px 0 20px;
}
#tmp_search_top .search_top_ttl {
	padding-left: 44px;
	margin-bottom: 11px;
	background-size: 32px auto;
	-moz-background-size: 32px auto;
	-webkit-background-size: 32px auto;
	background-position: 0 11px;
	background-image: url(/shared/templates/suido_gesui_top/images/search_icon_sp.png);
}
#tmp_search_top .search_top_ttl h2 {
	padding-right: 75px;
	font-size: 187.5%;
	background-size: 69px auto;
	-moz-background-size: 69px auto;
	-webkit-background-size: 69px auto;
	background-position: right 15px;
	background-image: url(/shared/templates/suido_gesui_top/images/search_txt_sp.png);
}
#tmp_search_top .search_top_ttl h2 small,
#tmp_search_top .search_top_ttl h2 small.sp {
	font-size: 80%;
}
#tmp_search_top .form_search_wrap {
	display: block;
}
#tmp_search_top .search_input {
	display: block;
	width: 100%;
	padding-right: 0;
	margin-bottom: 10px;
}
#tmp_search_top #tmp_query_menu {
	height: 42px;
	background-size: 70px auto !important;
}
#tmp_search_top .search_btn {
	display: block;
	width: 110px;
	margin: 0 auto;
}
#tmp_search_top #tmp_sch_btn_menu {
	height: 35px;
}
#tmp_search_top .search_top_tags {
	margin-right: -5px;
	margin-bottom: 11px;
}
#tmp_search_top .search_top_tags_ttl {
	padding-right: 8px;
}
#tmp_search_top .search_top_tags .search_top_tags_cnt {
	padding-left: 9px;
	margin-right: -3px;
}
#tmp_search_top .search_top_tags li {
	margin: 0 3px 9px;
}
#tmp_search_top .search_top_tags li a {
	font-size: 93.7%;
	padding:7px 9px;
}
#tmp_search_top .search_pickup {
    margin-bottom: 10px;
}
#tmp_search_top .search_pickup_ttl {
	padding-left: 65px;
	background-position: 0 4px;
	background-size: 59px auto;
	-moz-background-size: 59px auto;
	-webkit-background-size: 59px auto;
	background-image: url(/shared/templates/suido_gesui_top/images/pickup_txt_sp.png);
}
#tmp_search_top .search_pickup_ttl h3 {
	font-size: 112.5%;
}
#tmp_search_top .search_pickup_cnt ul,
#tmp_search_top .search_pickup_cnt_sm ul {
	margin: 0 5px 0 0;
}
#tmp_search_top .search_pickup_cnt li,
#tmp_search_top .search_pickup_cnt_sm li {
	width: 100%;
	float: none;
	padding:0 0 8px;
}
#tmp_search_top .search_pickup_cnt li a,
#tmp_search_top .search_pickup_cnt_sm li a {
	box-shadow: 3px 3px 0px 0px #ffffff;
	-webkit-box-shadow: 3px 3px 0px 0px #ffffff;
	-moz-box-shadow: 3px 3px 0px 0px #ffffff;
}
#tmp_search_top .search_pickup_cnt li a,
#tmp_search_top .search_pickup_cnt_sm li a {
	padding:10px 24px;
	min-height:68px;
}
#tmp_search_top .search_pickup_cnt li .image,
#tmp_search_top .search_pickup_cnt_sm li .image {
	width:48px;
}

#tmp_search_top .search_pickup_cnt li .image img ,
#tmp_search_top .search_pickup_cnt_sm li .image img {
	width:48px;
}
#tmp_search_top .search_pickup_cnt li .cnt {
	padding: 0 0 0 25px;
}
#tmp_search_top .search_pickup_cnt li .ttl {
	font-size: 112.5%;
	margin-bottom: 6px;
}
#tmp_search_top .search_pickup_cnt li .desc {
	font-size: 75%;
}
/* search_pickup_links */
#tmp_search_top .search_pickup_links {
	text-align: right;
	position:static;
}
#tmp_search_top .search_pickup_links a {
	padding:0 5px 0 14px;
	background-size: 7px auto;
	-moz-background-size: 7px auto;
	-webkit-background-size: 7px auto;
	background-image: url(/shared/templates/suido_gesui_top/images/arrow_icon_sp.png);
}
/* topic
================================================== */
#tmp_topic {
    padding: 19px 0;
}
#tmp_topic .topic_title {
	padding-left: 40px;
	margin-bottom: 12px;
	background-size: 31px auto;
	-moz-background-size: 31px auto;
	-webkit-background-size: 31px auto;
	background-position: 0 9px;
	background-image: url(/shared/templates/suido_gesui_top/images/topic_icon_sp.png);
}
#tmp_topic .topic_title h2 {
	padding-right: 75px;
    font-size: 187.5%;
    background-size: 65px auto;
    -moz-background-size: 65px auto;
    -webkit-background-size: 65px auto;
    background-position: right 15px;
	background-image: url(/shared/templates/suido_gesui_top/images/topic_txt_sp.png);
}
#tmp_topic .topic_list ul li {
    padding: 10px 0 6px;
}
#tmp_topic .topic_list ul li a {
	padding-left: 13px;
	background-position: 0 3px;
	background-size: 7px auto;
	-moz-background-size: 7px auto;
	-webkit-background-size: 7px auto;
	background-image: url(/shared/templates/suido_gesui_top/images/arrow_icon_sp.png);
}
#tmp_topic .list_more {
	position:static;
	text-align: right;
	padding: 8px 0 4px;
}
#tmp_topic .list_more a {
	padding-left: 12px;
	background-size: 7px auto;
	-moz-background-size: 7px auto;
	-webkit-background-size: 7px auto;
	background-image: url(/shared/templates/suido_gesui_top/images/arrow_icon_sp.png);
}
/* related
================================================== */
#tmp_related {
	padding: 21px 24px;
	background: #ffffff url(/shared/templates/suido_gesui_top/images/bg_related_sp.jpg) center top repeat;
	-webkit-background-size:100% 100%;
	-moz-background-size:100% 100%;
	background-size:100% 100%;
}
#tmp_related .related_title {
	margin-bottom: 19px;
}
#tmp_related .related_title p {
	font-size: 112.5%;
	padding-left: 0;
}
#tmp_related .related_list ul {
	margin: 0;
}
#tmp_related .related_list ul li {
	width: 100%;
	float: none;
	padding: 0 4px 0 2px;
	margin-bottom: 20px;
	text-align:left;
}
#tmp_related .related_list ul li a {
	min-height:58px;
	padding:7px 20px;
	box-shadow: 3px 3px 0px 0px #ffffff;
	-webkit-box-shadow: 3px 3px 0px 0px #ffffff;
	-moz-box-shadow: 3px 3px 0px 0px #ffffff;
}
#tmp_related .related_list ul li span {
	width:auto;
}
#tmp_related .related_list ul li .related_img {
	width: 60px;
	flex-grow:0;
	height:auto;
	padding-bottom:0;
}
#tmp_related .related_list ul li .related_img img {
	width: 60px;
	height:auto;
	max-height:none;
}
#tmp_related .related_list ul li .related_txt {
	padding:0 0 0 10px;
}
#tmp_related .list_more {
	position:static;
	text-align: right;
	padding: 0;
}
#tmp_related .list_more a {
	padding-left: 12px;
	background-size: 7px auto;
	-moz-background-size: 7px auto;
	-webkit-background-size: 7px auto;
	background-image: url(/shared/templates/suido_gesui_top/images/arrow_icon_sp.png);
}
/* ==================================================
clearfix
================================================== */
#tmp_sma_lnavi_cnt .switch_menu .noicon_list:after {
	content: ""; /* 変更しない */
	display: table; /* 変更しない */
	clear: both; /* 変更しない */
}
}