body{
	max-width: 1024px;
	margin:0 auto;
	padding:0 auto;
	
}
h1{
	margin:0 auto 20px auto;
	padding:0;
	text-align: center;
}
h1 img{
	width:100%;
}
main{
	max-width: 1024px;
	margin:0 auto;
	padding:0 auto;
}
section{
	margin-bottom:40px;
}
#kentei{
	margin:0;
	padding:0;
	font-size:16px;
	line-height: 1.6em;
	font-weight:lighter;
}
.read-txt{
	margin:0 0 20px 0;
	padding:0;
	width:100%;
}
h2{
	margin:30px auto 10px auto;
	text-align: center;
}
h2 span{
	border:#000000 solid 2px;
	padding:10px;
	font-size:30px;
	font-weight: bold;
	display: inline-block;
}
.kentei-box{
	display: flex;
	justify-content: space-between;
	margin:10px auto;
	padding:20px 0;
	border-bottom: #999999 dashed 1px;
}
/*.kentei-box:last-child{
	margin:10px auto 40px auto;
}*/
.kentei-btn:focus,.more-bth:focus {
	outline: none;
}
a.kentei-btn {
	text-decoration: none;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 0 auto;
	padding: 1.35em 2em 1em 1.7em;
	color: #FFF;
	font-weight: 700;
	border-radius: 20px;
	background : #FABD00;
	background : rgba(250, 189, 0, 1);
	box-shadow : 0px 4px 0px rgba(153, 102, 0, 0.75);
	filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=4, Color='#996600') ;
}
.w10{
	font-size: 18px;
	width:180px;
	display: block;
	margin:auto 0 auto auto;
}
.more{

	display: block;
	margin:30px auto 0 auto;
	text-align: center;
}
.w-more {
	width:220px;
	font-size: 22px;
} 
.kentei-btn::after{
	content: '';
	width: 8px;
	height: 8px;
	border-top: 3px solid #FFF;
	border-right: 3px solid #FFF;
	transform: rotate(45deg);
	margin-left:10px;
}
.kentei-box strong,.osusume-title strong{
	font-size:18px;
	font-weight:bold;
}
.sp{
	display: none;
}
.osusume-title{
	width:100%;
	display: flex;
	justify-content: space-between;
}
.osusume-title-txt{
	width:calc(100% - 132px);
}
.osusume-title img{
	width:132px;
	margin-right:16px;
}
.osusume-box{
	margin:10px auto;
	padding:20px 0;
	border-bottom: #999999 dashed 1px;	
}
.osusume-box p{
	width:100%;
	margin:10px auto;
}
a.detail-btn {
	text-decoration: none;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 0 0 10px 0;
	padding: 6px;
	color: #333;
	font-size: 14px;
	font-weight: 700;
	border: #000000 solid 2px;
	float:right;
}
.detail-btn::after{
	content: '';
	width: 8px;
	height: 8px;
	border-top: 3px solid #333;
	border-right: 3px solid #333;
	transform: rotate(45deg);
	margin-left:6px;
	margin-right:3px;
}
.banner-box{
	display: flex;
	justify-content: space-between;
	margin:0 auto 50px auto;	
}
.banner{
	width:100%;
	text-align: center;
}
.banner img{
	width:498px;
}

