@charset "utf-8";

@media screen and (max-width : 640px) {

/* ==================================================
shared
================================================== */
/* body
============================== */
body {
	-webkit-text-size-adjust:none; /* 変更しない */
	background:none; /* 変更しない */
	font-size: 87.5%;
}
/* wrapper
============================== */
#tmp_wrapper {
	width:100%; /* 変更しない */
	min-width:320px; /* 変更しない */
}
.container{
	width: 100%;
	padding: 0 10px;
}
/* main
============================== */
/* contents
============================== */
#tmp_contents,
#tmp_maincontents {
	word-break:break-all; /* 変更しない */
}
/* format カラムのレイアウトのbaseロジック
============================== */
.wrap_col_nm,
.wrap_col_rgt_navi,
.column_full .wrap_col_main,
.column_lnavi .wrap_col_main,
.column_rnavi .wrap_col_main {
	float:none; /* 変更しない */
}
.wrap_col_lft_navi {
	float:none;
	position:static; /* 変更しない */
	z-index:auto; /* 変更しない */
}
.col_main {
	padding:0; /* 変更しない */
}
/* top
============================== */
.format_top #tmp_main_menu,
.format_top #tmp_main_cnt {
	float:none;
	width:100%;
}
/* free
============================== */
.format_free .wrap_col_nm,
.format_free .wrap_col_nm2 {
	margin-right:0; /* 変更しない */
}
.format_free .wrap_col_lft_navi {
	display:none; /* 変更しない */
}
.format_free .wrap_col_rgt_navi {
	display:block; /* 変更しない */
	width: 100%;
	margin-bottom: 20px;
}
.format_free .column_full .col_main,
.format_free .column_lnavi .col_main {
	margin-left:0; /* 変更しない */
}
.format_free .column_rnavi .wrap_col_main,
.format_free .column_rnavi .col_main {
	margin-right:0; /* 変更しない */
}
/* ==================================================
header
================================================== */
#tmp_header {
	position:relative;
	padding:0;
	z-index: 20;
	background-color: #ffffff;
}
.format_free #tmp_hlogo,
#tmp_hlogo {
	float:none;
	padding: 15px 0;
	margin: 0;
}
.format_free #tmp_hlogo h1, 
.format_free #tmp_hlogo p,
#tmp_hlogo h1,
#tmp_hlogo p {
	display:inline-block;
	width:123px;
	height:15px;
	color: #222222;
	background:#ffffff url(/shared/site_gikai/images/icon/logo_sp.png);
	-webkit-background-size:123px auto;
	-moz-background-size:123px auto;
	background-size:123px auto;
}
.format_free #tmp_hlogo a,
#tmp_hlogo a {
	width:123px;
	height:15px;
}
.format_free #tmp_hlogo h1 span,
.format_free #tmp_hlogo p span,
#tmp_hlogo h1 span,
#tmp_hlogo p span {
	width:123px;
	height:15px;
}
.no_javascript #tmp_header .block_banner{
	width:auto;
	height: auto;
	margin: 0 -10px;
	float: none;
}
.block_banner{
	position: relative;
	border-top: 3px solid #3567b1;
	text-align: right;
	border-bottom: 3px solid #3567b1;
}
.block_banner img{
	width: 100%;
	height: auto;
	float: none;
}
.block_banner .banner_link a{
	font-size: 92.8%;
}
#tmp_hnavi_s, #tmp_sma_menu{
	display: block;
}
#tmp_gnavi_wrap{
	padding: 0;
	margin: 0 0 8px;
	min-height: auto;
}
#tmp_sma_menu #tmp_sma_rmenu {
	display: none;
	position: absolute;
	left: 0;
	top: 45px;
	color: #ffffff;
	background-color: #3567b1;
	width: 100%;
	z-index: 99;
	padding: 20px 10px;
}
#tmp_sma_menu #tmp_sma_lmenu{
	display: none !important;
}
#tmp_sma_menu #tmp_sma_rmenu .close_btn{
	display: block;
}
   /* means
============================== */
.header_logo_wrap{
    overflow: hidden;
	min-height: auto;
	float: left;
}
.format_free .header_logo_wrap{
	margin-top: 0;
}
#tmp_header .block_banner{
	width: 100%;
}
.no_javascript #tmp_setting_wrap{
	display: none;
}
#tmp_setting_wrap {
	width: 100%;
	float: none;
	background-color: transparent;
}
#tmp_search {
	display: block;
	float: none;
}
#tmp_means {
	width: 100%;
	float: none;
	margin: 0 0 6px;
}
#tmp_means ul{
	width:100%;
	display: inline-block;
	overflow: hidden;
}
#tmp_means ul li {
	padding: 0;
	width: 100%;
	background: none;
	display: block;
	float: none;
	margin: 0 0 5px 0;
}
#tmp_means ul li a{
	display: block;
	padding: 10px;
}
/* hnavi_s
============================== */
#tmp_hnavi_s {
	display: block;
	/* 変更しない */
	list-style: none;
	/* 変更しない */
	position: absolute;
	right: 0;
	top: 0;
}
#tmp_hnavi_s li a {
	display: block;
	min-width: 50px;
	min-height: 45px;
	padding: 22px 0 0;
	text-align: center;
	font-size: 64.4%;
	color: #ffffff;
	background-color: #3567b1;
	text-decoration: none;
}
#tmp_hnavi_s li a.active {
	height: 45px;
	background-color: #3567b1;
}
#tmp_hnavi_lmenu {
	position: absolute;
	left: 0;
	top: 0;
}
#tmp_hnavi_rmenu a {
	font-weight: bold;
	background: url(/shared/site_gikai/images/icon/Icon_menu_sp.png) no-repeat 14px 2px;
	-webkit-background-size: 32px auto;
	-moz-background-size: 32px auto;
	background-size: 32px auto;
}
#tmp_hnavi_rmenu a.active {
    padding: 25px 0 0;
    color: #ffffff;
    background: url(/shared/site_gikai/images/icon/icon_close.png) no-repeat center 9px;
    -webkit-background-size: 12px auto;
    -moz-background-size: 12px auto;
    background-size: 12px auto;
}
#tmp_hnavi_s li a .txt_block {
	display: block;
	line-height: 1;
}
#tmp_hnavi_s li a.active .txt_block {
	display: none;
}
.fsize_big2 #tmp_hlogo{
    padding: 29px 0;
}
.fsize_big2 #tmp_hnavi_s li a {
    padding: 21px 0 0;
	width: 65px;
}
/* sma_sch
============================== */
.spmenu_open {
	position: absolute;
	width: 100%;
	min-height: 100%;
	z-index: 1;
	background: #ffffff;
	color: #222222;
}
.spmenu_open:before {
	content: "";
	min-height: 100%;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: #3567b1;
	z-index: 11;
}

