@charset "UTF-8";
/*===========================================================
＊ Reset / Normalize
===========================================================*/
/* html5doctor.com Reset Stylesheet v1.6.1 */html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video {margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background:transparent;box-sizing: border-box;}body {line-height:1;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;}nav ul {list-style:none;}blockquote,q {quotes:none;}blockquote:before,blockquote:after,q:before,q:after {content:'';content:none;}a {margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;}/* change colours to suit your needs */ins {background-color:#ff9;color:#000;text-decoration:none;}/* change colours to suit your needs */mark {background-color:#ff9;color:#000;font-style:italic;font-weight:bold;}del {text-decoration: line-through;}abbr[title],dfn[title] {border-bottom:1px dotted;cursor:help;}table {border-collapse:collapse;border-spacing:0;}/* change border colour to suit your needs */hr {display:block;height:1px;border:0;  border-top:1px solid #cccccc;margin:1em 0;padding:0;}input,select {vertical-align:middle;}input:focus,button:focus,textarea:focus {outline: none;-webkit-appearance: none;-moz-appearance: none;appearance: none;}

/*! normalize.css v8.0.0 | MIT License */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}


/*===========================================================
＊ Common
===========================================================*/
html {
  font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
}

textarea:focus {
  background-color: ivory;
}

input, button {
  -webkit-appearance: none;
}
img {
  max-width: 100%;
  height: auto;
}

