@charset "utf-8";

/* CSS Document */

/*--------------------------------------
　共通
---------------------------------------*/

.cxd_p {
	font-size: 1rem;
	line-height: 2rem;
	font-family: "ヒラギノ角ゴ W3 JIS2004", "Hiragino Kaku Gothic W3 JIS2004", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Helvetica, Arial, sans-serif;
}

.cxd_h2 {
	margin: 1rem 0em;
	font-size:3rem;
	/*border-bottom: solid 1px gray;
	padding-bottom: 0.3em;*/
	font-family: "ヒラギノ角ゴ W3 JIS2004", "Hiragino Kaku Gothic W3 JIS2004", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Helvetica, Arial, sans-serif;
}

.cxd_h3{
	font-size:2rem;
	font-family: "ヒラギノ角ゴ W3 JIS2004", "Hiragino Kaku Gothic W3 JIS2004", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Helvetica, Arial, sans-serif;
}

h3{
	vertical-align: middle;
}
h3 img{
	vertical-align: middle;
}
h3 span {
	background: rgb(68,111,240);
	margin: 0 25px;
	padding: 0 25px;
	color: #fff;
}
.cxd_section, .cxd_aside {
	margin: auto;
	padding:20px 0px 130px;
	border-bottom:solid 1px black;
}
.container {
  margin:auto;
  display: flex;
  justify-content: center; /*	←ここに記述 */
}
.jumpLink {
	margin-top: -35px;
    padding-top: 40px;
}

/*--------------------------------------
　Top画像
---------------------------------------*/

.cxd_article{
	position: relative;
	background-image: url(/webImg/html/special/img/sony_cxd/board.jpg?20230131);
	background-position: center center;

  /* 画像をタイル状に繰り返し表示しない */
  background-repeat: no-repeat;

  /* コンテンツの高さが画像の高さより大きい時、動かないように固定 */
  background-attachment: fixed;

  /* 表示するコンテナの大きさに基づいて、背景画像を調整 */
  background-size: cover;

  /* 背景画像が読み込まれる前に表示される背景のカラー */
  background-color: #464646;
  height: 350px;
  width: 1100px;
  margin: 0px
}

.cxd_h1 {
	float:left;
	text-align:center;
	width:500px;
	font-size: 2.5rem;
	line-height:3rem;
	margin: 0;
	padding: 30px 0;
	color: white;
	background-color:#333;
	font-family: "ヒラギノ角ゴ W3 JIS2004", "Hiragino Kaku Gothic W3 JIS2004", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Helvetica, Arial, sans-serif;
}

.cxd_top{
	clear:both;
	position: absolute;
	top: 25px; /* #contents内の上から何pxか */
	left: 70px; /* #contents内の左から何pxか */
	width: 1100px;
	margin: auto
}
.cxd_span{
	font-weight: bold;
}

  
/*--------------------------------------
　Spresense
---------------------------------------*/

.cxd_ul{
  line-height: 2rem;
}

.cxd_li{
	font-size: 1rem;
	list-style-type: disc;
	line-height: 2rem;
	font-family: "ヒラギノ角ゴ W3 JIS2004", "Hiragino Kaku Gothic W3 JIS2004", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Helvetica, Arial, sans-serif;
}

/*--------------------------------------
　製品ラインナップ
---------------------------------------*/
nav span {
	background: rgb(68,111,240);
    margin: 0 25px;
    padding: 0 25px;
    color: #fff;
}
.cxd_section nav {
	display: flex;
	flex-wrap: wrap;
}
.cxd_section nav a{
	text-decoration: none;
}
.cxd_section nav div{
	width: 30%;
	margin: auto;
	margin-bottom: 4rem
}
.cxd_section nav .lastrow{
	margin-bottom: 0px;
	margin-left: 18.406px;
}
.cxd_section nav div p{
	text-align: center;
	font-size: 20px;
}
.cxd_section nav div .navtop{
	height:345px;
	display: grid;
	place-items: center;
}
.cxd_section nav div .navbottom{
	height:270px;
	display: grid;
	place-items: center;
}


/*--------------------------------------
　Key Features
---------------------------------------*/
.camerab .cxd_h3, .mainb .cxd_h3, .kakutyob .cxd_h3, .lteb .cxd_h3 {
  text-align: center;
}
.camerab {
  width: 25%
}
.mainb {
  width: 25%
}
.kakutyob {
  width: 25%
}
.lteb {
  width: 25%
}
.spresensekakutyob .cxd_h3, .spresensecamerab .cxd_h3, .spresenselteb .cxd_h3 {
  font-size: 1.6rem;
}
.spresensekakutyob {
  width: 30%;
  margin: 0 5% 0 0;
}
.spresensecamerab {
  width: 30%;
  margin: 0 5% 0 0;
}
.spresenselteb {
  width: 30%;
  margin: 0;
}


/*--------------------------------------
　Specifications
---------------------------------------*/
.tabletitle{
  text-align: center;
}

/*--------------------------------------
　Contuct Us -Click here-
---------------------------------------*/
.cxd_aside {
  text-align: center;
}
.cxd_aside p {
  background-color: #333;
  text-align: center;
  display: inline-block;
  margin: auto;
  padding: 2rem 2rem 1.5rem;
  border-radius: 1rem;
  font-size: 3rem;
}

.cxd_aside a:link {
	color: white;
}
.cxd_aside a:visited {
	color: white;
}
.cxd_aside a:hover {
	color: white;
}
.cxd_aside a:active {
	color: white;
}
.cxd_aside a {
	text-decoration: none;
}

.cxd_section .cxd_aside{
	border: solid 1px #fff;
	padding: 130px 0 10px;
}

/*--------------------------------------
　SONY Site
---------------------------------------*/

.cxd_last {
	margin: auto;
	width: 1100px;
}

.cxd_last_link a:link {
	color: #0000EE;
	text-decoration: underline;
}

.cxd_last_link a:visited {
	color: #551A8B;
	text-decoration: underline;
}

.cxd_last_link a:hover {}

.cxd_last_link a:active {
	color: #FF0000;
	text-decoration: underline;
}