@charset "utf-8";
@media screen and (min-width : 801px) and (max-width : 1000px) {
	#tmp_contents .localmenu .div_tag {
		gap: 25px;
	}
}
@media screen and (max-width : 800px) {
#tmp_pagetitle{
	margin-top: 20px;
}
#tmp_pagetitle .container {
	padding: 0;
}
#tmp_pagetitle h1,
#tmp_contents h1 {
	font-size: 143.8%;
	line-height: 1.5;
	padding-left: 20px;
}
#tmp_contents h2 {
	font-size: 131.3%;
	line-height: 1.5;
}
#tmp_contents h3 {
	padding: 10px;
	border-radius: 16px;
	font-size: 131.3%;
	line-height: 1.5;
}
#tmp_contents h4 {
	font-size: 125%;
	line-height: 1.6;
}
#tmp_contents h5{
	padding: 2px 0 0 12px;
	font-size: 112.5%;
	line-height: 1.7;
	background-image: url(/shared/templates/biwako_system_free/images/icon/line_h5_sp.png);
	background-size: 4px auto;
	background-position: 0 5px;
	margin-bottom: 3px;
}
#tmp_contents h6{
	font-size: 100%;
	line-height: 1.8;
	margin: 1.7em 0 0.2em;
}
#tmp_contents ul {
	margin-left: 19px;
	margin-bottom: 28px;
}
#tmp_contents ol {
	margin-left: 45px;
	margin-bottom: 33px;
}
#tmp_contents ul li,
#tmp_contents ol li {
	line-height: 1.8;
}
#tmp_contents ul li {
	padding-left: 2px;
	margin-bottom: 15px;
}
#tmp_contents ol li {
	padding-left: 2px;
	margin-bottom: 12px;
}
/* img_cap
================================================== */
#tmp_contents .img_cap > p {
	margin-top: 5px;
}
#tmp_contents .col3 .img_cap {
	font-size: 81.3%;
}
#tmp_contents div.col3 div.img_cap {
	margin-bottom: 15px;
}
#tmp_contents .col3 .img_cap p {
	margin-bottom: 10px;
}
#tmp_contents .col3 .img_cap p:first-child {
	margin-bottom: 10px;
}
#tmp_contents .col3 .img_cap p:not(:first-child) {
    padding: 5px 19px 5px 5px;
}
#tmp_contents .col3 .img_cap p > a {
	margin: -5px -19px -5px -5px;
	padding: 5px 30px 5px 5px;
	background-size: 8px auto;
}
/* outline
================================================== */
#tmp_contents .outline p:has(img.float_rgt) {
	text-align: center;
}
#tmp_contents .outline img.float_rgt {
	display: inline-block;
	vertical-align: top;
}
#tmp_contents table.outline td,
#tmp_contents div.outline {
	padding:20px 20px 0;
}
/* datatable
   enquete_table
================================================== */
#tmp_contents .scroll_table table.datatable{
	margin-bottom: 0;
}
#tmp_contents table.datatable,
#tmp_contents table.enquete_table{
	margin-bottom: 40px;
}
#tmp_contents table.datatable th,
#tmp_contents table.enquete_table th{
	padding-top: 5px;
	padding-bottom: 6px;
}
#tmp_contents table.datatable td,
#tmp_contents table.enquete_table td{
	padding-top: 7px;
	padding-bottom: 7px;
}
#tmp_contents .scroll_table::-webkit-scrollbar {
	width: 10px;
	height: 6px;
}
#tmp_contents .scroll_table::-webkit-scrollbar-thumb {
	background: #787878;
}
#tmp_contents .scroll_table::-webkit-scrollbar-thumb:hover {
	background: #787878;
}
:not(.scroll_table) table.datatable th,
:not(.scroll_table) table.datatable td{
	width: auto;
}
/* box_btn & box_menu
================================================== */
#tmp_contents .box_menu {
	margin-bottom: 1.4em;
}
/* box_info & box_link
================================================== */
#tmp_contents .box_info,
#tmp_contents .box_link {
	margin: 1.8em 0;
}
#tmp_contents .box_info .box_info_ttl,
#tmp_contents .box_link .box_link_ttl {
	font-size: 125%;
    padding: 12px 30px 0 28px;
    background-image: url(/shared/templates/biwako_system_free/images/icon/line_box_ttl_sp.png);
	background-size: 5px auto;
    background-position: 14px 18px;
    border-radius: 5px 5px 0 0;
}
#tmp_contents .box_info .box_info_cnt,
#tmp_contents .box_link .box_link_cnt {
	padding: 3px 10px 0;
}
#tmp_contents .box_info ul,
#tmp_contents .box_link ul{
	margin-left: 18px;
}
/* ==================================================
contents
================================================== */
/* step */
#tmp_biwa_step{
	display: block;
	margin: 63px 0 19px;
	font-size: 87.5%;
}
#tmp_biwa_step .step_ttl,
#tmp_biwa_step .step_cnt{
	display: block;
}
#tmp_biwa_step .step_ttl{
	padding: 6px 6px 1px;
	width: 100%;
	font-size: 100%;
}
#tmp_biwa_step .step_ttl p{
	line-height: 1.6;
}
#tmp_biwa_step .step_cnt{
	font-size: 100%;
}
#tmp_biwa_step .step_cnt a{
	display: block;
	padding: 13px 44px 9px 17px;
}
/* anchor */
#tmp_anchor .anchor_cnt ul{
	gap: 10px 0;
}
#tmp_anchor .anchor_cnt li{
	width: 100%;
}
#tmp_anchor .anchor_cnt li a{
	padding: 10px 35px 10px 15px;
	background-size: 10px auto;
	font-size: 100%;
	min-height: auto;
}
#tmp_anchor .anchor_cnt li a:hover{
	background-color: transparent;
	color: #45852A;
}
/* box_card */
#tmp_contents .box_card {
	margin-bottom: 15px;
}
#tmp_contents .box_card .box_card_cnt {
	padding: 10px 14px;
}
/* externalLink */
#tmp_contents a[rel*="external"]:after,
#tmp_main a[rel*="external"]:after{
    position: relative;
    top: 2px;
    margin-left: 9px;
}
/* sns */
.type_idx #tmp_sns_box {
	padding-top: 28px;
}
/* event & link
================================================== */
#tmp_contents .news_list_wrap {
	margin-top: 20px;
	margin-bottom: 0;
}