/*===========================================================
＊ Layout
===========================================================*/
body {
  color: #333;
  line-height: 1.5;
  background-color: #fdf4f5;
  /* background-color: #000;
  background: #000 url(../images/bg.jpeg) 50% 0/100% auto repeat fixed; */
}
header {
  width: 100%;
  background-color: #fff;
}
.wrapper {
  min-height: 100vh;
 /*  max-width: 960px; */
  /* margin: 0 auto 50px; */
  position: relative;
}
header .logo {
  width: 212px;
}
header .logo a {
  display: block;
  height: 78px;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: contain;
  text-indent: -9999px;
  background-image: url(../images/logo.png);
}
.hero {
  position: relative;
}
@media screen and (max-width: 750px){
  .hero {
    overflow: hidden;
  }
}
.hero .obi {
  width: 8.8rem;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
@media screen and (max-width: 750px){
  .hero .obi {
    width: 242px;
  }
}
.hero .wrap {
  width: 11.94rem;
  margin-right: auto;
  margin-left: auto;
  padding: 1.44rem 0 0;
  position: relative;
}
@media screen and (max-width: 750px){
  .hero .wrap {
    width: auto;
    padding: 0.72rem 0 0;
  }
}
.hero .vape60th {
  width: 2.14rem;
  position: absolute;
  top: 0.18rem;
  right: -0.84rem;
}
@media screen and (max-width: 750px){
  .hero .vape60th {
    width: 1.96rem;
    top: 0.07rem;
    right: 0.08rem;
  }
}
.hero .ttl {
  width: 10.78rem;
  margin: 0 auto 92px;
}
@media screen and (max-width: 750px){
  .hero .ttl {
    width: auto;
    margin: 0 -0.15rem;
  }
}
.wrapper h2 {
  color: #333;
  margin-bottom: 30px;
  padding: 8px;
  font-size: 16px;
  border-bottom: 1px solid #333;
}

.wrapper h3 {
  /* margin: 30px 0 25px; */
  font-size: 30px;
  text-align: center;
  padding: 15px 0px;
  letter-spacing: 2px;
  /* background: linear-gradient(45deg, #85C594, #007BB8); */
  background-color:#ed2e23;
  color: #fff;
}
.contents_inner h4{
    background-color: #ed1c25;
    color: white;
    padding: 4px 18px;
    font-size: 18px;
    margin-top: 16px;
}
.wrapper p:not(:last-child) {
      padding: 12px;
      padding-bottom:0px
}

.contents {
  background-color: #FFF;
  /* box-shadow: 0 0 6px #007bb8, 0 0 10px #007bb8, 0 0 6px #007bb8, 0 0 10px #007bb8, 0 0 6px #007bb8, 0 0 10px #007bb8; */
}
.contents_inner {
  /* padding: 0.6rem 0.8rem 1rem; */
}
@media screen and (max-width: 750px){
  .contents_inner {
    /* padding: 0.72rem 0.5rem 0.8rem; */
  }
}
.contents > .annotation {
  margin: 0 30px 30px;
}

/*---------------------------------------------------------
 * table
 *---------------------------------------------------------*/

 table.border {
  border-collapse: collapse;
}
table.border th, table.border td {
  border: 1px solid #999;
}
table.border tr.noborder,
table.border th.noborder,
table.border td.noborder {
    border: 0;
}


/*---------------------------------------------------------
 * Form
 *---------------------------------------------------------*/

.wrapper .contents{
background-color:#fdf4f5;
}

.contents_inner form {
  margin: 0 2% 40px;
  padding:12px;
  width:95%;
  max-width:760px;
  margin:0 auto;
}

.field-group {
  /* display: flex; */
  /* margin-bottom: 30px; */
  padding-bottom:30px;
  flex-wrap: wrap;
  justify-content: space-between;
  flex-direction: row;
  align-content: center;
  align-items: center;
}

.flex-none{
	display:block;
}

.field-group .input input,
.field-group .input select,
.field-group .input textarea,
.field-group .input .confirm,
.field-group .label {
  font-size: 18px;
  line-height: 1.5;
  box-sizing: border-box;
}
@media screen and (max-width: 750px){
  .field-group .input input,
  .field-group .input select,
  .field-group .input textarea,
  .field-group .input .confirm,
  .field-group .label {
    font-size: 18px;
  }
}
.field-group .label {
  /* width: 35%; */
  padding-right:70px;
  position:relative;
}
.field-group .label.required:after {
  content: "必須";
  display: inline-block;
  margin-left: 10px;
  padding: 2px 8px;
  font-size: 14px;
  line-height: 1.2;
  color:  #FF6D31;
  border: 1px solid #fbfbfb;
  background-color: #fbfbfb;
  border-radius: 2px;
  vertical-align: text-top;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
}
.field-group .input {
  /* width: 60%; */
  background-color:white;
}
.field-group .input input,
.field-group .input select,
.field-group .input textarea,
.field-group .input .confirm {
  padding: 8px 16px;
  width: 100%;
  border: 1px solid #999;
  background-color: #fff;
}
.field-group .input textarea {
  height: 150px;
}
.field-group .input select {
  padding: 12px 16px;
}

.field-group .all-width{
	/* width: 85%; */
	margin: 0 auto;
}

.field-group .input .half{
  width: 50%;
}
.field-group .input .quarter{
  width: 25%;
}
.field-group .input .onethird{
  width: 33.33%;
}
.field-group .input .confirm {
  border: 2px solid #ddd;
  background-color: #fff;
}
.field-group .input.error input, 
.field-group .input.error select 
 {
  border-color: #ff7542;
  background-color: #fff0f0;
}
.field-group .annotation {
  padding: 8px 16px 8px 30%;
  width: 95%;
  color: #999;
}
.field-group .warning {
  padding: 8px 16px 8px 30%;
  width: 84%;
  color: #ff4f07;
}
.field-group .attent {
  text-align: left;
  margin: 10px 0;
  font-size: 20px;
  width: 95%;
  color: #ff0800;
}
.field-group .notice {
  font-size: 20px;
  padding: 20px 0;
  text-align: center;
  width: 95%;
  color: #ff0800;
}
.field-group .input input[type="radio"],
.field-group .input input[type="checkbox"] {
  /* display: inline-block; */
  display: none;
  width: 20px;
  height: 20px;
  appearance: auto;
  -moz-appearance: auto;
  -webkit-appearance: radio;
  /* vertical-align: text-bottom; */
  vertical-align: middle !important;
}
.field-group .input label {
  position: relative;
  float: left;
  font-size: 14px;
  padding: 12px 16px 12px 40px;
  margin-right: -2px;
  /* border: 2px solid #999; */
  background-color: #fff;
}
.field-group .input label:before {
  content: "";
  position: absolute;
  box-sizing: border-box;
  display: inline-block;
  margin-right: 10px;
  width: 20px;
  height: 20px;
  top: 12px;
  left: 12px;
  border: 1px solid #999;
  /* border-radius: 50%; */
  vertical-align: text-bottom;
  
}
.field-group .input label:after {
  content: "";
  position: absolute;
  box-sizing: border-box;
  display: inline-block;
  margin-right: 10px;
  width: 18px;
  height: 18px;
  top: 13px;
  left: 13px;
  border: 2px solid #fff;
  /* border-radius: 50%; */
  background-color: #fff;
  vertical-align: text-bottom;
}

.photo_info{
	/*color: #606060;
	width: 100%;
  margin: 48px auto 16px;*/
  padding: 12px;
  background-color: #ffffff;
}
.app_wrap{
	/* border:solid 1px; */
	/* margin:12px 0: */
	
    background-color: white;
}
.app_test{
	padding: 18px;
  width: 80%;
  margin: 0 auto;	
}
@media screen and (max-width: 750px){
  .app_test{
    padding: 15px 10px;
    width: 100%;
    margin: 0;
  }
  .img_td{
	width:25%;
  }
}
.field-group .input .appcnt{
	margin-left: 4px;
    margin-right: 4px;
    width: 15%;
    min-width:180px;
    padding: 6px;
}

.field-group .input .app_cntnum{
	padding: 12px 16px 12px 0px;
	font-size:12px;
}

.keihin_detail{
  margin: 8px 0px;
  font-size: 14px;
}

.keihin_img{
	float:left;
	width:92px;
    padding: 4px;
}

.keihin_mei_td{
	width:100%;
}

@media screen and (max-width: 750px){
  .keihin_detail{
    margin: 8px 0 78px;
  }
    .keihin_mei_td {
    width: 100%;
  }
}
.field-group .input .keihin_detail label {
  font-size: 12px;
}

.keihin_times{
	display: inline-block;
    margin: 0px 5px;
}
@media screen and (max-width: 750px){
  .keihin_times{
    margin: 0;
  }
}

.field-group .input input[type="radio"]:checked + label,
.field-group .input input[type="checkbox"]:checked + label {
  background-color: #f0f4ff;
}
.field-group .input input[type="radio"]:checked + label:before,
.field-group .input input[type="checkbox"]:checked + label:before {
  border-color: #68f;
}
.field-group .input input[type="radio"]:checked + label:after,
.field-group .input input[type="checkbox"]:checked + label:after {
  background-color: #68f;
}
/*
.field-group .input label:before {
  content: "";
  box-sizing: border-box;
  display: inline-block;
  width: 20px;
  height: 20px;
  border: 2px solid #999;
  border-radius: 50%;
  vertical-align: text-bottom;
}
.field-group .input input[type="radio"]:checked + label:before,
.field-group .input input[type="checkbox"]:checked:before + label:before {
  background-color: #999;
}
*/
.field-group .input label:first-of-type {
  /* border-radius: 8px 0 0 8px; */
}
.field-group .input label:last-of-type {
  /* border-radius: 0 8px 8px 0; */
}
input[type="checkbox"] {
  width: 20px;
  height: 20px;
  appearance: auto;
  -moz-appearance: auto;
  -webkit-appearance: checkbox;
  vertical-align: middle !important;
}
.agreement {
  /* text-align: center; */
  /* margin: 40px 0; */
  margin-bottom:22px;
}
.agreement.error .warning {
  color: #ff0800;
}

@media screen and (max-width: 750px){
  .form-fields {
    flex-direction: column;
    align-content: flex-start;
    align-items: flex-start;
  }
  .form-fields .label {
    
  }
  .form-fields .input,
  .form-fields .input input,
  .form-fields .input select,
  .form-fields .input .confirm,
  .form-fields .label {
    /* width: 100% !important; */
  }
  .form-fields .input input#keihinCountAll {
    width: 80% !important;
  }
  .form-fields .input .keihin_detail input {
    width: 35% !important;
  }
  .field-group .input input[type="radio"],
  .field-group .input input[type="checkbox"] {
    /* display: inline-block; */
    display: none;
    width: 20px !important;
  }
  .field-group .input label {
    display: block;
    float: none;
    margin-right: 0;
    margin-bottom: -2px;
  }
  .field-group .input label:first-of-type {
    border-radius: 8px 8px 0 0;
  }
  .field-group .input label:last-of-type {
    border-radius: 0 0 8px 8px;
    margin-bottom: 0;
    font-size: 19px;
    padding: 12px 0 12px 40px;
  }
  
  .field-group .annotation {
    padding: 8px 0;
    width: 100%;
  }
  .field-group .warning {
    padding: 8px 0;
    width: 100%;
  }
}

