@charset "utf-8";



/* タブレット (959px以下)----------- */
@media only screen and (max-width:960px){
	
	#header .honyaku,
	#font_size,
	#gmenu ul li:first-child{
			display: none;
			}
	body	{
			font-size: 120%;
			}
	#header	{
			width: 700px;
			background-position: -100px 0;
			}
	#gmenu ul{
			width: 700px;
			}
	#gmenu li a{
			margin-left:5px;
			}
	#gmenu ul li a span {
			width: 170px;
			background-position: center center;
			font-size: 80%;
			}
	#bg_in	{
			width:auto;
			}
	#wrap_in	{
			width: 700px;
			}
	#unit_a	{
			width: 460px;
			float: left;
			}
	#unit_b	{
			width: 220px;
			float: right;
			}
	.toppage #unit_a{
			width: 460px;
			float: left;
			}
	.toppage #unit_b{
			width: 220px;
			float: right;
			}
	.link_banner p:nth-of-type(4n){
			padding-right: 20px;
			behavior: url('../pie/PIE.htc');
			}
	.link_banner p:nth-of-type(3n){
			padding-right: 0;
			behavior: url('../pie/PIE.htc');
			}
	#finfo_02{
			width: 439px;
			float: right;
			}
	#finfo_03{
			width: 700px;
			border: none;
			clear: both;
			}
#news_topics dl dt a img{
		width: auto;
		float: none;
		margin: 0 12px 5px 5px;
		}
	#news_topics dl dt .time{
			float: none;
			width: auto;
			}
	#news_topics dl dt .topictitle{
			float: none;
			width: auto;
			}
	/*サブページ*/
	th,td	{
			width: auto !important;
			min-width: 4em;
			}
	#unit_a img{
			max-width: 460px;
			height: auto;
			}
			
	#googole_map_api_wrap #gm-draw{
			width: 450px !important;
			}
	.photo_gallery .photo:nth-of-type(3n+1){
			clear: none;
			float: left;
			behavior: url('../pie/PIE.htc');
			}
	.photo_gallery .photo:nth-of-type(2n+1){
			clear: both;
			behavior: url('../pie/PIE.htc');
			}
	#kinkyu	{
			width: 698px;
			}
	.mail_form .form_label{
			width: 137px;
			}
	.mail_form .form_input{
			width: 300px;
			}
	.mail_form .form_input textarea{
			width: 290px;
			}
	.mail_form .form_button input{
			margin: 0 0 10px 150px;
			}
			
			
	.index .indexgroup {
		width: 100%;
		float: none;
		margin: 0;
	}
	.index .casc {
	
	}
	
	.index ul.casc li{
	
	}
	
		#rongo h2 {
				height: 2em;
				padding: 0;
				border:0;
				}

}

