@charset "utf-8";

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
   * メイン
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/* -------------------------------------------------------------------------------------------------
   * セクショニング
/* ---------------------------------------------------------------------------------------------- */

#main {}

#main-contents {}

#main-contents div.body {}

#main-contents .column ~ .column {
  margin-top: 40px;
}

/* :::::::: ブレイクポイント :::::::: */

@media screen and (max-width:1100px) {

}

/* :::::::: ブレイクポイント :::::::: */

@media screen and (max-width:736px) {

#main-contents > .section {
  padding-top: 4em;
  padding-bottom: 4em;
}

#main-contents .column ~ .column {
  margin-top: 20px;
}

}


/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
   * 会員ページ
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/* ----------------------------------------------------------------------------------------------------
   * 共通
/* ------------------------------------------------------------------------------------------------- */

/* ****************************************************************************************************
   * ログイン
**************************************************************************************************** */

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
   * 会員登録がお済みのお客様
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

/* ----------------------------------------------------------------------------------------------------
   * ログインフォーム
/* ------------------------------------------------------------------------------------------------- */

/* * エラーメッセージ
/* ･････････････････････････････････････････････････････････････････････････････････････････････････ */

#login-form .error {
  color: #f00;
}

/* * フォーム
/* ･････････････････････････････････････････････････････････････････････････････････････････････････ */

#login-form div.form {
  padding: 30px;
  background: #f8f8f8;
}

/* :::::::: ブレイクポイント :::::::: */

@media screen and (max-width:736px) {

#login-form div.form {
  padding: 0 0 20px 0;
  background: #f8f8f8;
}

}

#login-form div.form tr,
#login-form div.form td {
  padding: 10px;
}

/* :::::::: ブレイクポイント :::::::: */

@media screen and (max-width:736px) {

#login-form div.form tr,
#login-form div.form td {
  padding: 10px;
  display: block;
}

}

#login-form div.form table.data {
  width: 70%;
  margin-left: auto;
  margin-right: auto;
}

/* :::::::: ブレイクポイント :::::::: */

@media screen and (max-width:1100px) {

#login-form div.form table.data {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
}

/* メールアドレス */

#login-form div.form input.loginmail {
  width: 100%;
}

/* パスワード */

#login-form div.form input.loginpass {
  width: 100%;
}

/* パスワード再発行 */

#login-form div.form .forgetmenot {
  text-align: center;
}

/* ログインボタン */

#login-form div.form div.button {
  margin-top: 20px;
  text-align: center;
}

#login-form div.form div.button input#member_login {
  width: 240px;
  padding: 20px 0;
  color: #fff;
  background-color: #f0ad4e;
  border-color: #eea236;
  border-radius: 4px;
}
#login-form div.form div.button input#member_login:hover {
  cursor: pointer;
  opacity: 0.7;
  transform: 0.3s;
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
   * 会員登録されていないお客様
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */


#register {
  padding-top: 60px;
}

#wholesale .image {
  padding-bottom: 20px;
}

#register div.register {
  padding: 30px;
  background: #f8f8f8;
}

/* ----------------------------------------------------------------------------------------------------
   * 会員登録ボタン
/* ------------------------------------------------------------------------------------------------- */

#register div.register .button {
  text-align: center;
}

#register div.register .button a {
  display: inline-block;
  width: 240px;
  padding: 20px 0;
  color: #fff;
  background-color: #f0ad4e;
  border-color: #eea236;
  border-radius: 4px;
}

#register div.register .button a:hover {
  cursor: pointer;
  opacity: 0.7;
  transform: 0.3s;
  text-decoration: none;
}

/* ****************************************************************************************************
   * 新パスワード取得
**************************************************************************************************** */

#lostpassword-form.section {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
   * パスワード変更フォーム
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

/* ----------------------------------------------------------------------------------------------------
   * エラーメッセージ
/* ------------------------------------------------------------------------------------------------- */

