@charset "utf-8";
/*================================================


	MEDIA_QUERIES


================================================*/
/*================================================

 iPadLandScape、DeskTop

================================================*/
@media screen and (min-width: 960px) {
 .inner {
	clear: both;
	display : block;
	margin 	: 0 auto;
	padding : 0;
	width: ;/* 1200/1240px */
	 min-width: ;/*960px*/
	 /* メインコンテンツの最大幅を指定 */
	 max-width:/*1024px*/;
	/* Columnas Height */
	overflow : hidden;
 }
}
/*================================================

 iPad、AndroidLandScape Max 960px

================================================*/
@media screen and (max-width: 960px) {
 html {
	-webkit-text-size-adjust: none;
	max-width: 960px;
	margin: 0;
	padding: 0;
 }
 body {
	-webkit-text-size-adjust: none;
	max-width: 960px;
	margin: 0;
	padding: 0;
 }
 .primary {
	float: none;
	width : 100%;
 }
 .secondary {
	float: none;
	width : 90%;
 }

 #breadcrumbs>.inner>.secondary {
	float: none;
	display : block;
	float : right;
	width : 33.3334%;
	margin : 0;
	padding : 0;
	border : none;
 }
 .ad300{text-align:center;}
 .ad300 img{width:300px;height:auto;}
 .ad300, .ad450, .ad720{display:none;}
 .topads {display:none;}

 .box>a>header {
	width:auto;
	margin:0;
 }
 .box>a h1 {}
}
/*================================================

 Kindle Fire

================================================*/
@media screen and (max-width: 768px) {
 .top .r, .r, .search{display:none;}
}
/*================================================

 iPhonelandscape、Android

================================================*/
@media screen and (max-width: 540px) {
 body > .inner > .primary ,
 body > .inner > .secondary ,
 body > .inner > .tertiary {
	width: 100%;
 }
}
/*================================================

 iPhone

================================================*/
@media screen and (max-width: 400px) {

 html {
	-webkit-text-size-adjust: none;
	max-width: 400px;
	margin: 0;
	padding: 0;
 }
 body {
	-webkit-text-size-adjust: none;
	max-width: 400px;
	margin: 0;
	padding: 0;
	font-size: 88%;
 }
 nav,
 article,
 aside,
 section,
 footer,
 #header,
 #breadcrumbs,
 #contents,
 .primary,
 .secondary,
 .tertiary,
 #footer
 {
	float: none;
	margin: 0;
	padding: 0;
	width: 100%;
	border : none;
 }
 .primary>h1 ,
 .secondary>h1 ,
 .tertiary>h1 
 {
	padding : 15px 20px 10px 15px;
	font-size: 180%;
 }
 .primary>h2 ,
 .secondary>h2 ,
 .tertiary>h2 
 {
	font-size: 160%;
	padding-left : 15px;
 }
 .primary>h3 ,
 .secondary>h3 ,
 .tertiary>h3 
 {
	font-size: 160%;
 }
 .primary p{
	margin: 0 auto;
	padding : 0 0 30px 0;
 }
 /*===== Header =====*/
 body>header nav, 
 body>header.top nav 
 {
	display:none;
 }
 header.top>.inner>p {font-size:66%;}
 body>header h2, 
 body>header a h2 
 {
	font-size : 100%;
	color: #333;
 }
 /*===== Navigation =====*/
 body>nav ul li {
	width: 20%;
	min-width: 0;
	margin : 0;
	padding : 0;
 }
 body>nav ul li a {
	margin : 0;
	padding : 10% 0;
 }
 body>nav ul li a img {
	margin : 10px auto 10px 28%;
	padding : 0;
	width : 30px;
	height	: 30px;
	text-decoration: none;
 }
 /*===== breadcrumbs =====*/
 #breadcrumbs{ font-size: 88%;}
 #breadcrumbs ul {width: 100%;}
 #breadcrumbs>.secondary{display:none;}
 #contents{width: 100%; height: auto;}

/*
 .tertiary {display:none;}
 .f_nav{display:none;}
*/
 .f_nav ul {width:100%;}

 .copy {margin: 0; width: 100%;}
 .totop {display: none;}
 /* 広告非表示 */
 .gad300{text-align:center;}
 .gad300 img{width:300px;height:auto;}
 .ad300, .ad450, .ad720, .topads, .search {display:none;}
 /* SmartPhone Mobile Ads */
 .admob{
	 display:block;
	 width: auto;
	 max-width:350px;
	 margin: 10px auto 10px auto;
	 text-align: center;
 }
 dl .num {
	font-size: 110%;
 }
 dt>h1.inline,
 dt>h2.inline,
 dt>h3.inline {
	font-size: 110%;
 }
 h1.inline,
 h2.inline,
 h3.inline {
	font-size: 110%;
	padding-left: 0;
 }
 dt span {
	vertical-align: middle;
	font-size: 100%;
 }
 dd p{
	font-size: 100%;
	line-height: 140%;
 }
 .pc{display:none;}
 .mb{ display:block; }

}




/*================================================

 MobilePhone

================================================*/
@media screen and (max-width: 240px) {
}