.feedback.confirm {
  height: auto;
  min-height: 100px;
  border-color: #bbb;
  border-width: 1px;
}

.btn {
  background-color: transparent;
  border: none;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  cursor: pointer;
  display: block;
  font-size: 18px;
  line-height: 1.5;
  width: 300px;
  background-color: #f14950;
  color: #fff;
  font-weight: bold;
  text-align: center;
  padding: 15px 0;
  border-radius: 30px;
  transition: ease .2s;
  box-sizing: border-box;
  /* box-shadow: 0 0 10px rgb(0 0 0 / 60%); */
  margin: 50px auto 0;
}
.btn + .btn {
  /* margin-top: 30px; */
}

.btn:disabled {
    background-color: #b1b1b1;
    border-color: #b1b1b1;
    box-shadow: none;
}

.btn.cancel {
  color: #ed2e23;
  background-color: #fff;
  border: solid 1px;
}

.btn:hover {
  opacity: 0.7;
  transition-duration: 0.5s
}

form .btn:active {
  box-shadow: 1px 1px 3px #999;
}
.btn_pageBack {
  padding: 0;
  background-color: transparent;
  border: none;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  cursor: pointer;
  display: block;
  font-size: 18px;
  width: 300px;
  background-color: #fff;
  border: 1px solid #0095DE;
  font-weight: bold;
  text-align: center;
  padding: 15px 0;
  border-radius: 30px;
  transition: ease .2s;
  box-sizing: border-box;
  margin: 30px auto 0;
}
.btn_pageBack a {
  color: #0095DE;
  text-decoration: none;
}

