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

/*/////////////////////////////////////////////////////////
file name: shitadori.css
description: 不用車･廃車下取り手続き専用スタイルシート

1.レイアウト
2.スマートフォン縦横
3.スマートフォン横

///////////////////////////////////////////////////////// */

/* ===========  1.レイアウト =========== */

ol.listShitadori {
	width: 600px;
	margin: 20px auto;
}

ol.listShitadori li {
	float: left;
	width: 30%;
	font-weight: 900;
	font-size: 128.6%;
}

.shitadori-contents {
	width: 90%;
}

.shitadori-contents dl {
	display: flex;
  align-items: center;
  background-color: #faf0e6;
	margin: 20px;
}

.shitadori-contents dl dt {
	width: 30%;
	padding: 10px;
}

.shitadori-contents dl dt span {
	display: block;
	color: #fff;
	font-size: 115%;
	font-weight: bold;
	letter-spacing: 0.4rem;
	text-align: center;
	background-color: #4682b4;
	border-radius: 10px;
	padding: 10px;
}

.shitadori-contents dl dd {
	width: 70%;
  line-height: 1.2;
}

.shitadori-contents .shitadori-contents-inner {
	display: flex;
	flex-wrap: wrap;
	width: 80%;
	box-sizing: border-box;
  border: 1px solid #bbb;
  margin: 0 auto;
  padding: 5px;
}

.shitadori-contents .shitadori-contents-inner p {
	width: 100%;
}

.shitadori-contents .shitadori-contents-inner div {
	width: 50%;
	max-height: 150px;
}

.shitadori-contents .shitadori-contents-inner div img {
	height: 100%;
}



/* ===========  2.667px以下スマホ縦横 =========== */
@media screen and (max-width: 667px) {
#mainContent h1 img {
	width: 100%;
}

ol.listShitadori {
	width: auto;
	margin: 20px 40px;
}

ol.listShitadori li {
	float: none;
	width: auto;
}

.shitadori-contents {
	width: 100%;
}

.shitadori-contents dl {
  margin-left: 0;
  margin-right: 0;
}

.shitadori-contents dl dt {
	width: 40%;
}

.shitadori-contents dl dt span {
	font-size: 80%;
  letter-spacing: 0.1rem;
}

.shitadori-contents dl dd {
	font-size: 80%;
}

.shitadori-contents .shitadori-contents-inner div {
	text-align: center;
}

.shitadori-contents .shitadori-contents-inner div img {
  height: auto;
	max-width: 100%;
	max-height: 100%;
}

}

/* ===========  3.スマホ横 =========== */
@media only screen and (max-device-width:667px) and (orientation:landscape) {
	
ol.listShitadori {
	width: auto;
	margin: 20px 40px;
}

ol.listShitadori li {
	float: left;
	width: 40%;
	font-weight: 900;
	font-size: 128.6%;
}
	
}