/* idx
================================================== */
.type_idx #tmp_contents > .container > p:first-child + div.col3 {
	margin-top: 24px;
}
.type_idx #tmp_contents div.col3 div.col3L,
.type_idx #tmp_contents div.col3 div.col3M {
    width: 100%;
    margin-right: 0;
}
.type_idx #tmp_contents div.col3 div.col3R {
    width: 100%;
}

/* custom_multilang
================================================== */
.custom_multilang_en #tmp_mainvisual .top_image_box .logo h1,
.custom_multilang_en #tmp_mainvisual .top_image_box .logo p {
	right: 0;
	padding-top: calc((200/300) * 100%);
	background-image: url(/shared/templates/biwako_system_free/images/multilang/mainvs_logo_en_sp.png);
	min-width: auto;
}
.custom_multilang_cn #tmp_mainvisual .top_image_box .logo h1,
.custom_multilang_cn #tmp_mainvisual .top_image_box .logo p {
	background-image: url(/shared/templates/biwako_system_free/images/multilang/mainvs_logo_zh_cn_sp.png);
}
.custom_multilang_tw #tmp_mainvisual .top_image_box .logo h1,
.custom_multilang_tw #tmp_mainvisual .top_image_box .logo p {
	padding-top: calc((245/300) * 100%);
	background-image: url(/shared/templates/biwako_system_free/images/multilang/mainvs_logo_zh_tw_sp.png);
}
/* top_foreign */
#tmp_contents .top_foreign {
	padding: 20px 0;
}
#tmp_contents .top_foreign:last-child {
	margin-bottom: 0;
}
#tmp_contents .top_foreign .container {
	padding: 0 10px;
}
#tmp_contents .top_foreign .parts {
	display: block;
}
#tmp_contents .top_foreign .block {
	padding-left: 0;
}
#tmp_contents .top_foreign .image img {
	border-radius: 29px;
}
#tmp_contents .top_foreign .heading h2 {
    font-size: 162.5%;
    line-height: 1.4;
    margin: 13px 0;
    padding: 2px 0 14px 26px;
    background-position: left 3px;
}
#tmp_contents .top_foreign .sentence {
    padding: 0;
	font-size: 87.5%;
}
#tmp_contents .top_foreign .sentence p {
	line-height: 1.4;
}
#tmp_contents .movie_wrap {
	padding-top: 30px;
	margin-bottom: 0;
	font-size: 87.5%;
}
#tmp_contents .top_lang_cnt .container .movie_wrap {
	margin-left: -15px;
	margin-right: -15px;
}
#tmp_contents .movie_wrap:last-child {
	margin-bottom: -13px;
}
#tmp_contents .movie_wrap p {
	margin-bottom: 6px;
	line-height: 1.4;
}
/* reset hover
================================================== */
#tmp_contents .col3 .img_cap p > a:hover {
    background-color: #007CBB;
    background-position: right 19px center;
}

/* accessibility style
================================================== */
/* color */
.color_black #tmp_biwa_step .step_ttl,
.color_blue #tmp_biwa_step .step_ttl,
.color_yellow #tmp_biwa_step .step_ttl{
	border-right: none;
	border-bottom: 3px solid;
}
/* fsize */
.fsize_small #tmp_contents .box_info .box_info_ttl,
.fsize_small #tmp_contents .box_link .box_link_ttl{
	background-position: 14px 12px;
}
.fsize_small #tmp_contents ul li,
.fsize_small #tmp_contents ol li {
    margin-bottom: 13px;
}
.fsize_big2 #tmp_contents .container > ul {
    margin-left: 25px;
}
.fsize_big2 #tmp_contents .container > ol {
    margin-left: 60px;
}
/* ==================================================
clearfix
================================================== */
#tmp_sma_lnavi_cnt .switch_menu .noicon_list:after {
	content: ""; /* 変更しない */
	display: table; /* 変更しない */
	clear: both; /* 変更しない */
}
}