@charset "utf-8";

/* BODY */
body{
  margin:0;
  padding:0;
  color:#333;

}

#mainLayout,
.contentsBlock,
.contentsBlock_black{
 margin:0;
 padding:0;

}

.contentsBlock p,
.contentsBlock_black p{
 margin-left:10px;
 margin-right:10px;
}

/* 20230314 追加 */
.fs14{ font-size:14px; }
/* ------------- */

.greenblock{
  margin:0 0 10px;
  padding:5px 7px;
  color:#fff;
  text-shadow:0 1px 1px rgba(51,102,0,0.8);
  background-color:#693;
  text-align:left;

  background: linear-gradient(#693, #9c3);
  border-radius:3px;
}



/* h1 */
:where(h1){
  margin:4px;
  padding:5px 7px;
  color:#fff;
  text-shadow:0 1px 1px rgba(51,102,0,0.8);
  font-size:14px;
  text-align:left;
  background-color:#693;

  background-color: linear-gradient(#693, #9c3);
  border-radius:3px;
  
}

/* index系 header setting */

#headerIndex{ text-align:center; }

:where(#headerIndex h1){
 margin:0;
 padding:3px 0 3px 3px;
 font-size:18px;
 font-weight:bold;
 text-align:center;
 color:#fff;
 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:#ffffff; }
.headword03{ font-size:15px;font-weight:bold; color:#ffffff; }


.title01,
.title02,
.title03,
.title04{
  display:flex;
 flex-direction: column;
  justify-content:center;
  align-items:center;
  box-sizing: border-box;

  margin-bottom:6px;
  padding-top:3px;
  padding-bottom:3px;
  min-height:34px;
  max-height:none;
}
.title01{
  background:#6A0D05;
  background: linear-gradient(#8D4640, #6A0D05);
}

.title02{
  background:#008000;
  background: linear-gradient(#009900, #008000);
}

.title03{
  background:#900;
  background: linear-gradient(#B95050, #900);
}

.title04{
  background:#000066;
}


div[class^="header-indexTitle__wrapper"]{
  padding-top:3px;
  padding-bottom:3px;
  width:100%;
  box-sizing:border-box;

}
.header-indexTitle__wrapper-brown{ background:linear-gradient(#8D4640, #6A0D05); }
.header-indexTitle__wrapper-yellowgreen{ background: linear-gradient(rgba(120, 180, 50, 1), rgba(80, 130, 40, 1)); }
.header-indexTitle__wrapper-green-normal{ background: linear-gradient(#009900, #008000); }
.header-indexTitle__wrapper-green{ background: linear-gradient(rgba(30, 150, 30, 1), rgba(30, 90, 40, 1)); }
.header-indexTitle__wrapper-green2{ background: linear-gradient(rgba(90, 175, 100, 1), rgba(50, 110, 60, 1)); }
.header-indexTitle__wrapper-lightbrown{ background: linear-gradient(#B95050, #900); }


.title01b{
  display:block;
  background:#6A0D05; /* for non-css3 browsers */
  padding:3px 0 3px 3px;
  background: linear-gradient(#8D4640, #6A0D05);
}

.title02b{
  display:block;
  background:#008000; /* for non-css3 browsers */
  padding:3px 0 3px 3px;
  background: linear-gradient(#009900, #008000);
}

.title03b{
  display:block;
  background:#900; /* for non-css3 browsers */
  padding:3px 0 3px 3px;
  background: linear-gradient(#B95050, #900);
}

.title04b{
  display:block;
  background:#000066; /* for non-css3 browsers */
  padding:3px 0 3px 3px;
}


.headword-out01,
.headword-out02,
.headword-out03{
 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;
 text-align:center;
 font-weight:bold;
 color:#fff;
 background:none;
}

span[class^=h1bColor]{
 display:block;
 margin:0;
 padding:4px;
}

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

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

/* form setting */
#smForm{
  margin-top:10px;
  margin-left:auto;
  margin-right:auto;

  padding:10px 5px;
  width:calc(100% - 12px);

  box-sizing:border-box;
  border:1px solid #dcdcdc;

  border-radius:8px 8px 2px 2px;
  box-shadow:1px 1px 1px rgba(0,0,0, 0.6);



}
fieldset{
  margin:7px 0 0;
  padding:5px 0;
  border:0;
}
#smForm p{
  padding:3px 5px;
  width:94%;
}


input{  font-size:16px; }

input[type="text"],
input[type="email"] {
  position:relative;
  display:inline-block;
  box-sizing: border-box;

  margin-top:4px;
  margin-bottom:2px;
  padding-inline:4px;
  height:35px;
  vertical-align:middle;
  outline: 0;

  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

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


input[type="submit"]{
  display:block;
  margin:10px auto;
  width:125px;
  height:35px;
  clear:both;
  text-align:center;

  border:1px solid #000;
  border-radius: 3px;
}

legend,
.kouzaTitle,
.formKtitle dt{
  display:block;
  margin:0 0 3px;
  padding:4px 0 4px 10px;
  width:94%;
  background-color:#f93;

  background: linear-gradient(#ffe4b5, #fff8dc);
  box-shadow:1px 1px 2px #c90;
}

/* smartphone order_form */
#order_button_word{ margin-top:20px; }

/* smartphone_view */
.formKtitle dd{ margin:10px 5px 15px; }


/* smartphone_view */

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

.nameFw{ width:130px; }
.telFw{ width:90px; }
.mailFw{ width:94%; }

.nameFw, .mailFw, .telFw, textarea{

  border:1px solid #777;
  border-radius:4px;
  box-shadow: 1px 1px 1px #fff;

  background: linear-gradient(#eee, #fff);
  border-radius: 4px;
  box-shadow: 1px 1px 1px #dcdcdc;
}

.buttomCenter{
  margin:auto 0;
  text-align:center;
}

.size-16{ font-size:16px; }


/* radio bottom */
.radios {
	column-count: 2;
	column-gap: 10px;
}
.radios legend {
	column-span: all;
}
.radios label {
	display: block;
	margin-left: 10px;
	margin-bottom: 10px;
	break-inside: avoid;
}


.buttomCenter table{ width:100%; }



/* all omake! */
form:after
{
  display:block;
  height:0;
  visibility:hidden;
  content:".";
  clear:both;
}


.tw10{ margin-top:10px; }

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


/* buttom */


#color-a{

 width:100%;
 
 font-weight:700;
 color:#fcfcfc;
 height:50px;
 
 background-image:url("./images/arrow_mark_form.png");
 background-position:90% 50%;
 background-repeat:no-repeat;
 background-size:cover;

 border:1px solid #dcdcdc;
 border-radius:6px;

}


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

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

 font-size:12px;

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

}

#security-text p{
 margin-top:10px;
 padding:auto;
 background-color:transparent;
 color:#333;
 width:63%;

 text-align:left;
 
 float:left;
}

.tel_attention{
  padding-top:5px;
  padding-left:7px;
  padding-right:7px;
  font-size:12px;
}

.tel_attention2{
  padding-top:5px;
  padding-left:7px;
  padding-right:7px;
  font-size:13px;
}

/* Footer link
.footerLinks{
 margin:10px auto 0;
 font-size:14px;
}
 */

/* other */
h3#ccExp-Head{
 font-size:14px;
 text-align:left;
 color:#444;
}

h3#ccExp-Head span{ color:#C00; }


#ccListExp li{
 margin-left:25px;
 line-height:1.3em;

 list-style-position: outside;
}

/* color  */
.red-word{ color:#f00; }


/* 220530 */

.imgCenter{ margin:5px auto; }

.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 10px;
 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:#ff0000;
}



/* 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{ max-width:72%; }
.formLinkStyle03 img,
.formLinkStyle05 img{ width:285px; }
.formLinkStyle04 img{ max-width:72%; }

.formLinkStyle05{
  position: relative;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content:center;
  align-items: center;
  
  margin:0;
  padding:10px 0;

  width:100%;
  
  list-style:none;

}

.formLinkStyle05 > li{ margin-bottom:3px; }


/* 220602 */
.widthmini{
 padding-left:7px;
 padding-right:7px;

}

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

/* 220726  */
/*

:where(#mainLayout h3){
 margin:5px 0;
 padding-top:8px;
 clear:both;
 overflow:hidden;

 font-size: 14px;
 font-weight:bold;
 color: #630;
 text-align: center;
}
*/

/* 230331 見出し追加  */
#mainLayout h2#h2-bigword{
 font-size:16px;
 font-feature-settings: "palt";
 color:#008000;
}

#mainLayout h2#h2-bigword + .bigSize3{ padding-top:0; }



/* 240917追加 */
.userBlock{
 margin-left:6px;
 margin-right:6px;
}

.userBlock img{
 margin-top:2px;
 margin-bottom:4px;
}
.userBlock .photoLeft{ padding-bottom:25px;  }


/* 260508 */
.userTitleBigC{
  margin-top: 0;
  padding-top: 0;
  min-height: 17px;
  height: auto;

  font-size:16px;
  text-align: center;
  color: #060;
}

/* 260814 */
/* ① 通常時の入力欄（クリックしていない状態） */
input[type="text"],
input[type="email"] {
  border: 1px solid #333; /* グレーの枠線 */
  outline: none;          /* ブラウザ標準の水色枠を消す */
}

/* ② 選択・入力中の時（:focus が付いている） */
input[type="text"]:focus,
input[type="email"]:focus {
  border-color: #3182ce;  /* 枠線の色を青に変える */
  box-shadow: 0 0 0 3px rgba(49, 130, 206, 0.2); /* 枠の外側に柔らかい光（影）を出す */
}

/* ENDあ */