.footer-area{
	width:100%;
	text-align: center;
	margin:20px auto;
	padding-bottom:40px;
}
/* clear */
.clearfix:after,section:after{
  content: "."; 
  display: block; 
  clear: both;
  height: 0;
  visibility: hidden;
}
.clearfix,section{
  min-height: 1px;
}
* html .clearfix,* html section{
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}
/* ------------------------------サムネイルがあるときstart------------------------------ */
/*.item1{
	width:148px;
} 
.item2{
	width: calc(100% - 328px);
	text-align: left;
	padding-right:20px;
}
.item3{
	width:180px;
	text-align: left;
}
.kentei-box img{
	width:132px;
	margin-right:16px;
	
}*/
/* ------------------------------サムネイルがあるときend------------------------------ */
/* ------------------------------サムネイルがないときstart------------------------------ */
.item2{
	width: calc(100% - 180px);
	text-align: left;
	padding-right:20px;
}
.item3{
	width:180px;
	text-align: left;
}
.osusume-title{
	display: block;
}
.osusume-title-txt{
	width:100%;
}
.ml10{
	margin-left:10px;
}
/* ------------------------------サムネイルがないときend------------------------------ */
/* ---------------------------------サムネイルあるとき＆ないとき★共通--------------------------- */
@media (max-width: 1024px) {
#kentei{
	margin:0 16px;
	font-size:14px;
	font-weight:normal;
}	
h2 span{
	font-size:24px;
}	
}
/* ------------------------------サムネイルがあるときstart------------------------------ */
/*@media (max-width: 640px) {
.sp{
	display: block;
}
h2 span{
	font-size:24px;
}	
a.kentei-btn {
	padding: 0.85em 1em 0.5em 0.7em;
	text-align: center;
	line-height: 1.2em;
	border-radius: 10px;
}
.w10{
	font-size: 14px;
}
.kentei-box strong,.osusume-title-txt strong{
	font-size:16px;
}
.kentei-btn::after{
	margin-left:5px;
	border-top: 2px solid #FFF;
	border-right: 2px solid #FFF;
}
.kentei-box img,.osusume-title img{
	width:80px;
	margin-right:10px;
}
.osusume-title-txt{
	width:calc(100% - 80px);
}	
.item1{
	width:90px;
} 	
.item2{
	width: calc(100% - 160px);
}	
.item3,.w10{
	width:70px;
}
a.detail-btn {
	font-size: 13px;
	padding:3px 3px 3px 6px;
	border: #000000 solid 1px;
}
.detail-btn::after{
	border-top: 2px solid #333;
	border-right: 2px solid #333;
}	
	
}

@media (max-width: 376px) {
h2 span{
	font-size:22px;
}	
.kentei-box strong,.osusume-title-txt strong{
	font-size:14px;
}
.kentei-box img,.osusume-title img{
	width:70px;
	margin-right:10px;
}
.osusume-title-txt{
	width:calc(100% - 70px);
}	
.item1{
	width:80px;
} 
.item2{
	width: calc(100% - 150px);
	padding-right:10px;
}		
.item3,.w10{
	width:70px;
}	
}*/
/* ------------------------------サムネイルがあるときend------------------------------ */

/* ------------------------------サムネイルがないときstart------------------------------ */
@media (max-width: 640px) {
.sp{
	display: block;
}
h2 span{
	font-size:24px;
}	
a.kentei-btn {
	padding: 0.85em 1em 0.5em 0.7em;
	text-align: center;
	line-height: 1.2em;
	border-radius: 10px;
}
.w10{
	font-size: 14px;
}	
.kentei-box strong,,.osusume-title-txt strong{
	font-size:16px;
}
.kentei-btn::after{
	margin-left:5px;
	border-top: 2px solid #FFF;
	border-right: 2px solid #FFF;
}
.kentei-box img{
	width:80px;
	margin-right:10px;
}
.w-more {
	width:180px;
}	
 a.detail-btn {
	font-size: 13px;
	padding:3px 3px 3px 6px;
	border: #000000 solid 1px;
}
.detail-btn::after{
	border-top: 2px solid #333;
	border-right: 2px solid #333;
}	
.item2{
	width: calc(100% - 70px);
}	
.item3,.w10{
	width:70px;
}
.ml10{
	margin-left:0;
	
}
.banner-box{
	flex-direction: column;
    align-items: center;
	margin:0 auto 14px auto;
}	
.banner img{
	width:100%;
}
.banner img:first-of-type{
	margin-bottom:10px;
}	
}


@media (max-width: 376px) {
h2 span{
	font-size:22px;
}	
.kentei-box strong,,.osusume-title-txt strong{
	font-size:14px;
}
.kentei-box img{
	width:70px;
	margin-right:10px;
}	
.w-more {
	width:160px;
	font-size:20px;
} 
.item2{
	width: calc(100% - 70px);
	padding-right:10px;
}		
.item3,.w10{
	width:70px;
}	
}
/* ------------------------------サムネイルがないときend------------------------------ */