@charset "UTF-8";
@import "./pc.css";

/*==============================================================================
■Auther：Spice Labs Inc.
■Content：共通クラス
■Note：
■Outline-----------------------------------------------------------------------

　1.基本要素　
  1-1= テキスト
  1-2= アイコン
  1-3= 整列とマージン
  1-4= リンク・ボタン
  1-5= リスト
  1-6= ボーダー
  1-7= フォーム

　2.共通パーツ　
  2-1= パンくずリスト
  2-2= 見出し
  2-3= レシピ表示枠
  2-4= レシピ　カテゴリーアイコン
  2-5= ページ送り
  2-6= これに決めた
  2-7= ユーザーアイコン
  2-8= SNS
  2-9= 早耳チェック
  2-10= トースト
  2-11=BOXスタイル
  2-12=フリーHTMLエリア


==============================================================================*/
/*------------------------------------------------------------------------------ 1-1= テキスト*/
/**********************************************************

  　　　<p>…　14px, 1.5em

**********************************************************/
.bold {
  font-weight: bold;
}

.normal {
  font-weight: normal;
}

.red {
  color: #F00;
}

.lightGray {
  color: #666;
}

.orange {
  color: #ff6600;
}

.brown {
  color: #591D13;
}

.txt10 {
  font-size: 10px;
}

.txt11 {
  font-size: 11px;
}

.txt12 {
  font-size: 12px;
}

.txt13 {
  font-size: 13px;
}

.txt14 {
  font-size: 14px;
}

.txt16 {
  font-size: 16px;
}

.txt18 {
  font-size: 18px;
}

.txt20 {
  font-size: 20px;
}

.txt24 {
  font-size: 24px;
}

.txt26 {
  font-size: 26px;
}

/*------------------------------------------------------------------------------ 1-2= アイコン*/
.iconNew {
  background: url(../images/icon_new.gif) no-repeat;
  float: left;
  height: 18px;
  margin-top: 3px;
  padding-left: 48px;
  vertical-align: middle;
}

.iconDish,
.iconSideD,
.iconMenu,
.iconParty,
.iconSpeedy,
.iconHealthy,
.iconSweets,
.iconMisc,
.iconHome,
.iconFav,
.iconOut,
.iconSnack,
.iconEtc,
.iconPresent {
  height: 17px;
  padding-left: 26px;
  vertical-align: middle;
}

.iconTime,
.iconCal,
.iconSalt {
  height: 20px;
  padding-left: 35px;
}

.iconPrint,
.iconMail {
  height: 26px;
  padding-left: 40px;
}

/*　safari用　*/
::i-block-chrome, .iconDish,
::i-block-chrome, .iconSideD,
::i-block-chrome, .iconMenu,
::i-block-chrome, .iconParty,
::i-block-chrome, .iconSpeedy,
::i-block-chrome, .iconHealthy,
::i-block-chrome, .iconSweets,
::i-block-chrome, .iconMisc,
::i-block-chrome, .iconPrint,
::i-block-chrome, .iconMail,
::i-block-chrome, .iconTime,
::i-block-chrome, .iconCal,
::i-block-chrome, .iconSalt,
::i-block-chrome, .iconHome,
::i-block-chrome, .iconFav,
::i-block-chrome, .iconOut,
::i-block-chrome, .iconSnack,
::i-block-chrome, .iconEtc,
::i-block-chrome, .iconPresent {
  margin-top: 2px;
}

/*------------------------------------------------------------------------------ 1-3= 整列とマージン*/
.alignLeft {
  text-align: left;
}

.alignCenter {
  text-align: center;
}

.alignRight {
  text-align: right;
}

.floatLeft {
  float: left;
}

.floatRight {
  float: right;
}

.center {
  margin-left: auto;
  margin-right: auto;
}

.clear {
  clear: both;
}

.mb0 {
  margin-bottom: 0;
}

.mb2 {
  margin-bottom: 2px;
}

.mb5 {
  margin-bottom: 5px;
}

.mb8 {
  margin-bottom: 8px;
}

.mb10 {
  margin-bottom: 10px;
}

.mb15 {
  margin-bottom: 15px;
}

.mb20 {
  margin-bottom: 20px;
}

.mb22 {
  margin-bottom: 22px;
}

.mb25 {
  margin-bottom: 25px;
}

.mb30 {
  margin-bottom: 30px;
}

.mb35 {
  margin-bottom: 35px;
}

.mb40 {
  margin-bottom: 40px;
}

.mb45 {
  margin-bottom: 45px;
}

.mb50 {
  margin-bottom: 50px;
}

.mb54 {
  margin-bottom: 54px;
}

.mb60 {
  margin-bottom: 60px;
}

.mb70 {
  margin-bottom: 70px;
}

.mb80 {
  margin-bottom: 80px;
}

.mr0 {
  margin-right: 0;
}

.mr2 {
  margin-right: 2px;
}

.mr5 {
  margin-right: 5px;
}

.mr8 {
  margin-right: 8px;
}

.mr10 {
  margin-right: 10px;
}

.mr15 {
  margin-right: 15px;
}

.mr20 {
  margin-right: 20px;
}

