@charset "utf-8";

/*CSS Ver.2020.08.27.00*/

/* スマホ */
@media only screen and (max-width:949px){

	/*スマホでは表示しない*/
	.rss,
	.pc,
	.tab,
	.pc_tab,
	.footer_bg,
	.fmenu{
		display: none !important;
	}
	
	/*スマホのみ表示する*/
	.sp{
		display: block;
	}
	
	#site-translate-header-wrapper{
		width: 100% !important;
		margin: 40px 0 0 0 !important;
	}
	
	
	h1{
		font-size: 1.5em;
		padding-bottom: 10px;
	}
/*
	table{
		border-bottom: 1px solid #ccc;
	}
	th,td{
		display: block;
		border-bottom: none;
	}
	
	table.table_01{
		border-bottom: none;
	}
	.table_01 th,
	.table_01 td{
		display: block;
		border-bottom: 1px dashed #ccc;
	}
*/
	table {
		display: block;
		width: 100% !important;
		max-width: 766px !important;
		white-space: nowrap;
		overflow-x: scroll;
		-webkit-overflow-scrolling: touch;
	}
	th,td{
		white-space: nowrap !important;
	}
	
	
	/*スマホ固定メニュー*/
	.spm{
		width: 100%;
		height: 50px;
		padding-top: 10px;
		background-image: url("../all_img/org/spm.png");
		background-repeat: repeat-x;
		position: fixed;
		bottom: 0;
		z-index: 500;
	}
	.spm ul{
		margin: 0 auto;
		padding: 0;
		list-style: none;
		width: 100%;
		display: table;
	}
	.spm ul li{
		margin: 0;
		padding: 0;
		width: 20%;
		display: table-cell;
	}
	.spm ul li a{
		display: block;
		width: 100%;
		height: 20px;
		padding-top: 30px;
		background-repeat: no-repeat;
		background-position: center top;
		background-size: 60px auto;
		font-size: 10px;
		text-align: center;
		vertical-align: bottom;
		color: #333;
	}
	.spm ul li.spm_01 a{
		background-image: url("../all_img/org/spm_01.png");
	}
	.spm ul li.spm_02 a{
		background-image: url("../all_img/org/spm_02.png");
	}
	.spm ul li.spm_03 a{
		background-image: url("../all_img/org/spm_03.png");
	}
	.spm ul li.spm_04 a{
		background-image: url("../all_img/org/spm_04.png");
	}
	.spm ul li.spm_05 a{
		background-image: url("../all_img/org/spm_05.png");
	}
	
	
	.bg{
		min-width: 320px;
		background-size: 100% auto;
		background-position: center top 30px;
		margin-bottom: 60px;
		padding-top: 30px;
	}
	
	
	/*スマホドロワーメニュー*/
	.drawer_menu{
		z-index: 600;
		position: fixed;
		top: 0;
		right: -280px;
		width: 280px;
		height: 100%;
		overflow: scroll;
		background-color: rgba(0,0,0,0.85);
		transition: .35s ease-in-out;
	}
	.active{
		right: 0;
	}
	
	.drawer_menu .menu-trigger{
		display: block;
		width: 50px;
		height: 20px;
		margin: 10px;
		padding: 30px 0 0 0;
		color: #fff;
		font-size: 10px;
		text-align: center;
		vertical-align: bottom;
		background-image: url("../all_img/org/close.png");
		background-repeat: no-repeat;
		background-size: 50px auto;
		position: fixed;
		right: -280px;
		bottom: 0;
		transition: .35s ease-in-out;
	}
	.drawer_menu.active .menu-trigger{
		display: block;
		right: 0;
	}
	
	/*ドロワーメニューのスタイル*/
	.menu_block{
		padding: 10px 10px 60px 10px;
	}
	.menu_block h2{
		margin: 0;
		padding: 5px;
		font-size: 100%;
		color: #000;
		background-color: #fff;
	}
	.menu_block h2:before{
		content: none;
	}
	.menu_block ul{
		margin: 0;
		padding: 0;
		list-style: none;
	}
	.menu_block p,
	.menu_block li{
		margin: 0;
		padding: 0;
	}
	.menu_block a{
		color: #fff;
	}
	.menu_block p a,
	.menu_block li a{
		display: block;
		padding: 10px;
		border-bottom: 1px dashed #333;
	}
	
	/*ドロワーメニューの下をスクロールしない*/
	body.open{
		overflow: hidden;
	}
	
	/*ヘッダー*/
	header{
		width: 100%;
		min-width: 320px;
	}
	
	#siteid{
		float: none;
		width: 100%;
		margin: 0 auto;
	}
	#siteid h1,
	#siteid p a{
		width: 100%;
		background-position: center top;
		background-size: 320px auto;
		height: 70px;
	}
	
	.accessibility_tool{
		width: 100%;
		display: table;
		background-color: #f1f1f1;
		padding-top: 0;
		position: absolute;
		top: 0;
		z-index: 100;
	}
	.yomiage,
	.haikeishoku,
	.gengo{
		float: none;
		clear: none;
		display: table-cell;
		vertical-align: middle;
		padding: 5px 2px;
		font-size: 0.8rem;
	}
	.yomiage{
		text-align: right;
	}	
	.gengo{
		text-align: inherit;
	}
	
	
	.gmenu ul{
		width: 98%;
		display: block;
		overflow: hidden;
	}
	.gmenu li{
		display: block;
		width: 33.1%;
		float: left;
	}
	.gmenu li:nth-child(4){
		border-left: none;
	}
	.gmenu li a{
		border-bottom: none;
		border-top: 3px solid #d6c77e;
		font-size: 0.9rem;
	}
	
	
	
	/*パンくずリスト*/
	#pankuzu{
		width: 95%;
		margin-bottom: 10px;
		font-size: 0.8rem;
	}
	#pankuzu ul{
		width: 95%;
	}
	
	/*コンテンツページ*/
	.wrap{
		width: 95%;
	}
	.wrap img{
		max-width: 100% !important;
		height: auto !important;
	}
	
	main{
		width: 100%;
		float: none;
	}
	
	iframe{
		width: 100%;
	}
	
	
	aside{
		width: 100%;
		float: none;
	}
	
	.ad_in{
		width: 95%;
	}
	
	.wrap table img,
	main table img{
		max-width: none !important;
	}
	
	
	/*フッター*/
	footer{
		width: 95%;
	}
	.footer_info{
		width: 100%;
	}
	.footer_info ul,
	.footer_info li{
		display: block;
	}
	.footer_info li{
		border-left: none;
		padding: 10px 20px 10px 100px;
		background-position: 10px 30px;
	}
	
	.footer_menu,
	.copyright{
		width: 100%;
		float: none;
	}
	
	
	/*＝＝＝＝＝＝*/
	/*トップページ*/
	/*＝＝＝＝＝＝*/
	
	.slide_01 p{
		padding: 0;
	}
	.slide_01 img{
		width: 100% !important;
		height: auto !important;
	}
	
	.keyword_search{
		width: 95%;
	}
	
	.keyword_search p,
	.keyword_search form{
		display: block;
		padding: 5px 0;
	}
	
	.search_name{
		background: none;
	}
	
	.keyword_search input[type="text"]{
		width: 200px;
	}
	.keyword_search input[type="submit"]{
		width: 80px;
	}
	
	
	
	
	/*ライフガイド*/
	.lifeguide{
		margin: 50px 0 50px 0;
		padding: 60px 0 50px 0;
	}
	.lifeguide h2{
		width: 100%;
		font-size: 1.2rem;
	}
	.lifeguide h2:before{
		width: 40px;
		height: 60px;
	}
	.lifeguide h2:after{
		width: 40px;
		height: 60px;
	}
	.lifeguide ul{
		width: 95%;
		margin-bottom: 10px;
	}
	.lifeguide li{
		font-size: 0.8em;
	}
	.lifeguide li a{
		width: 92%;
		margin: 0 4%;
		text-align: center;
		color: #4d4d4d;
	}
	.lifeguide li img{
		width: 100% !important;
		height: auto !important;
	}
	
	.toppage .recom{
		width: 95%;
	}
	.recom ul{
		margin: 0 0 0 -4%;
	}
	.recom li{
		margin: 0 0 10px 4%;
	}
	.col2 li{
		width: 100%;
	}
	.col3 li,
	.col4 li{
		width: 46%;
	}
	.col3 li:first-child{
		width: 100%;
	}
	
	.col6 li{
		width: 29%;
	}
	
	
	/*ニューストピックス*/
	#news_topics{
		width: 100%;
	}
	#news_topics .time,
	#news_topics .topictitle{
		display: block;
		width: 100%;
	}
	#news_topics dd{
		margin-left: 0;
	}
	
	#news_topics .new:before{
		content: none;
	}
	#news_topics .new .time:after{
		content: " New!";
		color: #ea609e;
		line-height: 1em;
		font-size: 0.8rem;
	}
	
	
	.toppage .contents_2,
	.toppage .contents_3{
		width: 100%;
	}
	
	
	/*緊急情報*/
	#news_topics_i .news_topics_{
		width: 90%;
	}
	#news_topics_i dt{
		display: block;
	}
	#news_topics_i dt .time,
	#news_topics_i dt .topictitle,
	#news_topics_i dd{
		display: block;
		width: 100%;
		padding: 0 2px;
	}
	#news_topics_i .disp_list a{
		width: 100%;
	}
	
	
	/*イベントカレンダー*/
	
	.event_topics,
	.event_info .event_cal{
		float: none;
		width: 100%;
		padding: 0;
		border-right: none;
	}
	.event_info .event_cal table{
		display: table;
	}
	.event_info .event_cal th,
	.event_info .event_cal td{
		display: table-cell;
	}
	
	
	/*バナーレイアウト*/
	
	.topcol3{
	}
	.topcol3 li{
		margin: 0 3% 10px 0;
		width: 48.5%;
	}
	.topcol3 li:nth-child(3n){
		margin-right: 3%;
	}
	.topcol3 li:nth-child(2n){
		margin-right: 0;
	}
	
	
	.topcol4{
	}
	.topcol4 li{
		margin: 0 3% 10px 0;
		width: 48.5%;
	}
	.topcol4 li:nth-child(4n){
		margin-right: 3%;
	}
	.topcol4 li:nth-child(2n){
		margin-right: 0;
	}
	
	
	.topcol5{
	}
	.topcol5 li{
		margin: 0 2.9% 10px 0;
		padding: 0;
		width: 31.4%;
	}
	.topcol5 li:nth-child(5n){
		margin-right: 2.9%;
	}
	.topcol5 li:nth-child(3n){
		margin-right: 0;
	}
	
	
	/*＝＝＝＝＝＝*/
	/*サイトマップ*/
	/*＝＝＝＝＝＝*/
	
	.site_map li.layer_1,
	.site_map li.layer_2{
		width: 100%;
		margin: 0 0 20px 0;
		min-height: inherit;
	}
	
	.site_map a{
		font-size: 100%;
	}
	.site_map ul{
		margin-bottom: 10px;
	}
	
	/*＝＝＝＝＝＝*/
	/*インデックス*/
	/*＝＝＝＝＝＝*/
	
	.index li{
		width: 96%;
	}
	
	/*＝＝＝＝＝＝＝*/
	/*メールフォーム*/
	/*＝＝＝＝＝＝＝*/
	
	.form_label,
	.form_input{
		width: 100%;
	}
	.form_input{
		border: none;
	}
	.form_input input[type='text'],
	.mail_form textarea{
		width: 94%;
	}
	
	
	
}


/* iPhone 4 ----------- */
@media only screen and (-webkit-min-device-pixel-ratio : 1.5),only screen and (min-device-pixel-ratio : 1.5) {
	
	
}