#lostpassword-form .error {
  color: #f00;
}

/* ----------------------------------------------------------------------------------------------------
   * フォーム
/* ------------------------------------------------------------------------------------------------- */

#lostpassword-form div.form {
  padding: 30px;
  background: #f8f8f8;
}

#lostpassword-form div.form table.data {
  width: 70%;
  margin-left: auto;
  margin-right: auto;
}

#lostpassword-form tr,
#lostpassword-form td {
  padding: 10px;
}

/* :::::::: ブレイクポイント :::::::: */

@media screen and (max-width:736px) {

#lostpassword-form div.form {
  padding: 20px 0;
  background: #f8f8f8;
}
#lostpassword-form div.form table.data {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
#lostpassword-form tr,
#lostpassword-form td {
  padding: 10px;
  display: block;
}

}

/* メールアドレス */

#lostpassword-form div.form input.loginmail {
  width: 100%;
}

/* 新しいパスワードを取得ボタン */

#lostpassword-form div.form div.button {
  margin-top: 20px;
  text-align: center;
}

#lostpassword-form div.form div.button input#member_login {
  width: 240px;
  padding: 20px 0;
  color: #fff;
  background-color: #f0ad4e;
  border-color: #eea236;
  border-radius: 4px;
}
#lostpassword-form div.form div.button input#member_login:hover {
  cursor: pointer;
  opacity: 0.7;
  transform: 0.3s;
}

/* メールの内容にしたがってパスワードを変更してください。 */

#lostpassword-form div.form .message {
  text-align: center;
}

/* ----------------------------------------------------------------------------------------------------
   * ログインボタン
/* ------------------------------------------------------------------------------------------------- */

#lostpassword-form div.login {
  text-align: center;
  margin-top: 40px;
}

#lostpassword-form div.login .button a {
  display: inline-block;
  width: 240px;
  padding: 20px 0;
  color: #fff;
  background-color: #f0ad4e;
  border-color: #eea236;
  border-radius: 4px;
}

#lostpassword-form div.login .button a:hover {
  cursor: pointer;
  opacity: 0.7;
  transform: 0.3s;
  text-decoration: none;
}

/* ****************************************************************************************************
   * マイページ
**************************************************************************************************** */

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
   * 会員情報
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

/* ----------------------------------------------------------------------------------------------------
   * ボタン類
/* ------------------------------------------------------------------------------------------------- */

#memberinfo div.button {
  text-align: center;
}

#memberinfo div.button .button a {
  display: inline-block;
  width: 240px;
  padding: 20px 0;
  color: #fff;
  background-color: #f0ad4e;
  border-color: #eea236;
  border-radius: 4px;
  border: 0;
  margin: 20px 20px 0;
}

#memberinfo div.button .button a:hover {
  cursor: pointer;
  opacity: 0.7;
  transition: 0.3s;
}

/* 会員情報編集へ*/
#memberinfo div.button .edit {
  display: table-cell;
}
/* クレジットカード変更はこちら*/
#memberinfo div.button .gotoedit {
  display: table-cell;
}
/* ログアウト*/
#memberinfo div.button .logout {
  display: table-cell;
}

/* :::::::: ブレイクポイント :::::::: */

@media screen and (max-width:736px) {

#memberinfo div.button {
  width: 100%;
  text-align: center;
  display: block;
}

#memberinfo div.button .button {}

#memberinfo div.button .button a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 240px;
  margin-left: auto;
  margin-right: auto;
}

#memberinfo div.button .button a:hover {
  cursor: pointer;
  opacity: 0.7;
  transition: 0.3s;
}

/* ログアウト*/
#memberinfo div.button .logout.button {
  margin-top: 0 !important;
}

/* 会員情報編集へ*/
#memberinfo div.button .edit {
  display: block;
}
/* クレジットカード変更はこちら*/
#memberinfo div.button .gotoedit {
  display: block;
}
/* ログアウト*/
#memberinfo div.button .logout {
  display: block;
}

}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
   * 購入履歴
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

