/* CSS Document */
@charset "utf-8";



/*パソコン*/
@media screen and (min-width: 980px){
	body{
		margin-top:160px;
		width:100%;
	}	
	/*ヘッダー*/
	header{
		height:170px;
		width:100%;
		background-image:url(/img/common/imgorning_n02.png);
		background-repeat: repeat-x;
		position:fixed; 
		top:0; 
		left:0;
		z-index:3;
	}
	h1 {
		
		display:block;
		position:fixed;
		top:1.5em;
		z-index: 999998;

		
	}
	h1 a{
		display:block;
		height:170px;
		width:100%;
	}
	.logo{
		width:400px;
	}	
	
	
		
	.container_header{
		margin:auto;
		width:1020px;
	}
	.container_body{
		margin:auto;
		width:1020px;
	}
	/*メインコンテンツ*/
	.contents{
		overflow : hidden;
		float:left;
	}
	
	/*メインコンテンツ*/
	.contents article div.main_head{
		width:790px;
		height:100px;
		background-image:url(/img/common/menu/contents_head1.png);
		background-repeat:no-repeat;
		margin:auto;
	}
	
	.contents article div.main_body{
		width:790px;
		background-image:url(/img/common/menu/contents_mid1.jpg);
		background-repeat:repeat-y;
		padding-bottom:20px;
	}
	.contents article div.main_bottom{
		width:790px;
		background-image:url(/img/common/menu/contents_bottom1.png);
		background-repeat:no-repeat;
		height:100px;
		clear:both;
	}
	
	
	/*////////////////////////////////////////////////////////////////ローカルナビ*//*パソコン*/
	/*ツイッター*/
	
	.twitter_style{
		width:100%;
		height:100%;
	}
	.localnav{
		width:192px;
		float:right;
		padding-right:14px;
	}
	.localnav2{
		width:100%;
	}
	.localnav3{
		width:100%;
	}
	
	.pin{
		background-image:url(/img/common/menu/left_nav_top_pin.png);
		height:22px;
		width:192px;
		margin:auto;
	}
	.left_navstyle_top{
		height:20px;
		background-image:url(/img/common/menu/left_nav_topleft.jpg),url(/img/common/menu/left_nav_topright.jpg),url(/img/common/menu/left_nav_topmiddle.jpg);
		background-repeat:no-repeat, no-repeat, repeat-x;
		background-position:left,right,center;
		color:#fff;
		/*box-shadow*/
		box-shadow: 10px 10px 10px #aaa;
		-webkit-box-shadow: 10px 10px 10px #aa;
		-moz-box-shadow: 10px 10px 10px #aa;
		width:100%;
	}
	.left_navstyle_middle{
		background-image:url(/img/common/menu/left_nav_left.jpg),url(/img/common/menu/left_nav_right.jpg),url(/img/common/menu/left_nav_middle.jpg);
		background-repeat:repeat-y,repeat-y,repeat;
		background-position:left,right,center;
		color:#fff;	
		/*box-shadow*/
		box-shadow: 10px 10px 10px #aaa;
		-webkit-box-shadow: 10px 10px 10px #aa;
		-moz-box-shadow: 10px 10px 10px #aa;
		width:100%;
	}
	.left_navstyle_bottom{
		height:20px;
		background-image:url(/img/common/menu/left_nav_bottomleft.jpg),url(/img/common/menu/left_nav_bottomright.jpg),url(/img/common/menu/left_nav_bottommiddle.jpg);
		background-repeat:repeat-y,repeat-y,repeat-x;
		background-position:left,right,center;
		color:#fff;	
		/*box-shadow*/
		box-shadow: 10px 10px 10px #aaa;
		-webkit-box-shadow: 10px 10px 10px #aa;
		-moz-box-shadow: 10px 10px 10px #aa;
		width:100%;
	
	}
	/*パソコンローカルナビ白抜き文字*/
	.navbody{
		
		}
	.navbody a{
		color:#FFF;
	}
	
	.navbody ul{
		list-style:disc;
	}
	.navbody ul li::before {
	  content: '\2022';
	  color: #FFF;
	  font-size: 0.8em;
	  padding: 0 8px 0 0.5em;
	  text-shadow: 1px 1px 2px black;
	}
	
	.navbody ul li div.fit{
		position: relative;
		width: 165px;
		height:165px;
		border: 0px;
		margin-bottom:0.5em;
		padding-bottom:0px;
		text-align:center;
		display:table-cell;
		vertical-align: middle;
		background-color:rgba(255,255,255,0);
	
	 img {
		 width: 100%;
		 height: 100%;
		 object-fit: scale-down;
	 }
	}
	.navbody ul li img{
		vertical-align: middle;
		text-align:center;
		width:auto;
		height:auto;
		max-width:100%;
		max-height:100%;
	
	}
	
	
	.left_navstyle_middle h3{
		margin:0 0em 0.5em 1em;
	}
	.left_navstyle_middle ul{
		list-style-type: none;	
	}
	.left_navstyle_middle li{
		margin:0em 1em 1em 1em;
	}
	.left_navstyle_middle li:last-child{
		margin:0em 1em 0em 1em;
	}
	
	
	/*////////////////////////////////////////////////////////////////ローカルナビ*//*パソコン*/
	
	
	
	/*パンくずリストの下*/
	.breadcrumbs{
		padding:0 0 1em 0;
	}
	
	/*/////////////////////////////////////////////////////////////fotter フッター*//*パソコン*/
	footer{
		display:block;
		clear:both;
		width:100%;
		height:300px;
		background-color:#fff;
		margin:auto;
		padding:5% 0 4% 0;
		background-color:RGBa(255,255,255,0);
	}
	.container_footer{
		margin:auto;
		height:250px;
		background-color:#FFF;
		background-color:RGBa(255,255,255,0.75);
		width:90%;

	}
	
	footer.sitemap{
		background-image:url(/img/common/menu/fotter_main.png),url(/img/common/menu/fotter_mainback.jpg);
		background-repeat:repeat-x,repeat-x;
		background-position:bottom,center;
		
	}
	footer div.sitemap_left{
		margin-left:3%;
		vertical-align:top;
		display:inline-block;
		width:35%;
		}
	footer div.sitemap_center{
		vertical-align:top;
		display:inline-block;
		width:35%;
		}
	footer div.sitemap_right{
		vertical-align:top;
		display:inline-block;
		width:25%;
		}
		
	footer div.sitemap ul{
		list-style-type: none;
		}		
/*/////////////////////////////////////////////////////////////fotter フッター*//*パソコン*/
	
	/*リストスタイル 更新情報 -3*/
	h2{
		width:100%;
		font-size:175%;
		text-align:left;
		margin-left:1.5em;
	}
	.headline1{
		display:block;
		width:90%;
		margin:auto;
	}
	.headline1 ul{
		list-style-type: none;
	}
	
	.headline1 ul li{
		margin-bottom:0.5em;
	}
	
	/*リストスタイル - 3
	ピックアップ
	*/
	
	.headline2{
		display:block;
		width:90%;
		margin:auto;
	}
	.headline2 ul{
		list-style-type: none;
	}
	
	.headline2 ul li{
		margin-bottom:0.5em;
		
	}

	/*その他クラス
	破線と実線
	*/
	.bar1{
		display:block;
		border-top:#333 1px dashed;
		margin:2em auto;
		width:90%;
	}
	.bar2{
		display:block;
		border-top:#333 1px solid;
		margin:2em auto;
		width:90%;
	}
		

	
	/*/////////////////////////////////////////////////////////////////日記クラス - パソコン-5*/
	.diary1{
		overflow:hidden;
		width:90%;
		margin:auto;
	}
	.diary1 h3{
		margin-bottom:0.5em;
	}
	.diary1 div{
		margin-bottom:0.5em;
	}
	.diary1 p.cate{
		float:left;
		width:55%;
		padding:0px;
		display:block;
	}
	.diary1 p.date{
		float:right;
		width:40%;
		display:inline-block;
		text-align:right;
	}
	
	.diary1 ul{
		display:block;
		width:100%;
		list-style-type: none;
		clear:both;
	}
	.diary1 ul li{
		width:220px;
		display:inline-block;
		vertical-align:top;
		margin-right:10px;
		margin-bottom:1em;
		zoom: 1;
	}
	.diary1 ul li div.fit{
		position: relative;
		width: 220px;
		height:160px;
		border: 1px solid darkgray;
		margin-bottom:0.5em;
		padding-bottom:0px;
		text-align:center;
		display:table-cell;
		vertical-align: middle;
		background-color:#FFF;
	
	 img {
		 width: 100%;
		 height: 100%;
		 object-fit: scale-down;
	 }
	}
	.diary1 img.main_img{
		position: relative;
		width: 410px;
		margin-bottom:0.5em;
		padding-bottom:0px;
		text-align:center;
		display:inline-block;
		vertical-align: middle;
		background-color:#FFF;
	
	 img {
		 width: 100%;
		 height: 100%;
		 object-fit: scale-down;
	 }
	}
	
	.diary1 div.itemdetail{
		margin:0em 0em 2em 0; 
		overflow:hidden;
		background-color:rgba(255,255,255,0.5);
		display:inline-block; 
		width:32%; 
		vertical-align:top;
		float:right;
	}
	.diary1 div.itemdetail p{
		margin-left:0.5em;
	}
	.diary1 div.itemdetail span{
		display:block;
	}
	
	.diary1 ul li img{
		vertical-align: middle;
		text-align:center;
		width:auto;
		height:auto;
		max-width:100%;
		max-height:100%;
	
	}
	
	.diary1 ul li:nth-child(3n){
		margin-right:0;
		margin-bottom:1em;
	}

	.catecolor_event{
		background-color:#CC6600;
		height:100%;
		width:25px; 
		float:left;	
		margin-right:1em;
	}
	.catetitle{
		background-image:url(/img/common/pwall.jpg);
		width:80%; 
		height:100%; 
		color:#CC6600;
		padding:1em 0;
		margin:0 auto 0 auto;
		text-align:left;
	}
	.catetitle h2{
		margin-left:0px;
	}
	
	.catecolor_dialy{
		background-color:#CC0000;
		height:90px; 
		width:25px;
		float:left;	
	}
	
	.main_post{
		clear:both;
		display:block;
		margin:auto;
		width:80%;
		height:100%;
	}
	
	.main_post img{
		width:90%;
		height:90%;
	}
	.main_post img.main_img{
		width:60%;
		display:inline-block;
	}


/*メガドロップメニュー-----------------------------------------------------------------------------*//*パソコン*/


	/*ニュース
	header nav.pc-nav{
		width:55%;
		position:absolute;
		right:0px;
		top:2em;
  		z-index:999999;		
	}
	header .logo{
		margin: 2% 0 0 0 ;
	}
*/
/*ニュース
header li.nav1{
	display:inline-block; 
	width:155px;
	height:56px; 
	background-image:url(/img/common/menu/basic.jpg); 
	background-repeat:no-repeat;
	margin-right:13px;
	box-shadow: 10px 10px 10px #aaa;
	-webkit-box-shadow: 10px 10px 10px #aa;
	-moz-box-shadow: 10px 10px 10px #aa;
}
header li.nav1 span{
	font-size:18px; 
	font-weight:bold;
	display:block;
	text-align:center;
	width:100%;
	height:100%;
	padding-top:0.85em; 
}
.pc-nav ul{
  display:inline-block;
}
*/
/*全体
.pc-nav ul li .Wrap {
  position: absolute;
  top: 70px;
  left:-600px;
  right:0;
  margin:auto;
  padding:0 0 0 20px;
  z-index: 100;
  overflow: hidden;
  display: none;
  width: 1000px;
  height: 600px;
  background: rgba(0,0,0,0.6);
  vertical-align:top;
}
.Wrap .wrapInner1 {
  display:inline-block;
  margin: 30px 0;
  width: 14.5%;
  height: 500px;
  background: #FFF;
  padding:0.5em;
}
.Wrap .wrapInner2 {
  display:inline-block;
  margin: 30px 0;
  width: 30%;
  height: 500px;
  background: #FFF;
  padding:0.5em;
}
.Wrap .wrapInner3 {
  display:inline-block;
  margin: 30px 0;
  width: 22.5%;
  height: 500px;
  background: #FFF;
  padding:0.5em;
  vertical-align:top;
}
.pc-nav ul li.nav1 span:hover:after{
  display:block;
  content: "";
  border: 15px solid transparent;
  border-bottom: 18px solid #fff;
  position: absolute;
  top: 70px;
  margin-left: 2.5%;
  z-index: 1000;
}

.pc-nav ul.menucate1{
	margin:auto;
	display:inline-block;
	height:480px;
	width:100%;
	vertical-align:top;
}
.pc-nav ul.menucate1 li{
	font-weight:normal; 
	font-size:14px;
	padding:0.5em 0 ;
}


*/


}