#tmp_sma_menu .sma_sch {
	padding: 20px 10px;
}
/* sma_search */
#tmp_sma_search {
	position: relative;
	margin: 0 0 20px;
	padding:0;
	clear: both;
	float: none;
	display:block;
	background: none;
	font-size:100%;
}
#tmp_sma_search .wrap_sch_box {
    padding: 0 65px 0 30px;
    width: 100%;
}
#tmp_sma_search dl {
	display: table;
	width: 100%;
}
#tmp_sma_search dt,
#tmp_sma_search dd,
#tmp_sma_search dd p {
	display: table-cell;
	vertical-align: top;
	-webkit-box-sizing: border-box;
	/* Webkit */
	-moz-box-sizing: border-box;
	/* Mozilla */
	box-sizing: border-box;
	/* CSS3 */
}
#tmp_sma_search dt {
	padding: 0 10px 0 0;
}
#tmp_sma_search .wrap_sch_box .sch_ttl,
#tmp_sma_search .wrap_sch_box .sch_box {
	float: none;
	width: 100%;
}
#tmp_sma_search .wrap_sch_box .sch_ttl {
	text-indent: -9909px;
	width: 15px;
	height: 15px;
	position: absolute;
	top: 10px;
	left: 10px;
	color: inherit;
	background: transparent url(/shared/site_gikai/images/icon/icon_search_blue.png) no-repeat center center;
	background-size: 15px 15px;
	-webkit-background-size: 15px 15px;
	-moz-background-size: 15px 15px;
}
#tmp_sma_query {
	width: 100%;
	height: 35px;
	min-height: 35px;
	padding: 0;
	border: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	background-position: left center !important;
}
#tmp_sma_search .wrap_sch_box .sch_btn {
	position: absolute;
	width: 65px;
	right: 0;
	top: 0;
}
.format_top #tmp_sma_func_sch_btn,
#tmp_sma_func_sch_btn {
	font-size: 78.6%;
	font-weight: bold;
	width: 100%;
	min-height: 35px;
	border: none;
	color: #ffffff;
	background-color: #183a83;
	border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	-webkit-border-radius: 0;
	letter-spacing: 11px;
	text-indent: 11px;
}
/* close_btn */
#tmp_sma_menu .wrap_sma_sch .close_btn {
	text-align: center;
}
#tmp_sma_menu .wrap_sma_sch .close_btn a {
	display: inline-block;
	width: 100%;
	padding: 10px 10px;
	text-decoration: none;
	color: #ffffff;
	background-color: #0f2a59;
}
#tmp_sma_menu .wrap_sma_sch .close_btn a span {
	display: inline-block;
	background: url(/shared/site_gikai/images/icon/icon_close.png) no-repeat left center;
	padding: 0 0 0 20px;
	background-size: 12px 12px;
	-moz-background-size: 12px 12px;
	-webkit-background-size: 12px 12px;
}
.wrap_mc_pc {
	display: block;
}
#tmp_switch_pc_style {
	font-size: 100%;
	display: inline-block;
	width: 100%;
	padding: 12px 10px 10px;
	text-align: center;
	text-decoration: none;
	color: #222222;
	background-color: #d9f9f1;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	margin-bottom: 10px;
}
#tmp_switch_pc_style::before {
	content: '';
	width: 16px;
	height: 14px;
	position: relative;
	top: 2px;
	display: inline-block;
	background: url(/shared/site_gikai/images/icon/icon_sw.png) no-repeat center center;
	background-size: 100% auto;
	-moz-background-size: 100% auto;;
	-webkit-background-size: 100% auto;;
	margin-right: 7px;
}
/* ==================================================
navi
================================================== */
/* gnavi
============================== */
.no_javascript #tmp_gnavi_wrap{
	display: none;
}
.format_free #tmp_gnavi_wrap{
	margin: 0 0 8px;
	background: transparent;
}
#tmp_gnavi_wrap .container{
	padding: 0;
}
.format_free .gnavi{
	width: 100%;
	float: none;
}
.gnavi ul{
	width: 100%;
}
.format_free .gnavi ul li{
	float: none;
	padding: 0;
	color: #ffffff;
    background-color: #3567b1;
}
.format_free .gnavi ul li:last-child:after,
.format_free .gnavi ul li:before{
	display: none;
}
.gnavi ul li {
	border-top: 1px solid #7295c9;
}
.gnavi ul li:last-child{
	border-bottom: 1px solid #7295c9;
}
.format_free .gnavi ul li a,
.gnavi ul li a{
	font-size: 107.2%;
	width: 100%;
	padding: 17px 5px 17px 0;
	background: transparent url(/shared/site_gikai/images/icon/arrow_white.png) no-repeat right center;
	-webkit-background-size: 14px 14px;
	-moz-background-size: 14px 14px;
	background-size: 14px 14px;
	color: #ffffff;
	text-align: left;
	font-weight: bold;
}
.format_top #tmp_subsite_link,
#tmp_subsite_link{
	padding: 3px;
	width: 100%;
	float: none;
	font-size: 132.1%;
	margin-bottom: 20px;
}
#tmp_subsite_link p a{
	border: 1px solid #19428c;
	padding: 13px 8px 12px 8px;
}
.format_free .gnavi ul li.active a:focus, 
.format_free .gnavi ul li.active a, 
.format_free .gnavi ul li a:hover{
	color: #ffffff;
	background: #3567b1 url(/shared/site_gikai/images/icon/arrow_white.png) no-repeat right center;
    -webkit-background-size: 14px 14px;
    -moz-background-size: 14px 14px;
    background-size: 14px 14px;
}
.gnavi ul li.active a,
.gnavi ul li a.active{
	color: #ffffff;
	background: #3567b1 url(/shared/site_gikai/images/icon/arrow_white.png) no-repeat right center;
    -webkit-background-size: 14px 14px;
    -moz-background-size: 14px 14px;
    background-size: 14px 14px;
}
/* pankuzu
============================== */
#tmp_pankuzu{
	padding: 7px 0;
	font-size: 85.7%;
	margin-bottom: 40px;
}
/* lnavi
============================== */
/* event_cal
============================== */
/* cate_ttl
============================== */
#tmp_cate_ttl img {
    height:auto;
    max-width:100%;
}
/* rnavi
============================== */
/* pnavi
============================== */
.pnavi{
	top: -70px;
	width: 72px;
	height: 72px;
	right: 10px;
}
.ptop a{
	width: 72px;
	height: 72px;
}

