@charset "utf-8";

@media screen and (max-width : 480px) {
/* ==================================================
Required to CMS-8341
================================================== */
#tmp_contents h1{
	font-size: 164.3%;
	padding: 15px 15px 17px;
	background-image: url(/shared/templates/seaside_free/images/h1_bg_sp.png), url(/shared/templates/seaside_free/images/h1_bg_pic_sp.png);
	background-size:28px auto,120px auto;
}
#tmp_contents h2{
	font-size: 135.7%;
	padding: 12px 10px 12px 30px;
    background-image:url(/shared/templates/seaside_free/images/h2_icon_sp.png), url(/shared/site_seaside/images/icon/yellow_bg.jpg);
	background-size:21px auto,18px auto;
    background-position: 5px 14px, left top;
}
#tmp_contents h3{
    font-size: 135.7%;
	padding: 0 12px 7px;
	background-image:url(/shared/templates/seaside_free/images/h3_icon_sp.png);
	background-size:5px auto;
}
#tmp_contents h4{
	font-size: 121.4%;
	background-image:url(/shared/templates/seaside_free/images/h4_icon_sp.png);
	background-size:16px auto;
	background-position:left 5px;
	padding-left:24px;
}
#tmp_contents h5{
	font-size: 107.1%;
}
#tmp_contents h6{
	font-size: 100%;
}
#tmp_contents ul,
#tmp_contents ol {
    margin-left: 17px;
}
#tmp_contents ul{
	margin-bottom: 1.7em;
	list-style-image: url(/shared/site_seaside/images/icon/list_icon_sp.gif);
}
#tmp_contents ul li,
#tmp_contents ol li {
    margin: 0 0 0.9em;
}
/* ==================================================
parts
================================================== */
#tmp_contents .outline,
#tmp_contents ul.box_btn,
#tmp_contents .box_menu,
#tmp_contents .box_faq,
#tmp_contents .box_info,
#tmp_contents .box_link,
#tmp_contents table.datatable,
#tmp_contents table.enquete_table {
	margin:0 0 30px;
}
#tmp_contents table.datatable th,
#tmp_contents table.enquete_table th {
    padding: 7px 8px 9px;
}
#tmp_contents table.datatable td,
#tmp_contents table.enquete_table td {
    padding: 7px 8px 9px;
}
#tmp_contents .outline{
	border-width: 4px;
}
#tmp_contents table.outline td,
#tmp_contents div.outline{
    padding: 5px 12px 0;
}
#tmp_contents table.col2,
#tmp_contents table.col3{
	width: 100%;
}
#tmp_contents table.col3 td.col3L,
#tmp_contents table.col3 td.col3M,
#tmp_contents table.col2 td.col2L{
	border-right: none;
}
#tmp_contents table.col2 td.col2L,
#tmp_contents table.col2 td.col2R,
#tmp_contents table.col3 td.col3L,
#tmp_contents table.col3 td.col3M,
#tmp_contents table.col3 td.col3R{
	display: block;
}
#tmp_contents .box_menu .box_menu_ttl{
	padding: 0 9px;
}
#tmp_contents .box_menu_ttl p{
	padding: 10px 0 9px;
}
#tmp_contents .box_menu_ttl a{
	margin: -10px 0 -9px;
    padding: 10px 0 9px;
	background-image: url(/shared/site_seaside/images/icon/arrow_blue_m_sp.png);
	background-size: 7px auto;
	-webkit-background-size: 7px auto;
	-moz-background-size: 7px auto;
}
#tmp_contents table.box_menu td,
#tmp_contents div.box_menu_cnt {
    padding: 11px 3px 5px;
}
#tmp_contents ul.box_btn li{
	margin-bottom: 16px;
	padding: 13px 32px 12px 9px;
}
#tmp_contents ul.box_btn a{
	margin: -13px -32px -12px -9px;
    padding: 13px 32px 12px 9px;
	background: transparent url(/shared/site_seaside/images/icon/arrow_blue_m_sp.png) no-repeat right 10px center;
	background-size: 7px auto;
	-webkit-background-size: 7px auto;
	-moz-background-size: 7px auto;
}
#tmp_contents .box_faq .box_faq_ttl,
#tmp_contents .box_info .box_info_ttl,
#tmp_contents .box_link .box_link_ttl{
	font-size: 121.4%;
	padding: 0 2px 9px;
}
#tmp_contents .box_faq .box_faq_cnt,
#tmp_contents .box_info .box_info_cnt,
#tmp_contents .box_link .box_link_cnt {
    padding: 12px 3px 0;
}

/* ==================================================
accessibility style change:font-size
================================================== */
.fsize_small #tmp_contents .box_menu_ttl a {
    background-position: right 17px top 13px;
}
/* ==================================================
clearfix
================================================== */
#tmp_sma_lnavi_cnt .switch_menu .noicon_list:after {
	content: ""; /* 変更しない */
	display: table; /* 変更しない */
	clear: both; /* 変更しない */
}
}