.mr30 {
  margin-right: 30px;
}

.ml5 {
  margin-left: 5px;
}

.ml10 {
  margin-left: 10px;
}

.ml15 {
  margin-left: 15px;
}

.mt5 {
  margin-top: 5px;
}

.mt10 {
  margin-top: 10px;
}

.mt15 {
  margin-top: 15px;
}

.pb0 {
  padding-bottom: 0;
}

.pb5 {
  padding-bottom: 5px;
}

.pb10 {
  padding-bottom: 10px;
}

.pb20 {
  padding-bottom: 20px;
}

.pb30 {
  padding-bottom: 30px;
}

.rB18 {
  height: 18px;
  position: relative;
}

.rB23 {
  height: 23px;
  position: relative;
}

.rB36 {
  height: 36px;
  position: relative;
}

/*　ボタンが2個並ぶ　*/
.btnTwoCol {
  float: left;
  height: 36px;
  margin: 0 auto;
  position: relative;
  left: 50%;
}

.btnTwoCol li {
  float: left;
  height: 36px;
  margin-right: 24px;
  position: relative;
  right: 50%;
}

/*中央揃えのボタンのBOX*/
.btnOneCol {
  margin: 0 auto;
  width: 140px;
}

/*------------------------------------------------------------------------------ 1-4= リンク・ボタン*/
/**********************************************************
  リンク
**********************************************************/
.underLine a {
  text-decoration: underline;
}

.underLine a:hover {
  text-decoration: none;
}

/**********************************************************
  矢印
**********************************************************/
.arrow {
  margin-left: 5px;
  vertical-align: middle;
}

/**********************************************************
  ボタン
**********************************************************/
.btn {
  background: url(../images/btn.png) no-repeat;
  display: block;
  border: none;
  cursor: pointer;
  white-space: nowrap;
}

input.btn {
  display: inline;
}

/**********************************************************
　a系
**********************************************************/
/*共通これに決めたボタン*/
a.btnSet {
  height: 18px;
  width: 80px;
  z-index: 1;
}

a.btnSet:hover {
  background-position: 0 -18px;
}

/*レシピ詳細コレに決めた*/
a.btnCondition {
  background-position: -390px -120px;
  height: 30px;
  margin: 0 auto;
  width: 140px;
}

a.btnCondition:hover {
  background-position: -390px -150px;
}

/*コレに決めた 更新する*/
a.btnReLoad {
  background-position: 0 -200px;
  height: 36px;
  margin: 0 auto;
  width: 169px;
}

a.btnReLoad:hover {
  background-position: 0 -236px;
}

/*応募はこちらから*/
a.btnEntry {
  background-position: -147px -120px;
  height: 23px;
  position: absolute;
  top: 0;
  right: 0;
  width: 124px;
}

a.btnEntry:hover {
  background-position: -147px -143px;
}

/*まとめを編集する・新しくまとめをつくる*/
a.btnEditColectionShow,
a.btnMakeCollectionShow {
  background-position: -294px -57px;
  height: 26px;
  width: 140px;
}

a.btnMakeCollectionShow {
  background-position: -436px -57px;
}

a.btnEditColectionShow:hover {
  background-position: -294px -83px;
}

a.btnMakeCollectionShow:hover {
  background-position: -436px -83px;
}

/*このまとめを保存する*/
a.btnSave {
  background-position: -265px -380px;
  height: 36px;
  width: 200px;
}

a.btnSave:hover {
  background-position: -265px -416px;
}

/*レシピまとめ編集*/
a.btnEditCollection {
  background-position: -500px 0;
  height: 20px;
  width: 40px;
}

a.btnEditCollection:hover {
  background-position: -500px -20px;
}

/*レシピまとめ削除*/
a.btnDeleteGlay {
  background-position: -550px 0;
  height: 20px;
  width: 40px;
}

a.btnDeleteGlay:hover {
  background-position: -550px -20px;
}

/*バナータイプのボタン*/
a.btnMakeCollection {
  background-position: 0 -880px;
  height: 60px;
  width: 650px;
}

a.btnMakeCollection:hover {
  background-position: 0 -940px;
}

a.btnMakeColectionSelf {
  background-position: 0 -755px;
  height: 60px;
  width: 650px;
}

a.btnMakeColectionSelf:hover {
  background-position: 0 -815px;
}

/*HOMEへ*/
a.btnHome {
  background-position: -600px -510px;
  height: 36px;
  width: 140px;
}

a.btnHome:hover {
  background-position: -600px -546px;
}

/*マイページへ*/
a.btnMyPage {
  background-position: -740px -510px;
  height: 36px;
  width: 140px;
}

a.btnMyPage:hover {
  background-position: -740px -546px;
}

/*マイページへ その2*/
a.btnMyPage2 {
  background: url(../images/btn_recipeollection_last.gif) no-repeat -200px 0;
  height: 36px;
  width: 200px;
}

a.btnMyPage2:hover {
  background-position: -200px -36px;
}

/*レシピまとめトップへ*/
a.btnCollectionTop {
  background: url(../images/btn_recipeollection_last.gif) no-repeat 0 0;
  height: 36px;
  width: 200px;
}

