@charset "utf-8";
/* CSS Document */
caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}

body {width:100%;height:auto;margin: 0; /* 余白の削除 */padding: 0;/* 余白の削除 */font-size: 13px; overflow-x: hidden;
	 font-family:'Rounded Mplus 1c','Century Gothic','Meiryo','ms pgothic', sans-serif;line-height:2;color: #7D6150;letter-spacing: 0.5px;text-align: center;}

#dl_mark{ position:absolute; margin: 50px auto auto 60px; z-index:100;}
.download{
	padding: 70px 0;
	min-width: 1280px;
}
.download ul{
	margin-top: 30px;
	margin-left: 20px;
}
.download li{
	display: inline-block;
	position: relative;
		margin: 10px 10px;
}
.w1280{max-width:1280px;width: 100%;margin: 0 auto;position:relative;}
.dl_base{width: 530px;}
input, select, textarea {
	height:18px;
	width: 250px;
	border:1px solid #B9A6A6;
	padding: 5px;
	border-radius: 0px;
	color: #e38caf;
	background: #fff;
  text-align: center;
  vertical-align: middle;
}
input:focus {
    outline: 1px solid #888; /* 太さ 種類 色（例：赤） */
}
input[type="text"],
textarea {
  color: #e38caf;
}
/* オートコンプリート時の文字色と背景色を指定 */
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus {
    /* 背景色を白、文字色を青にしたい場合の例 */
    -webkit-text-fill-color: #e38caf; /* 文字色の指定（colorではなくこちらを使います） */
    transition: background-color 5000s ease-in-out 0s; /* 背景色が変わるのを防ぐテクニック */
}

.form{
	width: 100%;
	border-radius: 0px;
	vertical-align: middle;
  position: absolute;
  margin:0 auto;
  position: absolute;
  top:245px;
	text-align: center;
	font-weight: 600;
	font-size:14px;
  z-index: 3;
}
.form p{margin-left: -280px;}
.mailbtn {
	height:28px;
	width:80px;
	border:0px;
	border-radius: 10px;
	padding: 0px 8px;
	color: #ffffff;
	cursor: pointer;
	font-weight: bold;
	font-size: 14px;
  background: #61210B;
  vertical-align: middle;
	transition-duration: 0.2s;
}
.mailbtn:hover {
	transition-duration: 0.2s;
  background: #FA58AC;
}

.dl-lineup {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(530px, max-content));
  gap: 20px;
  justify-content: center;
  padding: 0;
  list-style: none;
  margin: 0 auto;
}
.dl-lineup a{
  display: block;   /* ← これが重要 */
  width: 80%;
  margin: 0 auto;   /* 中央揃え */
}
.dl-lineup li {
  text-align: center;
	margin-top: 10px;
	margin-left: 20px;
}
.dl-lineup li img {
  display: block;
  margin: 0 auto 10px; /* 間隔調整 */
  border-radius: 20px;
}
.dl-lineup li div {
    margin: 20px 0px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.dl-lineup .content-title {
    margin: 0 0 5px 0;
}
.chuui{
	margin: 20px auto 40px auto;
	font-size: 12px;
	line-height: 16px;
}