/* ----------------------------------------------------------------------------------------------------
   * 一覧
/* ------------------------------------------------------------------------------------------------- */

#history div.history-area {
  max-height: 800px;
  margin-bottom: 2.85714em;
  padding-right: 20px;
  overflow-y: auto;
}

#history table {
  width: 100%;
  border-collapse: collapse;
}

#history table th {
  padding: 5px;
  font-weight: normal;
  white-space: nowrap;
  border: 1px solid #ccc;
  background-color: #efefef;
}

#history table td {
  padding: 5px;
  border: 1px solid #ccc;
  text-align: center;
}

#history table#history_head {
	margin-bottom: 5px;
}

#history table#history_head ~ table#history_head {
	margin-top: 50px;
}

#history table.retail td.thumbnail {
  width: 80px;
}

#history table.retail td.productname {
  text-align: left;
}

#history table.retail td.productname a {
  padding: 1em;
  text-decoration: none;
  vertical-align: top;
  display: inline-block;
}

#history table.retail td.productname a:hover {
  color: #e72b1d;
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
   * 会員情報編集
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#edit {
/*
  margin-top: -90px;
  padding-top: 60px;
  */
}


/* ----------------------------------------------------------------------------------------------------
   * エラーメッセージ
/* ------------------------------------------------------------------------------------------------- */

#edit .error {
  color: #f00;
}

/* ----------------------------------------------------------------------------------------------------
   * テーブル
/* ------------------------------------------------------------------------------------------------- */

#edit table.data input {
  margin-left: 0.5em;
  margin-right: 0.5em;
}

/* 住所検索 */

#edit table.data input.search-zipcode {
  padding: 0.5em 1em;
}

/* ----------------------------------------------------------------------------------------------------
   * ボタン類
/* ------------------------------------------------------------------------------------------------- */

#edit div.button {
  margin-top: 20px;
  text-align: center;
}

/* トップページへ戻る / 退会する */
#edit div.button input.button {
  width: 240px;
  padding: 20px 0;
  color: #fff;
  background-color: #f0ad4e;
  border-color: #eea236;
  border-radius: 4px;
  display: table-cell;
  margin: 0 20px 20px;
}

#edit div.button input.button:hover {
  cursor: pointer;
  opacity: 0.7;
  transition: 0.3s;
}

/* 更新する*/
#edit div.button input.editmember {
  width: 240px;
  padding: 20px 0;
  color: #fff;
  background-color: #ff6e1e;
  border-color: #eea236;
  border-radius: 4px;
}

#edit div.button input.editmember:hover {
  cursor: pointer;
  opacity: 0.7;
  transition: 0.3s;
}

/* :::::::: ブレイクポイント :::::::: */

@media screen and (max-width:736px) {

/* トップページへ戻る / 退会する */
#edit div.button input.button {
  width: 240px;
  padding: 20px 0;
  color: #fff;
  background-color: #f0ad4e;
  border-color: #eea236;
  border-radius: 4px;
  margin-bottom: 20px;
  font-size: 14px;
}
#edit div.button input.button:hover {
  cursor: pointer;
  opacity: 0.7;
  transition: 0.3s;
}

/* 更新する*/
#edit div.button input.editmember {
  width: 240px;
  padding: 20px 0;
  color: #fff;
  background-color: #ff6e1e;
  border:0;
}

#edit div.button input.editmember:hover {
  cursor: pointer;
  opacity: 0.7;
  transition: 0.3s;
}

}

/* ****************************************************************************************************
   * 新規入会フォーム
**************************************************************************************************** */

/* 必須マーク */

#newmember-form .required,
#newmember-form table.data th em {
  color: #f00;
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
   * フォーム
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

/* ----------------------------------------------------------------------------------------------------
   * エラーメッセージ
/* ------------------------------------------------------------------------------------------------- */