a.btnCollectionTop:hover {
  background-position: 0 -36px;
}

/*マイページプロフィール編集*/
a.btnEditSelf {
  background-position: 0 -604px;
  height: 20px;
  width: 155px;
}

a.btnEditSelf:hover {
  background-position: 0 -624px;
}

a.btnPicEditSelf {
  background-position: 0 -644px;
  height: 20px;
  width: 155px;
}

a.btnPicEditSelf:hover {
  background-position: 0 -664px;
}

/*今すぐ会員登録する*/
a.btnRegPresent {
  background-position: -147px -58px;
  height: 26px;
  width: 140px;
}

a.btnRegPresent:hover {
  background-position: -147px -84px;
}

/*オレンジページnetに会員登録するモニター会員とは*/
a.btnRegBrownMoniter {
  background-position: -690px 0px;
  height: 70px;
  margin: 0 auto 40px;
  width: 310px;
}

a.btnRegBrownMoniter:hover {
  background-position: -690px -70px;
}

/*タイアップ　応募する*/
a.btnEntryEvent {
  background-position: -470px -380px;
  height: 46px;
  margin: 0 auto;
  width: 310px;
}

a.btnEntryEvent:hover {
  background-position: -470px -426px;
}

/*タイアップ　もっと見る*/
a.btnMoreEvent {
  background-position: -530px -200px;
  height: 36px;
  margin: 0 auto;
  width: 200px;
}

a.btnMoreEvent:hover {
  background-position: -530px -236px;
}

/*マイページ　キャンセル*/
a.btnCancel {
  background-position: -200px -585px;
  height: 36px;
  width: 140px;
}

a.btnCancel:hover {
  background-position: -200px -621px;
}

/*マイページ　削除*/
a.btnDeleteBrown {
  background-position: -784px -380px;
  height: 36px;
  width: 140px;
}

a.btnDeleteBrown:hover {
  background-position: -784px -416px;
}

/*編集する*/
a.btnEdit {
  background-position: -330px -200px;
  height: 36px;
  width: 200px;
}

a.btnEdit:hover {
  background-position: -330px -236px;
}

/*公開する*/
a.btnShow {
  background-position: -330px -275px;
  height: 36px;
  width: 200px;
}

a.btnShow:hover {
  background-position: -330px -311px;
}

/*公開する（茶色）*/
input.btnShowBrown,
a.btnShowBrown {
  background-position: -330px -275px;
  height: 36px;
  width: 200px;
}

input.btnShowBrown:hover,
a.btnShowBrown:hover {
  background-position: -330px -311px;
}

/*詳細はこちら(オレンジページnetモニター会員とは)*/
a.btnDetailRight {
  background-position: -117px 0;
  height: 18px;
  right: 10px;
  position: absolute;
  width: 93px;
}

a.btnDetailRight:hover {
  background-position: -117px -18px;
}

/*詳細はこちら*/
a.btnDetail {
  background-position: -117px 0;
  height: 18px;
  width: 93px;
}

a.btnDetail:hover {
  background-position: -117px -18px;
}

/*詳細・購入はこちら 右カラム本*/
a.btnDetaiBuy {
  background-position: -247px 0;
  height: 26px;
  width: 132px;
}

a.btnDetaiBuy:hover {
  background-position: -247px -18px;
}

/*削除用のバツボタン*/
a.delIcon {
  background-position: 0 -700px;
  display: block;
  height: 18px;
  top: 2px;
  position: absolute;
  right: 2px;
  width: 18px;
  z-index: 9999;
}

a.delIcon:hover {
  background-position: 0 -718px;
}

/*W140戻るボタン*/
a.btnBack {
  background-position: -880px -510px;
  height: 36px;
  width: 140px;
}

a.btnBack:hover {
  background-position: -880px -546px;
}

/*確認する*/
a.btnConfirm {
  background-position: -1020px -510px;
  height: 36px;
  width: 140px;
}

a.btnConfirm:hover {
  background-position: -1020px -546px;
}

/*確認する2*/
input.btnConfirmA,
a.btnConfirmA {
  background-position: -530px -275px;
  width: 200px;
  height: 36px;
}

input.btnConfirmA:hover,
a.btnConfirmA:hover {
  background-position: -530px -311px;
}

/*レシピを追加する*/
a.btnRecipe {
  background-position: -930px -200px;
  height: 36px;
  width: 200px;
}

a.btnRecipe:hover {
  background-position: -930px -236px;
}

/*ファイル登録*/
a.btnRegPic {
  background-position: -18px -700px;
  height: 20px;
  width: 120px;
}

a.btnRegPic:hover {
  background-position: -18px -720px;
}

/*公開する*/
a.btnShow {
  background-position: -200px -657px;
  height: 35px;
  margin: 0 auto;
  width: 140px;
}

a.btnShow:hover {
  background-position: -200px -693px;
}

/*コレに決めた！（白）*/
a.btnSetWhite {
  background-position: -345px -693px;
  height: 20px;
  width: 110px;
}

a.btnSetWhite:hover {
  background-position: -345px -713px;
}