/*タブレット*/
@media screen and (max-width: 980px){
	body{
		margin-top:120px;
		width:100%;
	}	
		
	/*ヘッダー*//*タブレット*/
	header{
		height:100px;
		width:100%;
		position:fixed; 
		top:0; 
		left:0;
		z-index:3;
		background-image:url(/img/common/imgorning_n02.png);
		background-repeat: repeat-x;
		background-position: 0px -50px;
	}
	
	h1 {
		display:block;
		position:fixed;
		width:50%;
		top:0px;
		left:0px;
		z-index:999999;
	}
	h1 a{
		display:block;
		margin:auto;
		width:300px;
	}
	.logo{
		width:300px;
	}	
	
	.container_header{
		margin:auto;
		width:790px;
	}
	.container_body{
		margin:auto;
		width:790px;
	}
	

	.breadcrumbs{
		margin:auto;
		width:85%;
		word-wrap: break-word;
	}
	
	/*メインコンテンツ*/
	.contents{
		overflow : hidden;
		width:100%;
	}
	.contents article{
		width:100%;
	}
	
	/*メインコンテンツ*/
	.contents article div.main_head{
		width:790px;	
		height:100px;
		background-image:url(/img/common/menu/contents_head1.png);
		background-repeat:no-repeat;
		margin:auto;
	}
	
	.contents article div.main_body{
		width:790px;
		background-image:url(/img/common/menu/contents_mid1.jpg);
		background-repeat:repeat-y;
		margin:auto;
		padding-bottom:20px;		
	}
	.contents article div.main_bottom{
		background-image:url(/img/common/menu/contents_bottom1.png);
		background-repeat:no-repeat;
		width:790px;
		height:100px;
		margin:auto;
		clear:both;
	}


	/*リストスタイル 更新情報 -3*/
	h2{
		width:100%;
		font-size:175%;
		text-align:left;
		margin-left:1.5em;
	}
	.headline1{
		display:block;
		width:90%;
		margin:auto;
	}
	.headline1 ul{
		list-style-type: none;
	}
	
	.headline1 ul li{
		margin-bottom:0.5em;
	}
	
	/*リストスタイル - 3
	ピックアップ
	*//*タブレット*/
	
	.headline2{
		display:block;
		width:90%;
		margin:auto;
	}
	.headline2 ul{
		list-style-type: none;
	}
	
	.headline2 ul li{
		margin-bottom:0.5em;
		
	}

	/*その他クラス
	破線と実線
	*/
	.bar1{
		display:block;
		border-top:#333 1px dashed;
		margin:2em auto;
		width:90%;
	}
	.bar2{
		display:block;
		border-top:#333 1px solid;
		margin:2em auto;
		width:90%;
	}

	
	/*////////////////////////////////////////////////////////////////ローカルナビ*//*タブレット*/
	.twitter_style{
		width:45%;
		margin-bottom:10em;
		float:right;
	}
	
	.localnav{
		width:100%;
	}
	.localnav2{
		width:395px;
		float:left;
	}
	.localnav3{
		width:395px;
		float:left;
	
	}
	
	/*ピンと紐*/
	.pin{
		background-image:url(/img/common/menu/left_nav_top_pin.png);
		height:22px;
		width:192px;
		margin:auto;
	}
	/*上の額縁*/
	.left_navstyle_top{
		height:20px;
		background-image:url(/img/common/menu/left_nav_topleft.jpg),url(/img/common/menu/left_nav_topright.jpg),url(/img/common/menu/left_nav_topmiddle.jpg);
		background-repeat:no-repeat, no-repeat, repeat-x;
		background-position:left,right,center;
		color:#fff;
		/*box-shadow*/
		box-shadow: 10px 10px 10px #aaa;
		-webkit-box-shadow: 10px 10px 10px #aa;
		-moz-box-shadow: 10px 10px 10px #aa;
		width:100%;
	}
	/*横の額縁*/
	.left_navstyle_middle{
		background-image:url(/img/common/menu/left_nav_left.jpg),url(/img/common/menu/left_nav_right.jpg),url(/img/common/menu/left_nav_middle.jpg);
		background-repeat:repeat-y,repeat-y,repeat;
		background-position:left,right,center;
		color:#fff;	
		/*box-shadow*/
		box-shadow: 10px 10px 10px #aaa;
		-webkit-box-shadow: 10px 10px 10px #aa;
		-moz-box-shadow: 10px 10px 10px #aa;
		width:100%;
	}
	/*下の額縁*/
	.left_navstyle_bottom{
		height:20px;
		background-image:url(/img/common/menu/left_nav_bottomleft.jpg),url(/img/common/menu/left_nav_bottomright.jpg),url(/img/common/menu/left_nav_bottommiddle.jpg);
		background-repeat:repeat-y,repeat-y,repeat-x;
		background-position:left,right,center;
		color:#fff;	
		/*box-shadow*/
		box-shadow: 10px 10px 10px #aaa;
		-webkit-box-shadow: 10px 10px 10px #aa;
		-moz-box-shadow: 10px 10px 10px #aa;
		width:100%;
	
	}
	/*白抜き文字*//*タブレット*/
	.navbody{
		}
	.navbody a{
		color:#FFF;
	}
	
	.navbody ul{
		list-style:disc;
		width:100%;
		vertical-align:top;
	}
	.navbody ul li{
		display:block;
		width:100%;
		vertical-align:top;
	}
	.navbody ul li:before {
	  content: '\2022';
	  color: #FFF;
	  font-size: 0.8em;
	  padding: 0 8px 0 0.5em;
	  text-shadow: 1px 1px 2px black;
	}
	
	.localnav2 .navbody ul li{
		display:block;
		width:100%;
		padding-right:15px;
	}
	.localnav2 .navbody ul li div{
		display:inline-block;
		width:80%;
		margin-right:15px;
		vertical-align:top;
	}
	
	.localnav3 .navbody ul li div{
		display:inline-block;
		width:80%;
		margin-right:15px;
		vertical-align:top;
	}
	.navbody ul li div.fit{
		display:block;
		text-align:left;
		position: relative;
		width: 165px;
	
		padding-left:1em;
		margin-bottom:0.5em;
		padding-bottom:0px;
		display:table-cell;
		vertical-align: middle;
		background-color:rgba(255,255,255,0);
	
	 img {
		 width: 100%;
		 height: 100%;
		 object-fit: scale-down;
	 }
	
	}
	.navbody ul li img{
		vertical-align: middle;
		width:auto;
		height:auto;
		max-width:100%;
		max-height:100%;
	
	}
	
	
	.left_navstyle_middle h3{
		margin:0 0em 0.5em 1em;
	}
	.left_navstyle_middle ul{
		list-style-type: none;	
	}
	.left_navstyle_middle li{
		margin:0em 1em 1em 1em;
	}
	.left_navstyle_middle li:last-child{
		margin:0em 1em 0em 1em;
	}
	
	
	/*////////////////////////////////////////////////////////////////ローカルナビ*//*タブレット*/
	
	/*/////////////////////////////////////////////////////////////fotter フッター*//*タブレット*/
	footer{
		display:block;
		clear:both;
		width:100%;
		height:300px;
		background-color:#fff;
		margin:auto;
		padding:15% 0 4% 0;
		background-color:RGBa(255,255,255,0);
	}
	.container_footer{
		margin:auto;
		height:250px;
		background-color:#FFF;
		background-color:RGBa(255,255,255,0.75);
		width:90%;

	}
	
	footer.sitemap{
		background-image:url(/img/common/menu/fotter_main.png),url(/img/common/menu/fotter_mainback.jpg);
		background-repeat:repeat-x,repeat-x;
		background-position:bottom,center;
		
	}
	footer div.sitemap_left{
		margin-left:3%;
		vertical-align:top;
		display:inline-block;
		width:35%;
		}
	footer div.sitemap_center{
		vertical-align:top;
		display:inline-block;
		width:35%;
		}
	footer div.sitemap_right{
		vertical-align:top;
		display:inline-block;
		width:25%;
		}
		
	footer div.sitemap ul{
		list-style-type: none;
		}	
		
	/*/////////////////////////////////////////////////////////////fotter フッター*//*タブレット*/
	/*/////////////////////////////////////////////////////////////////日記クラス - タブレット-5*/
	.diary1{
		overflow:hidden;
		width:90%;
		margin:auto;
	}
	.diary1 h3{
		margin-bottom:0.5em;
	}
	.diary1 div{
		margin-bottom:0.5em;
	}
	.diary1 p.cate{
		float:left;
		width:55%;
		padding:0px;
		display:block;
	}
	.diary1 p.date{
		float:right;
		width:40%;
		display:inline-block;
		text-align:right;
	}
	
	.diary1 ul{
		display:block;
		width:100%;
		list-style-type: none;
		clear:both;
	}
	.diary1 ul li{
		width:220px;
		display:inline-block;
		vertical-align:top;
		margin-right:10px;
		margin-bottom:1em;
		zoom: 1;
	}
	.diary1 ul li div.fit{
		position: relative;
		width: 220px;
		height:160px;
		border: 1px solid darkgray;
		margin-bottom:0.5em;
		padding-bottom:0px;
		text-align:center;
		display:table-cell;
		vertical-align: middle;
		background-color:#FFF;
	
	 img {
		 width: 100%;
		 height: 100%;
		 object-fit: scale-down;
	 }
	}
	.diary1 img.main_img{
		position: relative;
		width: 410px;
		margin-bottom:0.5em;
		padding-bottom:0px;
		text-align:center;
		display:inline-block;
		vertical-align: middle;
		background-color:#FFF;
	
	 img {
		 width: 100%;
		 height: 100%;
		 object-fit: scale-down;
	 }
	}
	
	.diary1 div.itemdetail{
		margin:0em 0em 2em 0; 
		overflow:hidden;
		background-color:rgba(255,255,255,0.5);
		display:inline-block; 
		width:32%; 
		vertical-align:top;
		float:right;
	}
	.diary1 div.itemdetail p{
		margin-left:0.5em;
	}
	.diary1 div.itemdetail span{
		display:block;
	}
	
	.diary1 ul li img{
		vertical-align: middle;
		text-align:center;
		width:auto;
		height:auto;
		max-width:100%;
		max-height:100%;
	
	}
	
	.diary1 ul li:nth-child(3n){
		margin-right:0;
		margin-bottom:1em;
	}



	.catecolor_event{
		background-color:#CC6600;
		height:100%;
		width:25px; 
		float:left;	
		margin-right:1em;
	}
	.catetitle{
		background-image:url(/img/common/pwall.jpg);
		width:80%; 
		height:100%; 
		color:#CC6600;
		padding:1em 0;
		margin:0 auto 0 auto;
		text-align:left;
	}
	.catetitle h2{
		margin-left:0px;
	}
	
	.catecolor_dialy{
		background-color:#CC0000;
		height:90px; 
		width:25px;
		float:left;	
	}
	
	.main_post{
		clear:both;
		display:block;
		margin:auto;
		width:80%;
		height:100%;
	}
	
	.main_post img{
		width:90%;
		height:90%;
	}
	.main_post img.main_img{
		width:60%;
		display:inline-block;
	}


	/*メガドロップメニュー-----------------------------------------------------------------------------*//*タブレっと*/
	
	header nav.pc-nav{
		display:none;
	}


}