.message {
  font-size: 1.2em;
  text-align: center;
}

.text-center {
  text-align: center;
}

.pc {
  display: initial;
}
.sp {
  display: none;
}

.wrapper .layout_p {
	text-align:center;
}

.c_red{
	color:red;
}

.pr_t10{
	position:relative;
	top: -10px;
}


/*---------------------------------------------------------
 * Smart device
 *---------------------------------------------------------*/
 @media screen and (max-width: 750px) {
  .pc {
    display: none;
  }
  .sp {
    display: initial;
  }
  .wrapper {
   /*  width: 92%; */
    /* margin-top: 20px; */
  }
  header .logo a {
    height: 58px;
  }
  .wrapper h3 {
    font-size: 32px;
    /* margin: 0 10px 20px; */
    padding: 10px 0;
  }
  .wrapper h2 {
    margin-bottom: 20px;
  }
  .wrapper p {
    font-size: 18px;
  }
  .wrapper > .contents > .annotation {
    margin: 0 10px 30px;
  }
  form {
    margin: 0 10px 30px;
  }
  .field-group .label {
    width: 100%;
    padding-right: 0;
    /* margin-bottom: 10px; */
  }
  .field-group .input {
    width: 100%;
  }
  .field-group .input input::placeholder{
    font-size: 14px;
  }
  .btn {
    width: 100%;
    margin: 8px 0;
  }
  footer {
    font-size: 10px;
    color: #fff;
  }
  footer .copyright {
    padding: 0;
  }
  footer .relations a {
    display: block;
    margin: 0;
    font-size: 10px;
  }
  .pr_t10{
    position:static;
  }
}