/*まとめを作る*/
a.btnSummary {
  background-position: -455px -693px;
  height: 20px;
  width: 90px;
}

a.btnSummary:hover {
  background-position: -455px -713px;
}

/*投稿・モニター・プレゼント*/
a.btnEvent {
  background-position: -545px -693px;
  height: 20px;
  width: 180px;
}

a.btnEvent:hover {
  background-position: -545px -713px;
}

/*マイページ*/
a.btnMypage {
  background-position: -725px -693px;
  height: 20px;
  width: 90px;
}

a.btnMypage:hover {
  background-position: -725px -713px;
}

/*プレゼント*/
a.btnPresent {
  background-position: -815px -693px;
  height: 20px;
  width: 120px;
}

a.btnPresent:hover {
  background-position: -815px -713px;
}

/*モニター会員とは*/
a.btnMonitor {
  background-position: -935px -693px;
  height: 20px;
  width: 120px;
}

a.btnMonitor:hover {
  background-position: -935px -713px;
}

a.btnMember, a.btnVisitor, a.btnSurveyResult {
  background: url(../images/btn_active_cr.png) 0 0 no-repeat;
  display: block;
}

a.btnMember {
  background-position: 0px 0px;
  height: 26px;
  width: 140px;
}

a.btnMember:hover {
  background-position: 0px -26px;
}

a.btnVisitor {
  background-position: -140px 0px;
  height: 26px;
  width: 140px;
}

a.btnVisitor:hover {
  background-position: -140px -26px;
}

a.btnSurveyResult {
  background-position: -280px 0px;
  height: 26px;
  width: 210px;
}

a.btnSurveyResult:hover {
  background-position: -280px -26px;
}

/**********************************************************
　input系
**********************************************************/
/*ログインボタン*/
input.btnLogin {
  background-position: 0px -455px;
  height: 26px;
  width: 120px;
}

input.btnLogin:hover {
  background-position: 0px -481px;
}

/*送信ボタン*/
input.btnSubmit {
  background-position: -535px -120px;
  height: 28px;
  width: 72px;
}

input.btnSubmit:hover {
  background-position: -535px -148px;
}

/*再設定*/
input.btnReset {
  background-position: -194px -301px;
  height: 27px;
  width: 72px;
}

input.btnReset:hover {
  background-position: -194px -328px;
}

input.btnShowBox {
  background-position: 0 -380px;
  height: 36px;
  width: 260px;
}

input.btnShowBox:hover {
  background-position: 0 -416px;
}

/**********************************************************
　検索系
**********************************************************/
input.btnSearchWhite {
  background-position: 0 -114px;
  height: 28px;
  width: 72px;
}

input.btnSearchWhite:hover {
  background-position: 0 -142px;
}

.btnSearch,
.btnSearchCollection {
  background: url(../images/btn.png) no-repeat;
  border: none;
  cursor: pointer;
  overflow: hidden;
  padding: 0;
  white-space: nowrap;
}

input.btnSearch {
  background-position: 0 -58px;
  height: 28px;
  width: 72px;
}

input.btnSearch:hover {
  background-position: 0 -86px;
  background: url(../images/btn.png) no-repeat;
  border: none;
  cursor: pointer;
  overflow: hidden;
  padding: 0;
  white-space: nowrap;
}

input.btnSearch_h {
  background-position: 0 0;
  background: url(../images/btn_header_srch.png) no-repeat;
  border: none;
  cursor: pointer;
  overflow: hidden;
  padding: 0;
  white-space: nowrap;
  height: 26px;
  width: 66px;
}

input.btnSearch_h:hover {
  background-position: 0 -26px;
  border: none;
  cursor: pointer;
  overflow: hidden;
  padding: 0;
  white-space: nowrap;
}

.searchRecipe input.btnSearchWhite {
  background: url(../images/btn_recipetop_srch.png) no-repeat;
  background-position: 0 0;
  border: none;
  cursor: pointer;
  overflow: hidden;
  padding: 0;
  white-space: nowrap;
  height: 46px;
  width: 66px;
}

.searchRecipe input.btnSearchWhite:hover {
  background-position: 0 -46px;
  border: none;
  cursor: pointer;
  overflow: hidden;
  padding: 0;
  white-space: nowrap;
}

input.btnSearchCollection {
  background-position: -76px -58px;
  height: 36px;
  width: 64px;
}

input.btnSearchCollection:hover {
  background-position: -76px -94px;
}

/*絞り込む*/
input.btnRefineSearch {
  background: url(../images/btn_narrowdown.png) no-repeat;
  background-position: 0 0;
  height: 36px;
  width: 96px;
}

input.btnRefineSearch:hover {
  background-position: 0 -36px;
}

/*レシピまとめ検索*/
input.btnSearchCollectionIndex {
  background-position: -194px -242px;
  height: 26px;
  width: 120px;
}

input.btnSearchCollectionIndex:hover {
  background-position: -194px -268px;
}

/*（レシピを）印刷する*/
input.print {
  background-position: -480px -585px;
  height: 36px;
  width: 140px;
}

input.print:hover {
  background-position: -480px -621px;
}

