@charset "utf-8";

#divTopArea{
  width:770px;
}

#recomcontents {
	padding-bottom: 40px;
	
}

.header_logo{
	text-align:center;
	margin: 0px auto;
}
	

.text_col_bk {	color:#121212;}
.text_col_rd {	color:#E00003;}
.text_bold { font-weight: bold;}
	


.box-text {
	vertical-align:top;
	text-align:center;
	font-size: 14px;
	margin: 5px 0 0;
	line-height: 1.5;
}

.box-text2 {
	vertical-align:top;
	text-align: left;
	margin: 15px 5px 0;
	padding: 5px 10px;
	line-height:1.5;
	font-size: 12px;
	border-bottom: 1px solid ;
	border-top: 1px solid ;	
}


.type-row {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
	
	background-color:#F5F5F5; 
	align-items :center;
	justify-content: center;
	text-align:center;
	padding: 15px 0;
}


.type-item {
	width: 33%;
	background-color:#F5F5F5; 
}

.type-item img {
	width: 90%;
	max-width: 90%;
}

.font09{font-size: 9px;}

@media screen and (min-width: 641px){
.br_none {  display: none; }	

.header_title{
	text-align:center;
	margin: 20px auto 0;
	font-size: 16px;
	line-height: 1.5;
}
	
.header_title img {
	display:block;
}
	
.myb_comment01{
	text-align:center;
	font-size: 18px;
	line-height: 1.5;
	padding: 15px 0 10px;
	margin: 20px 0 0 ;	
	background-color:#F5F5F5; 
}
	
.myb_comment02{
	text-align:center;
	font-size: 14px;
	line-height: 1.5;
	padding: 10px 0;
	margin: 0px 0 0 ;	
	/*background-color:#F5F5F5; */
	}
	
.myb_comment{
	text-align:center;
	font-size: 18px;
	line-height: 1.5;
	border: 2px double #494949;
	padding: 10px;
	margin: 40px 0 50px;	
}	
.box-row {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
	
	/*justify-content: center;*/
	justify-content: flex-start;
	text-align:center;
}

.box-item {
	width: 25%;
	margin-top:40px;
	text-align:center;
	padding-bottom:0px;
}

.box-item img {
	width: 95%;
	max-width: 95%;
}
	
.box-item2 {
	width: 33%;
	margin-top:10px;
	text-align:center;
	padding-bottom:0px;
}

.box-item2 img {
	width: 95%;
	max-width: 95%;
}

}

@media screen and (max-width: 640px) {
.br_none {  display: block; }	

.header_title{
	text-align:center;
	margin: 5px 0;
	font-size: 16px;
	line-height: 1.5;
}
	
.header_title img {
	width: 100%;
	display:block;
}

.myb_comment01{
	text-align:center;
	font-size: 14px;
	line-height: 1.5;
	padding: 10px 0 10px;
	margin: 20px 0 0;
	background-color:#F5F5F5; 
}
	
.myb_comment02{
	text-align:center;
	font-size: 12px;
	line-height: 1.5;
	padding: 10px 0;
	margin: 0px 0 0 ;	
	/*background-color:#F5F5F5; */
	}
	
.myb_comment{
	text-align:center;
	font-size: 16px;
	line-height: 1.5;
	border: 1px double #494949;
	padding: 10px;
	margin: 30px 0 50px;	
}	

.box-row {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
	
	/*justify-content: space-between;*/
	/*justify-content: center;*/
	justify-content: flex-start;
	
	text-align:center;
	margin-top:20px;
}


.box-item {
	width: 50%;
	margin-bottom:20px;
}

.box-item img {
	width: 95%;
	max-width: 95%;
}	
	
.box-item2 {
	width: 50%;
	margin-bottom:20px;
}

.box-item2 img {
	width: 95%;
	max-width: 95%;
}
	
.box-text2 {
	font-size: 11px;
}
	
	
}


/*-----------------------------------*/


a.hover_img2{
    background-color:#fff; /*背景に白を設定*/
    display:block; /*ブロック化重要！*/
    }
a.hover_img2 img{
    transition:all 0.5s ease;
    }
a:hover.hover_img2 img{
    opacity: 0.7;
    filter: alpha(opacity=70);
    }