@charset "utf-8";


html{
  height: 100%;
  font-size: 62.5%;
}

body {
  min-width: 1040px;
  background: #ffffff;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Verdana, Arial, sans-serif;
  font-size: 1.6rem;
  color: #333;
  letter-spacing: 0.08em;
  line-height: 1.8;
  letter-spacing: .08em;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* ヘッダー
--------------------------------------------------*/
.header_block{
  margin: 32px 100px;
}
.header_block_txt{
  margin-top: 32px;
  text-align: center;
}

/* フッター
--------------------------------------------------*/
.footer_block{
  margin: 32px 40px;
}
.footer_block_txt{
  margin-top: 32px;
  text-align: center;
}


/* トップタイトル
------------------------------------------------*/
.toptitle {
	color: #0B680B;
	padding: 0.5em 0;
	border-top: solid 3px #0B680B;
	border-bottom: solid 3px #0B680B;
}
.toptitle:before {
	font-family: "Font Awesome 5 Free";
	content: "\f304";
	color: #0B680B;
	position: relative;
	margin-right : 0.5em;
}


/* フレーム
------------------------------------------------*/
.form-flame{
  overflow: hidden;
  border: 3px solid #bfbfbf;
}
.form-flame + .form-flame{
  margin-top: 20px;
}
.form-flame__block{
  margin: 48px 99px;
}

/* フォーム
------------------------------------------------*/
.form-wrap{
	width: 840px;
	margin: 0 auto;
}
.form-wrap .form-flame{
	border-color: #0B680B;
	box-shadow: none;
}


/* 注文者情報入力フォーム
------------------------------------------------*/
.form-tbl{
  width: 100%;
/*  background: #f4faeb;*/
  border-collapse: collapse;
}


.form-tbl_th{
  position: relative;
  width: calc(100% - 550px);
  padding: 0 0 0 20px;
  font-weight: normal;
  vertical-align: middle;
  align-items: center;
  letter-spacing: normal;
  border-bottom: 1px solid #0B680B;
}

.form-tbl_td{
  word-break: break-all;
  width: 550px;
  padding: 5px 10px;
  border-left: 1px solid #0B680B;
  border-bottom: 1px solid #0B680B;
  background: #fff;
}

/* テーブルタイトル */
.td_title{
  color: #fff;
  font-weight:  bold;
  background: #0B680B;
}


/* フォーム項目欄 */
.form-item{
  display: flex;
  padding: 10px 15px 5px 0;
  justify-content: space-between;
  align-items: center;
}


/* フォーム入力欄 */
.form-data{
  display: flex;
  max-width: 532px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: start;
/**  justify-content: space-between;**/
  align-items: center;
}


/* テキストボックス */
.input_text{
  width: 100%;
  min-height: 40px;
  margin: 9px 0;
  padding: 0 18px;
  border: 1px solid #0B680B;
  border-radius: 4px;
}
.text_ss{
  width: 80px;
}
.text_s{
  width: 126px;
}
.text_m{
  width: 200px;
}
.text_l{
  width: 400px;
}


/* セレクトボックス */
.select-wrap{
  position: relative;
  margin: 9px 0;
}
.select-wrap::before,
.select-wrap::after{
  position: absolute;
  left: 100%;
  pointer-events: none;
  content: "";
}
.select-wrap::before{
  width: 44px;
  height: 100%;
  margin-left: -44px;
  border-radius: 0 4px 4px 0;
  background: #0B680B;
}
.select-wrap::after{
  top: 50%;
  width: 0;
  height: 0;
  margin: -5px 0 0 -32px;
  border-width: 12px 10px 0 10px;
  border-color: #fff transparent transparent transparent;
  border-style: solid;
}

.input_select{
  width: 100%;
  height: 46px;
  padding: 0 42px 0 18px;
  border-radius: 4px;
  border: 1px solid #0B680B;
}
.input_select::-ms-expand{
  display: none;
}
.select_pref{
  width: 210px;
}


/* オプションボタン */
.opt_text {
    margin-left: 10px;
    margin-right: 10px;
}


/* 同意事項 */
.agree-text {
  font-size: 1.3rem;
  text-align: left;
  color: #0B0C66;
}

/* 注意事項 */
.caution-text {
  font-size: 1.5rem;
  font-weight:  bold;
  text-align: left;
  color: #be1309;
}

/* エラーメッセージ */
.error-text {
  font-size: 1.5rem;
  font-weight:  bold;
  text-align: center;
  color: #be1309;
}


/* 入力チェック
--------------------------------------------------*/
.error { color:#d9534f; white-space:nowrap; display:inline; }



/* お届け先入力エリア（表示／非表示）
--------------------------------------------------*/
.SHIPCHK{
    display: inline-block;
    text-align: left;
    padding: 5px 10px;
    cursor: pointer;
    margin: 20px 20px;
}
.SHIPAREA{
/*    background: #0B680B;*/
/*    height: 500px;*/
}

.ship-flame{
  overflow: hidden;
  border: 3px solid #0B680B;
  margin-top: 10px;
  text-align: left;
}


/* 必須アイコン
--------------------------------------------------*/
.hissu{
  display: inline-block;
  width: 40px;
  height: 22px;
  border: 1px solid #d9534f;
  border-radius: 4px;
  background: #d9534f;
  color: #ffffff;
  font-size: 1.2rem;
  text-align: center;
  line-height: 18px;
}


/* エラーメッセージ
--------------------------------------------------*/
.alartStyle{
    border:1px solid #be1309;
    border-radius:5px;
    margin:10px 5px;
}

.alartTitleStyle{
/*    border-radius:5px;*/
    padding:5px 10px 5px 20px;
    font-size:110.5%;
    font-weight:bold; 
    color:#fff;
    background-color:#be1309;
}

.alartTitleStyle .fa {
 margin-right: 5px;
}

.alartTextStyle{
    border-radius:5px;
/*    color:#454545;*/
/*    background-color:#ffff98; */
    padding:10px 10px 10px 20px;
}




/* 商品一覧
------------------------------------------------*/
.order-flame{
  overflow: hidden;
  /*border: 3px solid #bfbfbf;*/
  /*border-radius: 10px;*/
  /*background: #fefffd;*/
  /*box-shadow: 10px 10px 8px -9px rgba(158,158,158,0.8);*/
}
.order-flame + .order-flame{
  margin-top: 20px;
}
.order-flame_block{
  margin: 48px 99px;
}

.order-tbl {
	border-collapse: collapse;
	width:100%;
}
.tbl_top {
	border-top: #be1309 4px solid;
}
.order-tbl_th {
	border-bottom: #0B680B 1px solid;
	text-align: left;
	padding: 10px;
	font-weight: normal;
}
/*
td.t_top {
	border-top: #b3b3b3 4px solid;
}
*/
.order-tbl_td {
	border-bottom: #0B680B 1px solid;
	text-align: left;
	padding: 10px;
}

.align_l {
	text-align: left;
}
.align_c {
	text-align: center;
}
.align_r {
	text-align: right;
}



/*
tr:hover {
    background: #3D80DF;
    color: #FFFFFF;
}
*/


/* 送信
------------------------------------------------*/
/* 確定ボタン */
.submit_btn {
  display: inline-block;
  padding: 0.8em 3em;
  background-color: #0B680B; /* 背景色 */
  box-shadow: 0 2px 0 #073F07; /* 影の太さ・色 */
  border-radius: 10px;
  color: #fff;
  cursor: pointer;
  text-decoration: none; /* 文字の下線を消す */
  font-size: 1.8rem;
  font-weight: bold;
}

/* 確定ボタン ホバー時 */
.submit_btn:hover {
  box-shadow: none;
  transform: translateY(5px);
}

/* 戻るボタン */
.back_btn {
  display: inline-block;
  padding: 0.8em 3em;
  margin: 0 20px;
  background-color: #8FBC8F; /* 背景色 */
  box-shadow: 0 2px 0 #688768 ; /* 影の太さ・色 */
  border-radius: 10px;
  color: #fff;
  cursor: pointer;
  text-decoration: none; /* 文字の下線を消す */
  font-size: 1.8rem;
  font-weight: bold;
}

/* 戻るボタン ホバー時 */
.back_btn:hover {
  box-shadow: none;
  transform: translateY(5px);
}


/* ボタンエリア */
.submit-flame{
  position: relative;
  margin: 60px 0 50px;
/**  margin: 104px 0 66px;**/
  text-align: center;
}



/* -- responsive ------------------------------------------- */

/* 1000pixel start */
@media screen and ( max-width: 1000px ) {

div#thanks {
	width: 95%;
}

}
/* 1000pixel end */