/*確認する*/
input.btnConfirm {
  background-position: -530px -275px;
  height: 36px;
  width: 200px;
}

input.btnConfirm:hover {
  background-position: -530px -311px;
}

/*編集する*/
input.btnEdit {
  background-position: -330px -200px;
  height: 36px;
  width: 200px;
}

input.btnEdit:hover {
  background-position: -330px -236px;
}

/*投稿する*/
input.btnContribute {
  background-position: -730px -275px;
  height: 36px;
  width: 200px;
}

input.btnContribute:hover {
  background-position: -730px -311px;
}

input.btnClose {
  background-position: -730px -200px;
  height: 36px;
  width: 200px;
}

input.btnClose:hover {
  background-position: -730px -236px;
}

/**********************************************************
　登録フォーム系
**********************************************************/
/*次へ*/
input.btnNextStep {
  background-position: 0 -275px;
  height: 50px;
  width: 170px;
}

input.btnNextStep:hover {
  background-position: 0 -325px;
}

/*コメントする*/
a.btnComment,
input.btnComment {
  background-position: -294px -120px;
  height: 26px;
  width: 90px;
}

a.btnComment:hover,
input.btnComment:hover {
  background-position: -294px -146px;
}

input.btnAcceptNext,
input.btnNextGray,
input.btnBackGray,
input.btnBack {
  height: 36px;
  width: 200px;
}

/*規約に同意して次へ*/
input.btnAcceptNext {
  background-position: 0px -510px;
}

input.btnAcceptNext:hover {
  background-position: 0px -546px;
}

/*次へ*/
input.btnNextGray {
  background-position: -200px -510px;
}

input.btnNextGray:hover {
  background-position: -200px -546px;
}

/*戻る*/
input.btnBackGray {
  background-position: -400px -510px;
}

input.btnBackGray:hover {
  background-position: -400px -546px;
}

/*退会する*/
input.btnwWithdrawal {
  background-position: -340px -585px;
  height: 36px;
  width: 140px;
}

input.btnwWithdrawal:hover {
  background-position: -340px -621px;
}

/*オレンジページnet会員に登録する(無料)*/
.btnRegBrownLarge {
  background: url(../images/btn.png) no-repeat;
  background-position: -690px 0px;
  display: block;
  height: 70px;
  margin: 0 auto;
  width: 310px;
}

.btnRegBrownLarge:hover {
  background-position: -690px -70px;
}

/*オレンジページnet会員に登録する(無料)POPUPページ*/
.btnRegBrownSmall {
  background-position: -664px -755px;
  height: 60px;
  width: 220px;
}

.btnRegBrownSmall:hover {
  background-position: -664px -815px;
}

/*触らないレシピまとめを作る用*/
.dropSummaryBtn input,
.dropSummaryBtn a {
  background-position: -375px 0;
  height: 18px;
  width: 124px;
}

.dropSummaryBtn a:hover {
  background-position: -375px -18px;
}

/*------------------------------------------------------------------------------ 1-5= リスト*/
ul.disc {
  padding-left: 20px;
}

ul.disc li {
  line-height: 1.5;
  list-style-type: disc;
}

ol.decimal {
  padding-left: 20px;
}

ol.decimal li {
  line-height: 1.5;
  padding: 10px;
  list-style-type: decimal;
}

/*茶色ドットリスト*/
.listDotBrown {
  padding-left: 12px;
}

.listDotBrown li {
  background: url(../images/icon_dot_brown.png) no-repeat 0 2px;
  margin-bottom: 20px;
  padding-left: 17px;
}

/*グレードットリスト*/
.listDotGray li {
  background: url(../images/book_list_dot01.png) no-repeat scroll 3px 6px transparent;
  border-bottom: 1px dotted #000000;
  margin-bottom: 14px;
  padding: 0 8px 14px 20px;
  line-height: normal;
}

.listDotGray li a {
  text-decoration: none;
}

.listDotGray li a:hover {
  text-decoration: underline;
}

/*オレンジ▶リスト*/
.listorange {
  padding-left: 12px;
}

.listorange li {
  background: url(../images/icon_arrow_orange.png) no-repeat 0 2px;
  margin-bottom: 20px;
  padding-left: 17px;
}

ul li.last {
  margin-bottom: 0;
  margin-right: 0;
}

/*------------------------------------------------------------------------------ 1-6= ボーダー*/
.borderBottom {
  border-bottom: 1px #591D13 dotted;
  margin-bottom: 15px;
  padding-bottom: 30px;
}

/*------------------------------------------------------------------------------ 1-7= フォーム*/
/*入力欄　装飾*/
.inputText {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  border: 1px #ccc solid;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  box-shadow: inset 1px 1px 4px #e6e6e6;
  padding: 5px;
  font-size: 14px;
  line-height: 1;
}

div.inputText {
  display: block;
  width: 402px;
  height: 182px;
  margin: 0;
  padding: 0;
  border: 0;
  overflow: hidden;
  box-shadow: none;
}

div.inputText pre {
  display: block;
  width: 380px;
  height: 160px;
  margin: 0;
  padding: 10px;
  border: 0;
  white-space: pre-wrap;
  word-wrap: break-word;
  overflow: hidden;
  overflow-y: auto;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  border: 1px #ccc solid;
}