/* スマホ----------- */
@media only screen and (max-width:700px){
	
	/*スマホのみ表示しない*/
	#header .honyaku,
	#life_event,
	.rss,
	.index,
	.banner_5,
	#news_topics dl dt a img{
			display: none;
			}
	/*スマホのみ表示する*/
	#serch_menu{
			display: block;
			}
	body	{
			font-size: 125%;
			}
	h1,h2,h3,h4,h5,h6{
	font-size: 100%;
			}
	table	{
			width: 306px;
			}
	th,td	{
			display: block;
			width: 300px !important;
			}
	#unit_a img{
			max-width: 310px;
			height: auto;
			}
	#header	{
			width: 310px;
			background-image: none;
			}
	#gmenu{
			border: none;
			background: none;
			}
	#gmenu ul{
			width: 302px;
			border: 1px solid #4e1400;
			padding: 3px 3px 3px 3px; /* <<< mod 2016.07.22 by oka */
			border-radius: 5px;/* CSS3草案 */
			-webkit-border-radius: 5px;/* Safari,Google Chrome用 */
			-moz-border-radius: 5px;/* Firefox用 */
			behavior: url('../pie/PIE.htc');
			}
	#gmenu ul li{
			clear: both;
			display: block;
			float: none;
			padding: 0;
			padding:0;
			}
	/* vvv add 2016.07.22 by oka vvv */
	#gmenu ul li:last-child a{
			border-bottom: none;
	}
	/* ^^^ add 2016.07.22 by oka ^^^ */
	#gmenu ul li:nth-last-of-type(1){
			border: none;
			behavior: url('../pie/PIE.htc');
			}
	#gmenu ul li a{
			clear: both;
			width: 272px;
			height: auto;
			margin: 0;
			padding: 8px 20px 8px 10px;
			border-bottom: 1px dashed #4e1400;
			background-color: transparent;
			background-image: none;
			text-align: left;
			color: #4e1400;
			font-size: 110%;
			}
	#gmenu ul li a:hover{
			color: #ff0000;
			background-image: url("../all_img/org/li_03.gif");
			background-position: right center;
			background-color: transparent;
			}
	#bg_in	{
			width:auto;
			}
	#wrap_in{
			width: 310px;
			padding: 0;
			}
	#unit_a,
	.toppage #unit_a,
	#unit_a_1,
	#unit_a_2,
	#unit_b,
	.toppage #unit_b,
	#unit_b_1,
	#unit_b_2,
	#unit_b_1_1,
	#unit_b_1_2{
			float: none;
			width: 310px;
			}
	#unit_a #top_img img{
			width: 310px;
			height: auto;
			}
	#unit_a_2,
	#unit_b	{
			text-align: center;
			}
	.toppage #unit_b ul li,
	.toppage #unit_b h2{
			text-align:left;
			background-image: none;
			}
	.bo_type01{
			text-align: left;
			}
	#life_event ul li a img,
	#life_event ul li a br{
			display: none;
			}
	#life_event,
	#serch_menu,
	.waku_01,
	.menu_5,
	#unit_b .menu_2{
			border: 1px solid #bbbbbb;
			padding: 1px;
			border-radius: 5px;/* CSS3草案 */  
			-webkit-border-radius: 5px;/* Safari,Google Chrome用 */  
			-moz-border-radius: 5px;/* Firefox用 */
			behavior: url('../pie/PIE.htc');
			margin-bottom: 10px;
			}
	.waku_01 h2{
			margin: 0;
			}
	#serch_menu ul{
			margin: 0;
			padding: 0;
			}
	#life_event ul li,
	#serch_menu ul li,
	.waku_01 ul li,
	.menu_5 ul li,
	#unit_b .menu_2 p,
	#unit_b .menu_2 ul li{
			display: block;
			float: none;
			border-bottom: 1px solid #bbbbbb;
			margin: 0;
			padding: 0;
			}
	#life_event ul li a{
			font-size: 120%;
			}
	#life_event ul li a,
	#serch_menu ul li a,
	.waku_01 ul li a,
	.menu_5 ul li a,
	#unit_b .menu_2 p a,
	#unit_b .menu_2 ul li a{
			clear: both;
			float: none;
			display: block;
			width: 272px;
			margin: 0;
			padding: 10px 20px 10px 10px;
			background: none;
			background-image: url("../all_img/org/li_04.gif");
			background-repeat: no-repeat;
			background-position: right center;
			border: none;
			text-align: left;
			color: #0033ff;
			}
	#life_event ul li a:hover,
	#serch_menu ul li a:hover,
	.waku_01 ul li a:hover,
	.menu_5 ul li a:hover,
	#unit_b .menu_2 p a:hover,
	#unit_b .menu_2 ul li a:hover{
			color: #ff0000;
			}
	#life_event ul li:nth-last-of-type(1),
	#serch_menu ul li:nth-last-of-type(1),
	.waku_01 ul li:nth-last-of-type(1),
	.menu_5 ul li:nth-last-of-type(1),
	#unit_b .menu_2 ul li:nth-last-of-type(1){
			border: none;
			behavior: url('../pie/PIE.htc');
			}
	/* vvv add 2016.07.25 by oka vvv */
	#unit_b .menu_2.menuinsub>p
	{
		background-color: #056605;
	}
		#unit_b .menu_2.menuinsub>p a
		{
			color: #fff;
			background-image: none;
		}
	/* ^^^ add 2016.07.25 by oka ^^^ */
	.link_banner p{
			float: none;
			padding-right: 0;
			text-align: center;
			}
	.link_banner p:nth-of-type(4n){
			padding-right: 0;
			behavior: url('../pie/PIE.htc');
			}
	#finfo_01,
	#finfo_02,
	#finfo_03{
			width: 310px;
			border: none;
			float: none;
			padding: 10px 0;
			}
	#finfo_02,
	#finfo_03{
			border-top: 1px solid #bbbbbb;
			}	
	#news_topics div .go_list{
			position: static;
			padding: 10px 5px 0 5px;
			}
	#news_topics div .go_list a{
			width: 290px;
			text-align: center;
			font-size: 100%;
			}
			
	#news_topics dl dt .time{
			float: none;
			width: auto;
			}
	#news_topics dl dt .topictitle{
			float: none;
			width: auto;
			}
			
	#googole_map_api_wrap #gm-draw{
			width: 300px !important;
			height: 200px !important;
			}
	.photo_gallery .photo{
			clear: both;
			padding: 10px 0;
			width: 300px;
			border-top-width: 1px;
			}
	.photo_gallery .photo .picture{
			width: 80px;
			height: 80px;
			margin-right: 10px;
			float: left;
			}
	.photo_gallery .photo .picture img{
			height: 80px !important;
			width: auto !important;
			}
	.photo_gallery .photo h5{
			background-color: transparent;
			font-weight: normal;
			font-size: 90%;
			text-align: left;
			}
	#kinkyu	{
			width: 308px;
			}
	.mail_form{
			border: 1px solid #bbbbbb;
			padding: 4px;
			}
	.mail_form .form_label,
	.mail_form .form_input{
			float: none;
			margin: 0;
			padding: 3px;
			width: 294px;
			border: none;
			}
	.mail_form .form_label{
			border-top: 1px solid #bbbbbb;
			background-color: #EBE0EB;
			}
	.mail_form .form_input input[type=text]{
			width: 284px;
			}
	.mail_form .form_input textarea{
			width: 284px;
			}
	.mail_form .form_button input{
			margin: 0 0 10px 67px;
			}
	.calendar .cbpay,
	.calendar .cbpry{
			display: none;
			}
	.calendar .control_u {
			margin-bottom: 10px;
			text-align: center;
			}
	.calendar_1 th{
			width: auto;
			background-color: #00;
			}
	.calendar_1 .cal_num span{
			display: inline;
			}
	.calendar_1 .cal_num:hover span {
			display: inline;  
			position: relative;
			float: none;
			white-space: nowrap;
			top: auto;
			left: auto;
			background-color: transparent;
			color: #f00;
			padding: 0;
			z-index: 10;
			font-size: 100%;
			border: none;
			}
			
	/* 多久翁さんの今日の論語 */
		#rongo {
				text-align: left; /* <<< add 2016.07.25 by oka */
				background-image: url("../all_img/org/rongo_bg_suma.jpg");
				}
		#rongo h2 {
				background-image: url("../all_img/org/rongo_h2_bg_suma.jpg");
				width: 310px;
				height: 55px;
				margin: 0;
				padding: 0;
				border:0;
				}
		#rongo p{
				margin:8px;
				}


	/* vvv add 2016.07.25 by oka vvv */
	 #top_event .contents ul li
	,#photo_news .title
	{
		text-align: left;
	}
	/* ^^^ add 2016.07.25 by oka ^^^ */
}


/* iPhone 4 ----------- */
@media only screen and (-webkit-min-device-pixel-ratio : 1.5),only screen and (min-device-pixel-ratio : 1.5) {
	
	
}