/*タブレット2*/
@media screen and (max-width: 790px){
	/*タブレット2-1*/
	header{
		background-position: 0px -60px;
	}
	
	.logo{
		width:250px;
	}
	.container_header{
		width:594px;
	}
	.container_body{
		width:594px;
		word-wrap: break-word;
	}

	
	/*メインコンテンツ*//*タブレット2-2*/
	.contents article div.main_head{
		width:100%;	
		background-image:url(/img/common/menu/contents_head2.png);
		margin-bottom:0px;
		padding-bottom:0px;
	}
	
	.contents article div.main_body{
		width:100%;
		background-image:url(/img/common/menu/contents_mid2.jpg);
	}
	.contents article div.main_bottom{
		background-image:url(/img/common/menu/contents_bottom2.jpg);
	}
	
	/*リストスタイル 更新情報 -3
	*//*タブレット2*/
	
	.headline1{
		width:500px;
	}
	.headline1 ul{
		display:block;
		width:85%;
	}
	/*リストスタイル -3 ピックアップ
	*//*タブレット2*/
	
	.headline2{
		width:85%;
	}
	.headline2 ul{
		display:block;
		width:100%;
	}
	
	/*その他クラス
	破線と実線
	*/
	.bar1{
		margin:2em 2em;
		width:85%;
	}
	.bar2{
		margin:2em 2em;
		width:85%;
	}
	/*////////////////////////////////////////////////////////////////ローカルナビ*//*タブレット2*/
	/*ツイッター*/
	.twitter_style{
		width:80%;
		margin:0 auto 10em auto;
		height:500px;
		display:block;
		float:none;
	}
	
	.localnav2{
		width:100%;
	}
	.localnav2 .navbody ul li{
		width:100%;
		padding-right:15px;
	}
	.localnav3{
		width:100%;
	}
	.localnav3 .navbody ul li{
		width:100%;
	}
	.localnav3 .navbody ul li div.fit{
		text-align:center;
		display:inline-block;
		position: relative;
		width: 165px;
		margin-bottom:0.5em;
		padding-bottom:0px;
		text-align:center;
		display:table-cell;
		vertical-align: middle;
		border:none;
		background-color:rgba(255,255,255,0);
	
	 img {
		 width: 100%;
		 height: 100%;
		 object-fit: scale-down;
	 }
	
	}
	.localnav3 .navbody ul li div.navheadline{
		display:table-cell;
		width:350px;
		padding-right:15px;
	}
	.localnav3 .navbody ul li img{
		vertical-align: middle;
		width:auto;
		height:auto;
		max-width:100%;
		max-height:100%;
	
	}
	
	
	/*タブレット2*/
	/*白抜き文字*/
	.navbody ul li div.fit{
		display:table-cell;
		text-align:center;
		position: relative;
		width: 165px;
		
		border: 1px solid darkgray;
		margin-bottom:0.5em;
		padding-bottom:0px;
		vertical-align: middle;
		background-color:#FFF;
	
	 img {
		 width: 100%;
		 height: 100%;
		 object-fit: scale-down;
	 }
	
	}
	
	/*////////////////////////////////////////////////////////////////ローカルナビ*//*タブレット2*/
	/*/////////////////////////////////////////////////////////////fotter フッター*//*タブレット2*/
	/*/////////////////////////////////////////////////////////////fotter フッター*//*タブレット2*/
	/*/////////////////////////////////////////////////////////////////日記クラス - タブレット2-5*/
	.diary1{
		width:85%;
		margin:auto;
	}
	.diary1 h3{
		margin-bottom:0.5em;
	}
	.diary1 div{
		margin-bottom:0.5em;
	}
	.diary1 ul li{
		width:47%;
	}
	.diary1 ul li div.fit{
		width: 282px;
		height:205px;
	}
	/*日記カテゴリーラベル*/
	.diary1 div.categoly-discription{
		margin:1em 0 0 0;
	}
	.diary1 div.categoly{
		width:500px;
	}
	.diary1 div.categoly img{
		margin:1em 1em 0 0;
		width:130px;
	}
	/*日記カテゴリーラベル*/
	
	.diary1 img.main_img{
		width:100%;
		height:100%;
	}
	
	.diary1 div.itemdetail{
		display:block;
		width:100%;
		clear:both;
	}
	.diary1 div.itemdetail p{
		margin-left:2em;
	}
	
	.diary1 ul li:nth-child(2n){
		margin-bottom:1em;
	}
		

	
/*メガドロップメニュー代わりにスマホメニューを表示-----------------------------------------------------------------------------*//*タブレット2*/

	
	header nav.pc-nav{
		display:none;
	}
}
	