/*入力欄の長さ調節用 .inputTextと一緒に指定 */
.w240 {
  width: 240px;
}

.w280 {
  width: 280px;
}

.w400 {
  width: 400px;
}

.w405 {
  width: 405px;
}

.w445 {
  width: 445px;
}

.w614 {
  width: 614px;
}

/*必須*/
.must {
  font-size: 12px;
  font-weight: normal;
  color: #F15200;
  padding-left: 5px;
  vertical-align: middle;
}

/**********************************************************
  フォーム用メッセージエリア　説明とエラー表示を含む
**********************************************************/
.alert {
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  margin: 30px auto;
  width: 100%;
}

.alertBox {
  background: #ffc6ac;
  font-size: 16px;
  font-weight: bold;
  margin: 15px auto 25px;
  padding: 10px;
  text-align: center;
}

.errorMsg {
  color: #cd0a0a;
  border: solid 1px #cd0a0a;
  background: #fef1ec url(../images/ico_alert.gif) 5px 0 no-repeat;
  font-size: 14px;
  line-height: 1.2;
  padding: 3px 5px 3px 20px;
  margin-bottom: 10px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
}

.memberForm .errorMsg,
.signupForm .errorMsg,
.memberLogin .errorMsg {
  min-width: 358px;
  width: 422px;
}

/**********************************************************
  中央寄せ　フォーム用テーブル
**********************************************************/
table.form810 {
  width: 810px;
  margin: 0 auto 40px;
}

table.form810 th,
table.form810 td {
  padding: 15px 5px;
}

table.form810 th {
  font-size: 16px;
  padding: 15px 40px 15px 5px;
  text-align: right;
  vertical-align: middle;
}

table.form810 td input,
table.form810 td textarea {
  margin: 0 5px;
  vertical-align: baseline;
}

table.form810 td label,
table.form810 td label {
  margin-right: 20px;
  font-weight: bold;
}

table.form810 td textarea {
  height: 180px;
  width: 445px;
}

table.form810 td a {
  text-decoration: underline;
}

table.form810 td a:hover {
  text-decoration: none;
}

table.form810 .verticalTop th {
  padding-top: 25px;
  vertical-align: top;
}

table.form810 .verticalTop input {
  margin-bottom: 10px;
}

/**********************************************************
  検索フォームなどの親DIV
**********************************************************/
/*
  textfieldWrap----ヘッダー部分の検索フォームやフォーム全般のrelative設定
  textfieldWrapW---レシピ検索の検索フォーム
  textfieldWrapS---レシピまとめの検索フォーム
  textfieldWrapM---まとめを作る STEP2の検索フォーム

*/
.textfieldWrap,
.textfieldWrapW,
.textfieldWrapS,
.textfieldWrapM {
  line-height: 1.5;
  position: relative;
}

.textfieldWrapM {
  padding-left: 20px;
  padding-top: 2px;
}

.textfieldWrapW input.search1 {
  padding: 3px;
  width: 335px;
}

.textfieldWrapS input.search1 {
  margin-left: 1px;
  width: 242px;
}

.textfieldWrapM input.search1 {
  height: 36px;
  width: 198px;
}

/*.textfieldWrap input {
  margin-right: 3px;
  width: 235px;
}*/
/*消さない*/
.textfieldWrap label,
.textfieldWrapW label,
.textfieldWrapS label,
.textfieldWrapM label {
  color: #999;
  font-size: 14px;
  font-weight: normal;
  padding: 3px 6px;
  position: absolute;
}

.textfieldWrapM label {
  line-height: 26px;
}

/*プレイスフォルダー用*/
.jq-placeholder {
  font-size: 14px;
}

/*------------------------------------------------------------------------------ 2-1= パンくずリスト*/
.path {
  display: block;
  font-size: 12px;
  margin: 10px auto 33px auto;
  width: 1118px;
  padding: 0 10px;
}

.container .path {
  margin-top: 3px;
}

.path ol li {
  background: url(../images/icon_path_arrow.png) no-repeat 0 50%;
  float: left;
  padding-left: 12px;
  padding-right: 7px;
}

.path ol li.home {
  padding-left: 0;
  background: none;
}

.path ol li.last {
  background: none;
  margin-right: 0;
  padding-right: 0;
}

/*------------------------------------------------------------------------------ 2-2= 見出し*/
.titleBox {
  position: relative;
}

.mainTitle {
  border-top: 1px #ff6600 solid;
  border-bottom: 1px #ff6600 dotted;
  color: #ff6600;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.1;
  margin-bottom: 22px;
  padding: 15px 0 14px 0;
}

.mainTitle2 {
  display: block;
  margin: 0;
  padding: 0;
  border: 0;
}

.title {
  color: #591D13;
  font-weight: bold;
  position: relative;
}

/*もっと見る矢印のリンク*/
.more {
  position: absolute;
  color: #F15200;
  font-size: 12px;
  font-weight: bold;
  display: block;
}

.more:hover {
  text-decoration: underline;
}