.kiyaku {
	max-width: 750px;
  height: 300px;
  margin: 0 auto 20px;
  overflow-y: scroll;
  border: #ccc 1px solid;
  padding: 20px 30px;
  text-align: left;
}
@media screen and (max-width: 750px) {
  .kiyaku {
    padding: 20px 15px;
  }
}
.kiyaku h4 {
  font-size: 16px;
}
@media screen and (max-width: 750px) {
  .kiyaku h4 {
    font-size: 14px;
  }
}
.kiyaku p {
  font-size: 14px;
}
@media screen and (max-width: 750px) {
  .kiyaku p {
    font-size: 12px;
  }
}

#input_agree:disabled{
	color: lightgray;
  vertical-align: middle !important;
}
#input_agree + label,
#input_agree2 + label {
  vertical-align: middle;
  font-size: 14px;
  margin-left: 5px;
}
.small {
  font-size: 14px;
}
.app_wrap p span {
  color: #CF000E;
  font-weight: bold;
  font-size: 20px;
}

.top-attention {
  font-size: 36px;
  font-weight: bold;
  text-align: center;
  background-color: #ff0000;
  color: #fff;
  padding: 20px 0;
}
@media screen and (max-width: 750px) {
  .top-attention {
    font-size: 17px !important;
  }
}



.field-group .input .file-btn::file-selector-button {
	font-weight: bold;
  color: white;
  background: #f04a50;
  font-size: 14px;
  border: 0;
  border-radius: 6px;
  padding: 8px 16px;
  text-align: center;
	display: block;
	width:80%;
	margin:0 auto;
	margin-bottom:4px;
}


.field-group .input .file-btn{
	border:none;
}



/* Safari / iOS Safari 限定のハック */
_::-webkit-full-page-media, _:future, :root .field-group .input .file-btn {
    appearance: none;
    -webkit-appearance: none;
    color: transparent !important;
    background: #f04a50;
    position: relative;
    overflow: hidden;

    /* --- 【修正】真ん中に寄せるための3点セット --- */
    display: block !important;    /* インラインからブロックに変更 */
    width: 80% !important;        /* 横幅を指定 */
    margin: 0 auto 20px !important; /* 中央寄せ + 下に20pxの余白 */

    /* --- 【修正】高さを出し、パツパツを解消 --- */
    height: 50px !important;
    padding: 0 !important;        /* 内部のズレを防ぐため一度リセット */
    border: none !important;
}

/* Safari標準ボタンを消去 */
_::-webkit-full-page-media, _:future, :root .field-group .input .file-btn::-webkit-file-upload-button {
    display: none !important;
}

/* 疑似要素で「ファイルを選択」を中央に固定 */
_::-webkit-full-page-media, _:future, :root .field-group .input .file-btn::before {
    content: "ファイルを選択";
    color: white !important;
    font-weight: bold;
    font-size: 16px; /* 18pxだと大きい場合は16pxで */
    
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    
    width: 100%;
    text-align: center;
    text-indent: 0 !important;
    pointer-events: none;
}




.fl_r{
	float:right;
	padding-right:0;
}

.field-group .fl_r span{
	padding-right:0;
}

