body{
    font-family: 游ゴシック,Arial,Helvetica,sans-serif;
    margin-top:10px;
    margin-bottom: 10px;
}

.container{
    max-width:1000px;
}
.img-title{
    max-width:100%;
    margin-bottom:10px;
}

/* 幅640px以下の場合 */
@media (max-width: 767px) {
    .dmyblock{
        height:0px;
    }
    .space-steps{
        margin-top:50px;
        padding-top:10px;
    }
    .space-items{
        margin-bottom: 10px;
    }
    .space-items-label{
        margin-bottom: 5px;
    }
}
/* それ以外 */
@media (min-width: 768px) {
    .dmyblock{
        height:50px;
    }
    .space-steps{
        margin-top:50px;
        padding:20px;
    }    
    .space-items{
        margin-bottom: 20px;
    }
    .space-items-label{
        margin-bottom: 5px;
        width: 100%;
    }
}

/* STEP1 フォーム欄：最大幅700pxで中央配置、項目名は入力欄の左端に揃える */
.step1-form-center {
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
}
.step1-form-center .form-control,
.step1-form-center .form-select,
.step1-form-center select.form-control {
    max-width: 100%;
}
.step1-form-center .space-items-label {
    display: block;
    text-align: left;
}

.space-items-5{
    margin-bottom: 5px;
}
.space-items-10{
    margin-bottom: 10px;
}
.space-items-20{
    margin-bottom: 20px;
}

.designline{
    margin-top: 10px;
    margin-bottom: 10px;
}

.alert{
    width:100%;
    max-width:800px;
}

.alert-message{
    color: #555555;
    background-color: #d6e1f2;
    border-color: #7a86ac;  
}

.img-flag {
    width: 50px; /* 画像の幅 */
    height: auto; /* 高さは自動調整 */
    margin-right: 10px; /* テキストとの間隔 */
}
.select2-container--default .select2-selection--single {
    height: auto; /* 入力欄の高さを自動調整 */
    min-height: 55px; /* 最小の高さを指定 */
}

.img-design{
    width:auto;
    height:auto;
    max-height:356px;
}

.mr-2{
    margin-right: 0.5rem!important;
}

.btn,
a.btn,
button.btn {
  font-size: 15px;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
}
@media(max-width:640px){
    .btn,
    a.btn,
    button.btn {
        font-size: 12px;
    }
}

.textarea-baseinfo{
    height: 100px;
}

.btn--notUse{
    display: none!important;
}
.btn--disabled{
    opacity: 0.5;
    cursor: not-allowed;
}

.btn--white-navy,
a.btn--white-navy {
  color: #1f2b62;
  background-color: #fff;
  border: 1px solid #1f2b62;
}
.btn--white-navy:hover,
a.btn--white-navy:hover {
  opacity: 0.5;
}

.btn--navy-white,
a.btn--navy-white {
  color: #fff;
  background-color: #1f2b62;
  border: 1px solid #1f2b62;
}
.btn--navy-white:hover,
a.btn--navy-white:hover {
  opacity: 0.5;
}

.requireButtons{
    max-width:100px;
    width:45%;
    margin-right:5px;
    margin-left:5px;
    aspect-ratio:2/1;
}
.editButton{
    width:250px;
    height:48px;
    font-size:18px!important;
}
.saveButton, .closeButton{
    width:300px;
    font-size:18px!important;
}
.closeButton{
    height:45px;
}

#save, #copy, #close{
    background-color:#1f2b62;
    border-color: #1f2b62;
    font-size:18px;
}

input::placeholder {
    color: black!important;
    opacity: 0.4!important;
}


.btn-issue-id {
	display: inline-block;
	padding: 14px 40px;
	font-size: 16px;
	font-weight: bold;
	color: #ffffff;
	background: linear-gradient(
		to right,
		#b5cdd8 0%,
		#97bdcd 50%,
		#64a6bd 100%
	);
	border: none;
	border-radius: 10px;
	box-shadow:
		0 6px 14px rgba(0, 0, 0, 0.25),
		0 2px 4px rgba(0, 0, 0, 0.15);
	cursor: pointer;
	letter-spacing: 0.1em;
	text-decoration: none;
	transition: opacity 0.2s, box-shadow 0.2s;
}

.btn-create-design {
	display: inline-block;
	font-size: 16px;
	font-weight: bold;
	color: #000000;
	background: linear-gradient(
		to right,
		#f8f7f6 0%,
		#eceae5 50%,
		#d4cec4 100%
	);
	border: none;
	border-radius: 10px;
	box-shadow:
		0 6px 14px rgba(0, 0, 0, 0.25),
		0 2px 4px rgba(0, 0, 0, 0.15);
	cursor: pointer;
	letter-spacing: 0.1em;
	text-decoration: none;
	transition: opacity 0.2s, box-shadow 0.2s;
}