.titleBox .more {
  top: 21px;
  right: 0px;
  font-weight: normal;
}

.rB18 .more {
  top: 2px;
  right: 0px;
}

/*レシピのタイトル・日記のタイトル*/
.recipeTitle,
.diaryTitle,
.tieupTitle {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 5px;
}

.tieupTitle {
  font-size: 18px;
}

/*.recipeTitle a,
.diaryTitle a {
  text-decoration: underline;
}*/
/*..recipeTitle a:hover,
.diaryTitle a:hover {
  text-decoration: none;
}*/
.recipeCollection .recipeTitle a {
  text-decoration: none;
}

.recipeCollection .recipeTitle a:hover {
  text-decoration: underline;
}

.diaryArchive .diaryTitle {
  font-size: 16px;
  line-height: 1.5;
  margin-bottom: 10px;
}

.diaryArchive .diaryTitle img {
  margin-right: 10px;
  vertical-align: bottom;
}

.diaryList .diaryTitle img {
  margin-right: 5px;
  vertical-align: middle;
}

.RecipeLibraryTitle {
  color: #591D13;
  font-size: 18px;
  font-weight: bold;
}

.container h1.pb4 {
  padding-bottom: 4px;
}

/*------------------------------------------------------------------------------ 2-3= レシピ表示枠*/
.recipeBlock {
  margin-bottom: 15px;
  position: relative;
}

.recipeImage,
.recipeInfo {
  float: left;
}

.recipeImage {
  margin-right: 10px;
}

.recipeImage img {
  background: #fff;
  border: 1px #ccc solid;
  display: block;
  padding: 4px;
}

.recipeInfo p {
  margin-bottom: 10px;
}

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

.horizontal2Col .description {
  font-size: 14px;
}

.horizontal2Col .recipeImage {
  width: 140px;
}

.horizontal2Col .recipeInfo {
  width: 500px;
}

.horizontal3Col .recipeInfo {
  width: 295px;
}

.horizontal3Col .description {
  font-size: 12px;
}

.horizontal3Col .pr {
  background: #FFEFE5;
  padding: 5px 5px 15px 5px;
}

.vertical3Col {
  width: 581px;
}

.vertical3Col .recipeBlock {
  float: left;
  margin-bottom: 10px;
  margin-right: 7px;
  width: 140px;
}

.vertical3Col .recipeBlock:nth-child(4n) {
  margin-right: 0;
}

.vertical3Col .recipeImage,
.vertical3Col .recipeInfo {
  float: none;
}

.vertical3Col .recipeTitle {
  font-size: 14px;
  width: 128px;
}

.vertical3Col .recipeImage img {
  margin-bottom: 5px;
}

/*------------------------------------------------------------------------------ 2-4= レシピ　カテゴリーアイコン*/
.catIconBox {
  width: 138px;
  margin: 0 0 10px;
}

.catIconBox img {
  border: none;
  float: left;
  padding: 0;
}

/*------------------------------------------------------------------------------ 2-5= ページ送り*/
.paging {
  background: #E0E0E0;
  padding: 5px 0;
}

.paging ul {
  list-style-type: none;
  padding: 0;
}

/*------------------------------------------------------------------------------ 2-6= これに決めた*/
.choiceBox {
  border-top: 1px #591d13 dotted;
}

.choiceBox .choiceBlock {
  border-bottom: 1px #591d13 dotted;
  padding-top: 15px;
}

.choiceBox .last {
  border: none;
  margin-bottom: 40px;
}

.choiceBox .choiceBlock .recipeBlock {
  padding-left: 42px;
}

.choiceBox .choiceBlock .recipeInfo {
  width: 440px;
}

.choiceBox .choiceBlock .recipeInfo p {
  font-size: 14px;
}

.setCounter {
  font-size: 10px;
  left: 85px;
  line-height: 1.5;
  position: absolute;
  top: 1px;
}

/*　safari用　*/
::i-block-chrome, .setCounter {
  top: 2px;
}

/*------------------------------------------------------------------------------ 2-7= ユーザーアイコン*/
.userN {
  font-size: 12px;
}

.userN p {
  display: table-cell;
  vertical-align: middle;
  margin: 0;
}

p.userIcon {
  width: 25px;
}

.userIcon {
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
}

.date {
  color: #333;
}

/*------------------------------------------------------------------------------ 2-8= SNS*/
.sns {
  width: 180px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 60px;
  float: none;
}

.recipes_info .sns {
  width: auto;
  float: left;
  margin-bottom: 0;
  margin-top: 15px;
}

#opDaily .sns {
  display: inline-block;
  width: auto;
  margin: 20px 0 20px 303px;
}

.sns ul li {
  float: left;
  margin: 0 20px 0 0;
}

.sns ul li a {
  background: url(../images/btn_sns02.png) no-repeat;
  display: block;
  height: 30px;
}

.sns ul li.snsrecipes_01 a {
  background-position: 0 0;
  width: 30px;
}

.sns ul li.snsrecipes_02 a {
  background-position: -50px 0;
  width: 30px;
}

.sns ul li.snsrecipes_03 a {
  background-position: -100px 0;
  width: 30px;
}