#newmember-form .error {
  color: #f00;
}

/* ----------------------------------------------------------------------------------------------------
   * テーブル
/* ------------------------------------------------------------------------------------------------- */

#newmember-form table.data input {
  margin-left: 0.5em;
  margin-right: 0.5em;
}

/* 住所検索 */

#newmember-form table.data input.search-zipcode {
  padding: 0.5em 1em;
	color:#333;
}

/* セレクトメニュー */

#newmember-form table.data select {
  width: auto;
}

/* ----------------------------------------------------------------------------------------------------
   * 送信ボタン
/* ------------------------------------------------------------------------------------------------- */

#newmember-form div.form div.button {
  margin-top: 40px;
  text-align: center;
}

#newmember-form div.form div.button input[type=submit] {
  width: 240px;
  padding: 20px 0;
  color: #fff;
  background-color: #f0ad4e;
  border-color: #eea236;
  border-radius: 4px;
}
#newmember-form div.form div.button input[type=submit]:hover {
  cursor: pointer;
  opacity: 0.7;
  transform: 0.3s;
}

/* ****************************************************************************************************
   * 登録完了ページ
**************************************************************************************************** */

.membercompletion .section {
  width: 740px;
  margin-left: auto;
  margin-right: auto;
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
   * ヘッダー
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

.membercompletion div.header .message {
  margin-bottom: 3em;
  font-size: 1.25em;
  margin-left: auto;
  margin-right: auto;
  display: table;
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
   * ボタン類
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

.membercompletion div.button {
  text-align: center;
}

.membercompletion div.button .button a {
	display: inline-block;
  padding: 1.071428em 2.14286em;
  text-decoration: none;
	background-color: #efefef;
	border: none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-transition: .3s ease all;
	-moz-transition: .3s ease all;
	-o-transition: .3s ease all;
	transition: .3s ease all;
}

.membercompletion div.button .button a:hover {
	background-color: #ddd;
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
   * クレジットカード更新
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#wc_member_update_settlement {
  max-width: 1140px;
  margin: 0 auto;
  padding-top: 60px;
  padding-bottom: 60px;
}

#wc_member_update_settlement .entry #memberpages {
  max-width: 1140px;
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
}

/* :::::::: ブレイクポイント :::::::: */

@media screen and (max-width:1100px) {

#wc_member_update_settlement {
  max-width: 1140px;
  margin: 0 auto;
  padding:60px 10px; 
}

#wc_member_update_settlement .entry #memberpages {
  max-width: 1140px;
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
}

}

/* ----------------------------------------------------------------------------------------------------
   * タイトル
/* ------------------------------------------------------------------------------------------------- */

#wc_member_update_settlement .member_page_title {
  position: relative;
  font-size: 18px;
  font-weight: bold;
  padding: 0 0 10px 15px;
  border-bottom: 1px solid #bbbbbb;
}

#wc_member_update_settlement .member_page_title:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 8px;
  height: 35px;
  background: #ff6e1e;
}


/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
   * ボタン類
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#wc_member_update_settlement .send {}

/* ----------------------------------------------------------------------------------------------------
   * 更新ボタン
/* ------------------------------------------------------------------------------------------------- */

#wc_member_update_settlement input[type="button"] {
  display: inline-block;
  width: 240px;
  padding: 20px 0;
  color: #fff;
  background-color: #f0ad4e;
  border-color: #eea236;
  border-radius: 4px;
  margin: 20px 20px 0;
}

/* ----------------------------------------------------------------------------------------------------
   * 会員情報ページへ戻る
/* ------------------------------------------------------------------------------------------------- */



/* ----------------------------------------------------------------------------------------------------
   * トップページへ戻る
/* ------------------------------------------------------------------------------------------------- */

body.page-id-9 
#contact.section {
  padding-top: 60px;
  padding-bottom: 60px;
}