/* ==================================================
model_change
================================================== */
/* PCスマホ切替表示 ▼変更しない
============================== */
#tmp_model_change {
	display:block;
}
/* 切替ボタン
============================== */
#tmp_model_change ul {
	margin-top:0;
	margin-bottom:0;
}
#tmp_model_change li {
	font-size:100%;
}
#tmp_model_change li a {
	padding-top:12px;
	padding-bottom:12px;
}
/* ==================================================
footer
================================================== */
#tmp_footer{
	padding: 37px 0 0;
}
#tmp_footer_cnt .fnavi_wrap,
#tmp_footer_cnt .footer_cnt{
	width: 100%;
	float: none;
}
#tmp_footer .fnavi_wrap .fnavi li {
    margin-bottom: 14px;
}
#tmp_footer .fnavi_wrap .fnavi a{
	-moz-background-size: 10px 10px;
	-webkit-background-size: 10px 10px;
	background-size: 10px 10px;
}
.footer_cnt address .footer_ttl{
	font-size: 114.2%;
}
#tmp_footer_cnt .fnavi_wrap{
	margin-bottom: 30px;
}
.footer_phone .phone_number_ttl{
	width: 100%;
	float: none;
	display: block;
	text-align: center;
	margin-bottom: 11px;
}
.footer_phone .list_phone_number{
	padding: 0;
}
.footer_phone .phone_number_ttl p{
	display: block;
	padding: 4px 13px 4px 13px;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}