.sns ul li.snsrecipes_04 a {
  background-position: -150px 0;
  width: 30px;
}

.sns ul li.snsrecipes_01 a:hover {
  background-position: 0 -30px;
  width: 30px;
}

.sns ul li.snsrecipes_02 a:hover {
  background-position: -50px -30px;
  width: 30px;
}

.sns ul li.snsrecipes_03 a:hover {
  background-position: -100px -30px;
  width: 30px;
}

.sns ul li.snsrecipes_04 a:hover {
  background-position: -150px -30px;
  width: 30px;
}

/* line 1629, /home/vagrant/orangenet/vendor/assets/stylesheets/style.css.scss
.sns ul {
  margin: 0 auto;
  width: 584px;
  font-size: 0;
  padding-left: 200px;
}*/
/*　レシピまとめ詳細用　*/
.summaryCollectionBox .sns ul {
  padding-left: 173px;
}

/*　タイアップ用　*/
.tieup .sns ul {
  padding-left: 335px;
}

.sns li {
  display: block;
  float: left;
  margin-right: 7px;
}

.sns li.last {
  margin-right: 0;
}

iframe[src*="www.facebook.com/plugins/like.php"],
.fb-like {
  width: 70px !important;
  height: 21px !important;
}

/*　safari用　*/
::i-block-chrome, iframe[src*="www.facebook.com/plugins/like.php"],
::i-block-chrome, .fb-like {
  width: 71px !important;
}

/*------------------------------------------------------------------------------ 2-9= 早耳チェック*/
/* line 1667, /home/vagrant/orangenet/vendor/assets/stylesheets/style.css.scss
.fastCheck li {
  height: 17px;
  line-height: 17px;
  background-position: 0 4px;
}*/
.fastCheck {
  width: 650px;
  margin: 0 auto 60px;
}

*
.fastCheck img {
  margin-left: 5px;
  vertical-align: bottom;
}

.fastCheck a {
  text-decoration: underline;
}

.fastCheck a:hover {
  text-decoration: none;
}

/*------------------------------------------------------------------------------ 2-10= トースト*/
.laquu-toast-container {
  box-shadow: 3px 3px 6px 0 #ccc;
  -moz-box-shadow: 3px 3px 6px 0 #ccc;
    -webkit-box-shadow: 3px 3px 6px 0 #ccc;
    background-color: #FFC785;
  filter: progid:DXImageTransform.Microsoft.Shadow(color=#999999, direction=135, strength=10, enabled=true);
  background: rgba(255, 199, 133, 0.85);
  border: 1px #ccc solid;
  padding: 25px 18px;
  text-align: center;
}

.laquu-toast-message {
  color: #333;
  font-size: 16px;
  font-weight: bold;
}

/*------------------------------------------------------------------------------ 2-11=BOXスタイル*/
.dotBox,
.solidBox {
  border: 1px #591D13 dotted;
  font-size: 14px;
  line-height: 1.5;
  height: auto;
  margin-bottom: 40px;
  padding: 10px;
  width: 421px;
}

.solidBox {
  border: 1px #ccc solid;
  margin-bottom: 25px;
}

.dotBox ul li,
.solidBox ul li {
  background: url(../images/icon_dot_brown.png) no-repeat 0px 5px;
  border-bottom: 1px #591D13 dotted;
  margin-bottom: 10px;
  padding: 0 15px 10px;
  width: 396px;
}

.dotBox ul li.last,
.solidBox ul li.last {
  border-bottom: 0;
  padding-bottom: 0;
  margin-bottom: 0;
}

.dotBox ul li a:hover,
.solidBox ul li a:hover {
  text-decoration: underline;
}

/*------------------------------------------------------------------------------ 2-12=フリーHTMLエリア*/
/*レシピ詳細にある広告エリア*/
.freeArea {
  /*  border-top: 1px #ccc dotted;*/
  border-bottom: 1px #000000 dotted;
  margin-bottom: 24px;
  *zoom: 1;
}

.freeArea:before, .freeArea:after {
  content: " ";
  display: table;
}

.freeArea:after {
  clear: both;
}

/*広告エリア*/
.freeAreaA {
  display: block;
  width: 628px;
  margin: 0 auto;
  padding: 0;
  border: 0;
  border: 1px #ccc solid;
  line-height: 1.5;
  overflow: hidden;
  margin-bottom: 30px;
  padding: 10px;
}

.freeAreaA dl dt {
  float: left;
  margin-right: 15px;
  width: 170px;
}

.freeAreaA dl dt img {
  display: block;
  margin: 0;
  padding: 0;
  border: 0;
}

.freeAreaA dl dt p {
  color: #66392A;
  font-size: 14px;
  font-weight: bold;
  padding-left: 30px;
  vertical-align: middle;
}

.freeAreaA dl dd {
  float: left;
  width: 440px;
}

.freeAreaA dl dd .areaTitle {
  border-bottom: 1px #ccc dotted;
  color: #333;
  font-size: 22px;
  font-weight: bold;
  margin-bottom: 10px;
}

.freeAreaA dl dd .areaLead {
  font-size: 14px;
  font-weight: bold;
  line-height: 1.8;
}