/*スマホ//////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media screen and (max-width: 500px){
/*スマホ-0*/	
	header{
		background-image:url(/img/common/imgorning_n05.png);
		background-position: 0px -92px;
	}
	
	h1 a{
		width:200px;
	}	
	.logo{
		width:200px;
	}
	/*スマホ-1*/
	.container_header{
		width:100%;
	}
	.container_body{
		width:100%;
	}
	.breadcrumbs{
		width:85%;
		margin-left:2.5em;
		
	}
	
	.contents article{
		width:100%;
	}

	/*メインコンテンツ*//*スマホ-2*/
	.contents article div.main_head{
		width:380px;	
		height:100px;
		background-image:url(/img/common/menu/contents_head3.png);
		margin-bottom:0px;
		padding-bottom:0px;
	}
	
	.contents article div.main_body{
		width:380px;
		background-image:url(/img/common/menu/contents_mid3.jpg);
	}
	.contents article div.main_bottom{
		background-image:url(/img/common/menu/contents_bottom3.jpg);
		width:380px;
	}
	
	/*リストスタイル 更新情報 -3
	*//*スマホ*/
	.headline1{
		width:78%;
		margin-left:2.5em;
	}
	.headline1 ul{
		list-style-type: none;
	}
	
	.headline1 ul li{
		margin-bottom:0.5em;
	}
	
	/*リストスタイル - 3
	ピックアップ
	*//*スマホ*/
	
	.headline2{
		width:78%;
		margin-left:2.5em;
	}

	/*その他クラス
	破線と実線
	*/
	.bar1{
		width:75%;
	}
	.bar2{
		width:75%;
	}
	
	