.footer_cnt address{
	margin-bottom: 15px;
}
.footer_phone .list_phone_number ul li{
	padding-left: 17px;
	margin-bottom: 15px;
	background-position: left 6px;
}
.footer_phone .list_phone_number ul li span{
	display: block;
	margin-bottom: 4px;
}
#tmp_footer .copyright_wrap{
	border-top: 1px solid #5e7baf;
	padding: 17px 0;
}
#tmp_footer_cnt{
	margin: 0;
}
#tmp_footer .copyright_wrap .copyright span{
	display: block;
}
#tmp_footer .copyright_wrap .corporate_number{
	font-size: 92.8%;
}
#tmp_footer .copyright_wrap .copyright {
    font-size: 82%;
}
/* ==================================================
class
================================================== */
/* float ▼変更しない
============================== */
.float_lft,
.float_rgt {
	float:none;
	margin-left:0 !important;
	margin-right:0 !important;
}
/* ==================================================
parts
================================================== */
/* parts ▼変更しない
============================== */
div.col2 div.col2L,
div.col3 div.col3L,
div.col3 div.col3M,
div.col2 div.col2 div.col2L,
div.fixed_col2 div.fixed_col2L {
	width:100%;
	margin-right:0;
	float:none;
	clear:both;
}
div.col2 div.col2R,
div.col3 div.col3R,
div.col2 div.col2 div.col2R,
div.fixed_col2 div.fixed_col2R {
	width:100%;
	float:none;
	clear:both;
}
#tmp_contents div.col3 ul,
#tmp_contents div.col2 ul {
	margin-bottom:0;
}
div.img_cap {
	width:auto !important;
}
#tmp_contents img {
	max-width:100%;
	height:auto;
}
#tmp_contents ul,
#tmp_contents ol {
	margin-left:22px;
}
#tmp_contents table {
	width:auto;
}
#tmp_contents table table {
	max-width:100%;
}
#tmp_contents table th,
#tmp_contents table td {
	width:auto;
}
#tmp_contents table.gsc-search-box td.gsc-input {
	width:100% !important;
}
#tmp_contents input[type="text"],
#tmp_contents textarea {
	width:100% !important;
	padding:0;
	box-sizing:border-box;/* CSS3 */
	-webkit-box-sizing:border-box;/* Webkit */
	-moz-box-sizing:border-box;/* Mozilla */
}
/* event ▼変更しない
============================== */
/* layout */
.wrap_event_col_lft_navi {
	float:none;
	width:100%;
	margin-right:0;
}
#tmp_wrap_event_cal {
	width:100%;
	margin-bottom:15px;
}
#tmp_contents #tmp_event_cal_tab ul {
	margin-left:0;
}
.wrap_event_col_main {
	float:none;
}
.event_col_main {
	margin-left:0;
}
#tmp_event_cal_list .event_cal_list .cal_th {
	display:none;
}
#tmp_event_cal_list .event_cal_list,
#tmp_event_cal_list .event_cal_list tbody,
#tmp_event_cal_list .event_cal_list tr,
#tmp_event_cal_list .event_cal_list td {
	display:block;
}
/* event_page_navi */
#tmp_contents .event_page_navi div.fixed_col2L,
#tmp_contents .event_page_navi div.fixed_col2R {
	clear:none;
    width:48.5%;
}
#tmp_contents .event_page_navi div.fixed_col2L {
	float:left;
}
#tmp_contents .event_page_navi div.fixed_col2R {
	float:right;
}
/* box_photo */
#tmp_contents .wrap_box_photo_txt {
	margin-right:0;
	float:none;
}
#tmp_contents .box_photo_txt {
	margin-right:0;
}
#tmp_contents .box_photo_img {
	width:auto;
	float:none;
}
/* map
============================== */
/* 地図設定 ▼変更しない
============================== */
#tmp_box_gmap {
    margin-bottom: 30px;
}
#tmp_box_gmap .box_gmap_cnt {
    margin: 20px 20px 10px;
}
#tmp_box_gmap .box_gmap_cnt a {
    padding: 5px 10px;
}
#tmp_box_gmap .box_gmap_cnt a span {
    min-height: 28px;
    font-size: 100%;
    padding: 8px 0 8px 40px;
    background: url(/shared/images/icon/gmap_icon.png) no-repeat left center;
	background-size: auto 25px;
}
/* shisetsu */
#tmp_map_search p {
	display:block;
	margin-right:0;
}
#tmp_map_search strong {
	display:block;
}
#tmp_map_search #keyword {
	margin-left:0;
}
#tmp_map_list {
	width:auto; /* 変更しない */
	margin-right:0; /* 変更しない */
	float:none; /* 変更しない */
	position:static; /* 変更しない */
	z-index:auto; /* 変更しない */
}
#tmp_wrap_gmap_box {
	float:none; /* 変更しない */
}
#tmp_wrap_gmap_box2 {
	margin-left:0; /* 変更しない */
}
#tmp_contents #tmp_facilities_btn li {
	width:50%;
	-webkit-box-sizing:border-box; /* Webkit */
	-moz-box-sizing:border-box; /* Mozilla */
	box-sizing:border-box; /* CSS3 */
}
#tmp_result_list {
	margin:0 0 20px;
}
/* youtube
============================== */
.frame_youtube,
.frame_ustream {
	position:relative;
	display:block;
	height:0;
	padding-bottom:56.25%;
	overflow:hidden;
	min-width:200px;
}
.frame_youtube object,
.frame_ustream object,
.frame_youtube iframe,
.frame_ustream iframe {
	position:absolute !important;
	top:0 !important;
	left:0 !important;
	width:100% !important;
	height:100% !important;
}
/* Scroll Table
================================================== */
.scroll_table {
	overflow-x:auto;
	margin-bottom:10px;
	padding:23px 5px 5px;
	background:#F5F5F5 url(/shared/site_gikai/images/icon/scroll_table_icon.png) right 5px no-repeat;
	-webkit-background-size:75px 15px;
	-moz-background-size:75px 15px;
	background-size:75px 15px;
}
.scroll_table {
	overflow-x:scroll;
}
.scroll_table_switch {
	text-align:right;
	margin:0 0 10px;
	font-size:87.5%;
	line-height:1.2;
}
.scroll_table_switch a {
	color:#222222;
	display:inline-block;
	padding:8px 10px 8px 70px;
	text-decoration:none;
	background:#f1f4f7 url(/shared/site_gikai/images/icon/scroll_table_ex.png) 10px center no-repeat;
	-webkit-background-size:46px 20px;
	-moz-background-size:46px 20px;
	background-size:46px 20px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 1px 2px 0 rgba(96, 103, 120, 0.45);
	-moz-box-shadow: 0 1px 2px 0 rgba(96, 103, 120, 0.45);
	box-shadow: 0 1px 2px 0 rgba(96, 103, 120, 0.45);
	min-width:9em;
	text-align:center;
}
.scroll_table_switch a.scroll {
	color:#222222;
	background:#ffffff url(/shared/site_gikai/images/icon/scroll_table_df.png) 10px center no-repeat;
	-webkit-background-size:46px 20px;
	-moz-background-size:46px 20px;
	background-size:46px 20px;
}
.scroll_table::-webkit-scrollbar{
 height: 5px;
}
.scroll_table::-webkit-scrollbar-track{
 background: #F1F1F1;
}
.scroll_table::-webkit-scrollbar-thumb {
 background: #BCBCBC;
}
/* inquiry
============================== */
#tmp_inquiry_ttl {
	font-size: 142.8%;
}
#tmp_inquiry_cnt {
    padding: 16px 15px 10px 9px;
}
#tmp_inquiry_cnt .inquiry_parts .btn .inquiry_btn {
	width: 185px;
    min-height: 30px;
    padding: 4px 5px;
}

/* ==================================================
clearfix
================================================== */
#tmp_sma_lnavi_cnt .switch_menu .noicon_list:after {
	content: ""; /* 変更しない */
	display: table; /* 変更しない */
	clear: both; /* 変更しない */
}
/* ==================================================
スマートフォンプレビューの対応について、2段組、3段組の段組み解除
================================================== */

}