.keihin_detail{
	clear:both;
}

.cus_info{
	padding: 12px;
    background-color: white;
    font-size:24px;
}


#kiyaku_h3 {
  /* margin: 30px 0 25px; */
  font-size: 30px;
  text-align: center;
  padding: 15px 0px;
  letter-spacing: 2px;
  /* background: linear-gradient(45deg, #85C594, #007BB8); */
  background-color:#ed2e23;
  color: #fff;
}

#kiyaku .kiyaku_div{
	margin-bottom:27px;
}

#kiyaku .kiyaku_div h4{
	font-size:1.2em;
	font-weight:bold;
}

#kiyaku{
		font-size:1.3em;
	}
	
@media screen and (max-width: 750px) {
	#kiyaku{
		font-size:1.8em;
	}
}


#keihinCountZanP, #keihinCountZan2P{
	display:none;
}

.receipt-label{
	background-color: white;
    padding-top: 14px;
    padding-left: 12px;
}
.add_receipt_area{
background-color: white;
}

.zan_kanou_area{
	padding: 8px;
    border: solid 1px;
    margin: 17px;
    text-align: center;
}
.zan_kanou_area p:first-child{
	font-weight: bold;
    font-size: 2em;
}


/* 各規約のブロック */
.agreement {
  display: flex;
  flex-wrap: wrap; /* 子要素が溢れた時に折り返せるように（エラーメッセージ用） */
  align-items: flex-start; /* 上揃え */
  margin-bottom: 15px;
  font-size:21px;
}

/* チェックボックス本体 */
.agreement input[type="checkbox"] {
  margin-top: 0.3em; /* テキストの1行目と中心を合わせる微調整 */
  margin-right: 10px; /* チェックボックスとテキストの間の余白 */
  flex-shrink: 0; /* チェックボックスが潰れないように固定 */
}

/* ラベルテキスト（ここが肝！） */
.agreement .label.agree {
  flex: 1; /* 残りの幅をすべて使い切る */
  cursor: pointer;
  line-height: 1.6;
  margin: 0; /* 余計なマージンをリセット */
}

/* 「応募規約はこちら」やエラーメッセージを正しく配置 */
.agreement p{
  flex-basis: 100%; /* 横幅いっぱい使わせることで、必ず次の行に落とす */
  margin-left: 35px; /* チェックボックス + margin-right 分の余白を空ける */
  font-size: 0.9em;
}

.agreement a {
  color: #007bff;      /* リンク色（お好みで） */
  text-decoration: underline;
  font-size: 0.9em;
}

.confirm_btn{
  display: flex;          /* 横並びにする */
  justify-content: center; /* 中央に寄せる */
  gap: 20px;              /* ボタン同士の間の隙間（画像に合わせて調整） */
  margin-top: 20px;
}

.con_btn {
  /* ボタン共通の基本スタイル（例） */
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 240px;           /* ボタンの幅（お好みで） */
  height: 60px;          /* ボタンの高さ */
  border-radius: 8px;    /* 角丸 */
  font-weight: bold;
  cursor: pointer;
  transition: opacity 0.2s;
}


.field-group .input .confirm .confirm_keihin{
	padding:12px;
}
.confirm_keihin span{
	display:block;
	text-align:right;
}

.cus_info .input .con_cus_input{
	margin-bottom:16px;
}

/* サムネイル画像のスタイル */
.thumb-preview {
    display: block;
    width: 90%;            /* サイズはお好みで */
    height: auto;
    max-width: 560px;
    margin: 15px auto 10px;  /* ボタンの下に余白を作って中央寄せ */
    border: 2px solid;
    border-radius: 8px;
    object-fit: contain;     /* 画像全体を収める */
    background: #f9f9f9;
}

/* Chromeで「選択されていません」を完全に消す設定（先ほどの話の続き） */
.field-group .input .file-btn {
    color: transparent !important;
}