@charset "utf-8";



#mainTitle{

  display: flex;
  align-items: center;

  margin-top: 2px;
  padding: 0 0 0 15px;
  height: 26px;

  font-size: 14px;

  border: 1px solid #693;
  border-radius: 2px;

  background: #693;
  background: linear-gradient(to bottom, #693 0, #9c3 100%);
  box-shadow: 1px 1px 2px #693;
}

#mainTitle + p { margin: 10px; font-size: 15px; }
#mainContents header p { margin: 10px; }

form, input, textarea {
  -webkit-appearance: none;
  box-sizing: border-box;
}

input, textarea{
  margin: 4px 0;
  padding: 2px;
  height: 35px;
  font-size: 16px;

  border: 1px solid #a9a9a9;  border-radius: 2px;
  
  background: #eee;
  background: linear-gradient(to bottom, #eee 2%, #fff 100%);
  box-shadow: 1px 1px 1px #dcdcdc;
}


input[type=text] {
  position: relative;
  display: inline-block;
  margin-top: 4px;
  margin-bottom: 2px;
  padding-inline: 4px;
  height: 35px;
  vertical-align: middle;
  outline: 0;
  appearance: none;
}

input[type="radio"] {
  margin-right: 3px;
  height: auto;
}

input[type="submit"] {
  display: block;
  margin: 20px auto 15px;
  width: 100%;
  height: 35px;
  overflow: hidden;

  font-size: 15px;

  border: none;
  border-radius: 6px;
  box-shadow: none;
}


#smForm{
  padding: 10px;

  border: 1px solid #dcdcdc;
  border-radius: 8px 8px 2px 2px;

  box-shadow: 1px 1px 1px rgba(0, 0, 0, .6);
}

#smForm dd{ margin:5px 5px 15px; }

.thanks-view{ line-height:150%; }


#info-TextBlock span{
 display:block;
 padding-bottom:5px;
}

fieldset{
  position: relative;
  margin-bottom: 10px;
  border: none;
}

.footerLinks a, .legend-Title { display: block; }

.legend-Title,
legend{
  margin: 5px 0;
  padding: 4px 5px;
  width: 100%;

  border-radius: 2px;

  background: #ffe4b5;
  background: linear-gradient(to right, #ffe4b5 0, #fff8dc 100%);
  box-sizing: border-box;
}

#addrGroup p{ margin-bottom:15px; }

.bWide-A{ width:140px; }
.bWide-B{ width:100px; }
.bWide-F{ width:100%; }


/* send button setting */
#submit-block{
  position: relative;
  margin: 5px auto;
  width: 100%;
  overflow: hidden;
}

#color-a{

  height: 50px;

  font-weight: bold;
  color: #fcfcfc;
  background-image: url("../../img/a/cssImages/arrow_mark_form.png");
  background-position: 90% 50%;
  background-repeat:no-repeat;
  background-size: cover;
}


/* tuika */
#smForm::after,
#submit-block::after {
  content:"";
  display: block;
  clear: both;
}

.saiInfo{ margin:10px 0; }
.saiInfo span{
  display:block;
  margin-bottom:10px;
}

/* footer リンク */

#footer-nav li:nth-child(odd),
#footer-nav li:nth-child(even){ width:calc(50% - 2%); }

#syusei-text {
  display:block;
  margin:30px auto 20px;
  padding:0;
  text-align:center;
}

#security-text{
 margin:5px auto 0;
 padding:5px;
 width:95%;

 border-top:1px solid #dcdcdc;
 border-bottom:1px solid #dcdcdc;
}

#security-text::after{
 content: "";
 display: block;
 clear: both;
}

#security-text p{
  margin-top: 10px;
  padding: auto;
  background-color: transparent;
  color: #333;
  width: calc(100% - 150px);

  text-align: left;
  float:left;
}



/* 220708 */

.contentsBlock{
 margin:0 3px;
 clear:both;
}


/* header setting */
:where(#headerIndex h1, h1) {
  padding: 3px 0 3px 3px;
  color: #fff;
  font-weight: bold;
}

h1 { font-size: 18px; }

#h2-pageCategory{
 padding: 0 0 3px;
 font-size:16px;
 font-weight:bold;
 color:#fff;
}


/* index系 header setting */

#headerIndex{ text-align: center }

#headerIndex h1{
  margin: 0;
  font-size: 18px;
  text-align: center
  background:none;
}


