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


/*----------------------------------------
	比較表
----------------------------------------*/

.hikakuhyo {
	height: 500px;
	width:100%;
 	text-align: center;
 	border-collapse: collapse;
 	border-spacing: 0;
	background: #ffffff;
	
}	
	
.hikakuhyo th {
	padding: 10px;
	color: #ffffff;
	background: #4f3325;
	border-radius: 30px;
}
	
.hikakuhyo td {
	padding: 7px;
	border-right: solid 1px #6C6C6C;
}
	
.hikakuhyo td:last-child {
	border-right: none;
}

	
.variation-title {
	padding: 7px;
	background: #E4E4E4;
	border-radius: 30px;
}
		
	
.structure{
	font-size: 120%;
	font-weight: bold;	
}



.container {
  max-width: 1440px;
  margin: 30px auto;
  padding: 0 20px;
}


/*----------------------------------------
	card本体
----------------------------------------*/

.card {
  display: block;
  border: 1px solid #e7e7e7;
  border-radius: 5px;
  color: inherit;
  text-decoration: none;
  background: #F5F5F5;
}

.card__ttl {
  margin-bottom: 15px;
  padding-bottom: 5px;
  border-bottom: 2px solid #990000;
  font-size: 1.2em;
  margin: 20px;
}

.card__txt {
  line-height: 1.7;
  margin: 20px;
  text-align: left;
  
}

.card__thumb {
	overflow: hidden;
}

.card__thumb img {
	max-width: none;
	width: 100%;
	transition: transform .3s;
}


/*----------------------------------------
	CardList
----------------------------------------*/

.cardList {
	display: flex; /*flexbox化*/
	flex-direction: column;/* 縦並びにする*/
	margin-top: -20px; /*1行目の上マージンを相殺*/
}

.cardList__item {
	margin-top: 20px;
}

/*2カラム*/
@media screen and (min-width: 768px),print {
	.cardList {
		flex-direction: row; /*横並びにする*/
		justify-content: space-between; /*アイテムを両端に揃えて均等配置*/
		flex-wrap: wrap; /*折り返して複数行にする*/
	}
	.cardList__item {
		width: calc((100% - 20px) / 2); /*アイテムの幅を指定*/
	}
}