/*////////////////////////////////////////////////////////////////ローカルナビ*//*スマホ*/
	/*ツイッター*/
	.twitter_style{
		float:none;
		width:80%;
		display:block;
		margin-bottom:0 auto 10em auto;
	}
	.localnav{
		width:95%;
		margin:auto;
	}
	.localnav2{
		width:100%;
		clear:both;
	}
	.localnav2 .navbody ul li{
		width:95%;
	}
	.localnav3{
		display:block;
		width:100%;
		clear:both;
	}
	.localnav3 .navbody ul li{
		width:95%;
	}
	
	
	

	
	/*////////////////////////////////////////////////////////////////ローカルナビ*//*スマホ*/
	
	/*//////////////////////////////////////////////////////////日記クラス - 5*/
	/*日記クラス-----------------------------------------------------------------------------*//*スマホ*/
	.diary1{
		width:75%;
		margin-left:2.5em;
	}
	.diary1 ul li{
		width:100%;
	}
	.diary1 ul li div.fit{
		width: 280px;
		height:201px;
	}
	.diary1 div.categoly{
		width:280px;
	}
	/*日記カテゴリーラベル*/
	.diary1 div.itemdetail span{
		display:block;
	}
	.diary1 ul li img{
		vertical-align: middle;
		text-align:center;
		width:auto;
		height:auto;
		max-width:100%;
		max-height:100%;
	
	}
	.diary1 ul li p.title{
		display:block;
		clear:both
	}

	
	.catetitle{
		width:75%; 
		text-align:left;
		margin:auto 0 auto 40px;
	}

	.main_post{
		margin:auto 0 auto 40px;
		width:75%;
	}

	
/*メガドロップメニュー-----------------------------------------------------------------------------*//*スマホ2*/
	header nav.pc-nav{
		display:none;
	}

	/*/////////////////////////////////////////////////////////////fotter フッター*//*タブレット*/

	footer div.sitemap_left{
		width:30%;
		}
	footer div.sitemap_center{
		width:30%;
		}
	footer div.sitemap_right{
		width:30%;
		}
		
	/*/////////////////////////////////////////////////////////////fotter フッター*//*タブレット*/
	

}