.h1bColor01{ background-color:#6a0d05; }
.h1bColor02{ background-color:#008000; }
.h1bColor03{ background-color:#900; }
.headword01 { font-size: 14px; font-weight: bold; color: #6a0d05; }
.headword02 { font-size: 14px; font-weight: bold; color: #fff; }
.headword03 { color: #fff }

.headword-out01,
.headword-out02,
.headword-out03,
.headword03 {
  font-size: 15px;
  font-weight: bold;
}

/* 茶色：コーヒー、お菓子他 */
.headword-out01{ color:#6a0d05; }

/* 緑：園芸系、食系他 */
.headword-out02{ color:#008000; }

/* 赤茶：紅茶 */
.headword-out03{ color:#900; }



/* claim */

#headerObi h1{
  margin: 4px 0;
  padding:0;

  font-size: 18px;
  font-weight: bold;
  color: #fff;
  text-align:center;

  background:none;
}

span[class^=h1bColor]{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 20px;

  margin: 0;
  padding: 7px 0 4px;
}

.head-Reversal{
  display: flex;
  flex-direction: column-reverse;
}

.head-Reversal #header-ninteiWord{ margin-bottom:5px; }


/* fontsize */
.size15px{ font-size:16px; }


.imgCenter{
  display: block;
  margin: 5px auto;
}


/* Footer Links */

.footerLinks{
  margin: 5px auto 0;
  padding-bottom: 5px;
  list-style: none;

  font-size: 14px;
}

.footerLinks li{
  margin: 0;
  padding: 0;
  width: 50%;
  overflow: hidden;
}

.footerLinks li:nth-child(odd){
  float: left;
  clear: left;
  text-align: right;
}

.footerLinks li:nth-child(even){
  float: right;
  clear: right;
  text-align: left;
}

.footerLinks a{ display:block; }
.footerLinks li:nth-child(odd) a{  padding:5px 15px 5px 0; }
.footerLinks li:nth-child(even) a{ padding:5px 0 5px 15px; }

.footerLinks li:nth-child(2n+1):last-child {
  width: 100%;
  border-bottom: 0;
  text-align: center;
}

.footerLinks li:nth-child(2n+1):last-child a{
  display: block;
  margin: auto;
  width: 50%;
}


/* head word */

.bigSize,
.bigSize2{
  padding: 0 5px 5px;
  font-weight: bold;
  color: #f60;
}

.bigSize3{
  padding: 10px 5px;
  font-weight: bold;
  color: #f60;
}

.bigSize { font-size:18px; }
.bigSize2,
.bigSize3{ font-size:17px; }

.bigSize > .bigSize-Red,
.bigSize2 > .bigSize-Red,
.bigSize3 > .bigSize-Red{
  font-size: 20px;
  color: #f00;
}



/* form Link detail */

.formLinkStyle{
	position:relatvie;
	margin:5px 0 15px;
	padding:0;
	float:left;
	clear:both;
	width:100%;
}

.formLinkStyle li{
	margin:0;
	padding:0;
	width:50%;
	float:left;
	list-style:none;

	text-align:center;
}

.formLinkStyle02,
.formLinkStyle03,
.formLinkStyle04{
	position:relatvie;
	margin:15px 0 20px;
	padding:0;
	clear:both;
	width:100%;
}

.formLinkStyle02 li,
.formLinkStyle03 li,
.formLinkStyle04 li{
	margin:0;
	padding:0;
	width:100%;
	list-style:none;
	text-align:center;
}

.formLinkStyle02 img,
.formLinkStyle03 img,
.formLinkStyle04 img{
  margin: 0;
  padding: 0;
  height: auto;
}

.formLinkStyle02 img,
.formLinkStyle04 img { max-width: 72%; }
.formLinkStyle03 img { width: 285px; }


/* 220602 */
.widthmini {
  font-size: 15px;
  padding-left: 7px;
  padding-right: 7px;
}

.widthmini2{
  font-size: 15px;
  padding: 0 7px 7px;
}

/* mc用特殊設定 220624 */
.imgHeadCenter {
  display: block;
  margin: 0 auto;
}

/* 220816 追加 */
#pageheader h1,
.top-header-border h1 { padding: 0; }
#mainContents header p.topSub-font2,
#mainContents header p[class^=headword-out] { margin: 0; }

.repeat-block .imgCenter {
  display: block;
  margin: 15px auto;
}

/* 240927 page header  */

#pageheader {
  margin-bottom: 8px;
  padding-left: 5px;
  height: 27px;
  overflow: hidden;
  border-bottom: 2px solid #c0c0c0;
  background-image: unset;
}


.pageheader-inner{
  margin-left: auto;
  margin-right: auto;
  padding-top: 4px;
  padding-bottom: 5px;

  min-width: 310px;
  width: calc(100% - 10px);
  max-width: 650px;
  box-sizing: border-box;
  overflow: hidden;
}

#header-infoBlock {
  position: relative;
  box-sizing: border-box;

  padding-top: 10px;
  padding-left: 110px;
  height: 90px;

  font-size: 14px;

  background-image: url(../../img/ab/common/background.png);
  background-size: 650px 300px;
  background-position: 5px -150px;
  background-repeat: no-repeat;
}

@media screen and (max-width:650px) {
  padding-top: 2px;
  height: 90px;
  padding-left: 110px;
}

.page_header_innerbox{
  margin-top:2px;
  margin-bottom:2px;
  padding:5px 3px;

  background: #fcf9f4;
  background: linear-gradient(to bottom, #fcf9f4 0, #faf5eb 46%, #f5edda 100%);
}

.top-header-border-form{
  margin-top: 4px;
  margin-bottom: 7px;
  padding-top: 2px;
  padding-bottom: 2px;

  box-sizing: border-box;
}

.top-header-border-form.header-green{
  border-width: 1px 0;
  border-style: solid;
  border-color: #00995d;

  background-color: #fcfcfc;
  background-image: unset;
}

.top-header-border-form.header-brown{
  border-width: 1px 0;
  border-style: solid;
  border-color: #6a0d05;

  background-color: #fcfcfc;
  background-image: unset;
}

.top-header-border-form.header-lightbrown{
  border-width: 1px 0;
  border-style: solid;
  border-color: #900;

  background-color: #fcfcfc;
  background-image: unset;
}

.header-green .hgroup-position { background-color: #00995d; }
.header-brown .hgroup-position { background-color: #6a0d05; }
.header-lightbrown .hgroup-position { background-color: #900; }


.hgroup-position{

  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 5px;

  padding-top: 7px;
  padding-bottom: 7px;
  mini-height: 40px;
  height: auto;
  box-sizing: border-box;

  color: #fcfcfc;
  -webkit-appearance: none;
}

.text-order-reverse{
  flex-direction: column-reverse;
}


/* END あいうえお */