﻿@media screen and (min-width:768px) {

	/* 広くしたい */
	#wPrimary {
		width: 950px;
		margin: 0;
	}

	#bnrExtra {
		margin-bottom: 1.0em;
		padding: 10px;
		background: #f0f0f0;
	}

	#bnrExtra p {
		margin: 0;	
	}

	#bnrExtra p img {
		display: block;
		margin: 0 auto;	
	}

	#wM{
		/*
		display: inline;
		float: right;
		width: 755px;	
		*/
	}

	#wPhoto {
	}

	#photo {
		display: inline;
		float: left;
		width: 300px;
		height: 215px;
		border: 1px solid #f0f0f0;
		background-color: #333;
	}

	#photo img {
		display: block;
		margin: 0 auto;
		width: auto;
		max-height: 180px;

		/*-ms-box-shadow: 0 1px 4px #000;
		-moz-box-shadow: 0 1px 4px #000;
		-webkit-box-shadow: 0 1px 4px #000;
		box-shadow: 0 1px 4px #000;*/
	}

	#photo .caption {
		margin: 0;
		text-align: center;
		font-size: 10px;
		padding: 0 5px;
		color: #f0f0f0;
		font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	}

	#photoSp {
		display: none;
	}

	#news {
		display: inline;
		float: right;
		/*width: 435px;*/
		width: 620px;
		height: 212px;
		margin-bottom: 25px;
	}

	#news #newsArea {
		/*width: 435px;*/
		height: 185px;
		overflow: auto;
	}

	#news #newsArea dl.listDate,
	#news #newsArea dl.listDate dt,
	#news #newsArea dl.listDate dd {
		clear: both;	
	}

	#news #newsArea dl.listDate dd {
		margin: 0;
		padding: 0;
	}

	#wPrimary .section {
		padding-top: 10px;	
	}

	#wSideBar {
		display: inline;
		float: left;
		width: 181px;
		margin: 0;
		font-size: 12px;
	}

	.menuText {
		padding: 5px 0;
		background: url(/common/images/bgSideBarHeader.gif) top left no-repeat;
	}


	.menuText ul {
		/*width: 181px;*/
		width: 171px;
		margin: 0 0 30px 0;
		padding: 0 5px 5px 5px;
		/*padding: 0;*/
		/*border-bottom: 1px solid #f0f0f0;*/
		/*border: 5px solid #f0f0f0;
		-webkit-border-radius: 12px;
		-moz-border-radius: 12px;
		background-color: #fff;*/
		background: url(/common/images/bgSideBarFooter.gif) bottom left no-repeat #F9F9F9;
	}


	.menuText ul li {
		clear: both;
		line-height: 1.0;
		width: 171px;
		letter-spacing: 0;
		/*border-bottom: 1px solid #f0f0f0;*/
	}

	*:first-child+html .menuText ul li {
		display: inline;
		float: left;
	}

	* html .menuText ul li {
		margin-bottom: -2px;
	}

	.menuText ul li a {
		display: inline;
		float: left;
		/*width: 169px;*/
		width: 159px;
		text-decoration: none;
		padding: 10px 0 10px 12px;
		background: url(/common/images/ico_arrow_sidebar.gif) no-repeat left center #fff;
	}

	.menuText ul a.curr {
		font-weight: bold;
		background-color: #f9f9f9;
	}

	.menuText ul ul a.curr {
		background-color: #fcfcfc;
	}

	.menuText ul li a.toggle {
		/*width: 158px;*/
		width: 148px;

	}

	.menuText ul li img {
		cursor: pointer;
		display: inline;
		float: left;
		margin-left: 1px;
		padding-top: 13px;
		padding-bottom: 10px;
	}


	.menuText ul li a.active {
		/*background-image: url(/common/images/ico_toggle_minus.gif);
		background-color: #f0f4f8;*/
		background-color: #f9f9f9;
	}

	.menuText ul a:link, .menuText ul a:visited {
		text-decoration: none;
		color: #666;
	}

	.menuText ul a:hover, .menuText ul a:active,
	.menuText ul a.curr:hover {
		text-decoration: none;
		background-color: #e9eff5;
	}

	.menuText ul ul {
		clear: both;
		/*width: 171px;*/
		width: 161px;
		margin: 0 0 0 10px;
		padding: 0 0 15px 0;
		/*background-color: #fff;*/
		background-color: #f9f9f9;
		background-image: none;
	}

	.menuText ul ul li {
		line-height: 1.2;
		width: 161px;
		border-bottom: 1px solid #f0f0f0;
	}

	.menuText ul ul li a {
		/*width: 159px;*/
		width: 149px;
		background: #fff;/* arrowをキャンセル*/
	}

	#wSideBar ul.menuBnr {
		/*width: 181px;*/
		width: 171px;
		margin: 0 5px;
	}


	.menuText ul li a.icoOpen {
		width: 147px;
		padding-left: 14px;
		background-image: url(/common/images/arrow_open_7x7.gif);
		background-repeat: no-repeat;
		background-position: center left;
	}



	#wSideBar dl {
		clear: both;	
		font-size: 12px;
	}

	#wSideBar dl, #wSideBar dt {
		margin: 0;
		padding: 0;
	}

	#wSideBar dd {
		line-height: 1.2;
		margin: 2px 0 10px;
		padding: 0;
	}

	#wSideBar dl a:link, #wSideBar dl a:visited {
		text-decoration: none;
	}

	#wSideBar dl a:hover, #wSideBar dl a:active {
		text-decoration: underline;
	}

	#wSideBar ul {
		list-style: none;
		margin: 0 0 5px 0;
		padding: 0;
	}

	#wSideBar ul li {
		margin: 0 0 5px 0;
		padding: 0;
	}

	/* 特殊フォントサイズ系
	-------------------------------------------------------------------------------------*/
	#wPrimary .fonS13 {
		font-size: 13px;
	}

	}

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

	#bnrExtra {
		margin-bottom: 6px;	
	}

	#wPhoto {
		height: 0;
		visibility: hidden;
		margin-left: -3000px;
	}

	#photoSp {
		margin: 0 5px 25px;
		margin-bottom: 25px;
	}
	
	#placeholderSp {
		position: relative;
		padding-top: 50%;
		background: #333;
	}
	
	#photoSp img {
		display: block;
		width: auto;
		/*margin: 0 auto;*/
		max-width: 90%;
		max-height: 90%;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
	}

	#photoSp .captionSp {
		margin: 0;
		padding: 0 0 2px;
		text-align: center;
		color: #f0f0f0;
		background-color: #333;
	}

	#news {
		margin-bottom: 25px;
	}

	#news #newsArea {
		height: 185px;
		margin-right: 7px;
		overflow-y: auto;
	}

	#news #newsArea::-webkit-scrollbar{
		width: 0.215em;
		background: #fff;
	}

	#news #newsArea::-webkit-scrollbar-thumb{
		border-radius: 2px;
		background: #a6a6a6;
	}

	#news #newsArea dl.listDate,
	#news #newsArea dl.listDate dt,
	#news #newsArea dl.listDate dd {
		clear: both;	
	}

	#news #newsArea dl.listDate dd {
		margin: 0;
		padding: 0;
	}

	/*トップページリンク*/
	#linkToppage {
		display: none;
	}
	/*ここまで*/

	/* サイドメニュー
	-------------------------------------------------------------------------------------*/

	/* #wSideBar {
		display: none;
	} */

}