@charset "shift_jis";
/*--------------------

ヘッダー：重要なお知らせ文字サイズ

--------------------*/
#hnews {
    font-size: 16px;
}

/*--------------------

サイドメニュー：カテゴリー文字サイズ

--------------------*/
#category_box .accordion_list dt span, #category_box .accordion_list dd ul li a span {
    font-size: 12px;
}

/*--------------------

やまやの辛子明太子について共通部分

--------------------*/

#alpha-block #about-inner {
    padding: 38px 40px 32px 40px;
}
#alpha-block #about-ttl {
	margin-bottom: 20px;
    background: none;
    font-weight: normal;
    border-bottom: 2px solid #951F03;
	padding: 8px 12px;
	font-family:"Times New Roman","游明朝","Yu Mincho","游明朝体","YuMincho","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HiraMinProN-W3","HGS明朝E","ＭＳ Ｐ明朝","MS PMincho",serif;
	}
#alpha-block .pan-list {
	overflow:hidden;
	font-size: 130%;
	font-weight:bold;
  line-height: 1;
  color: #5a3f0c;
	}
#alpha-block .pan-list li {
	float:left;
	list-style:none;
	}
#alpha-block .pan-list li a {
	color: #069;
  text-decoration: underline;
	}
#alpha-block #about-nav {
    clear: both;
}
#about-nav li {
    float: left;
    margin-left: 10px;
    margin-bottom: 10px;
}
#about-nav li:firstchild {
    margin-left: 0;
}
#alpha-block #about-inner h3 {
    margin-bottom: 30px;
}
#alpha-block #about-inner div h4 {
    margin-bottom: 15px;
}
.center {
    text-align: center;
}
/*--------------------
やまやの辛子明太子について about-index
--------------------*/
.about-index {
    background: #171411 url(../../../../images/about/bg_about1_1.jpg) 0 0 no-repeat;
}
.about-index div p {
    margin-bottom: 30px;
	color:#FFFFFF;
}
.about-index div p span {
	display:block;
	margin:0;
}

/*--------------------
原料へのこだわり about-genryo
--------------------*/
.about-genryo {
    background: #496E82 url(../../../../images/about/bg_about2_1.jpg) 0 0 no-repeat;
}
.about-genryo div div p {
    margin-bottom: 30px;
	color:#FFFFFF;
}
.about-genryo .sec01 {
	position:relative;
}
.about-genryo .sec01 .img03 {
	position:absolute;
    right: 0;
    top: 0;
}
.about-genryo .sec03 {
    margin: 0 -40px;
    padding: 25px 40px 0 40px;
    background: #CCE0F4;
	overflow:hidden;
}
.about-genryo .sec03 h4 {
    float: left;
    width: 320px;
}
.about-genryo .sec03 p {
    float: right;
    width: 320px;
	color: #083E88;
}
.about-genryo .sec04 {
	padding-top:25px;
}
.about-genryo .sec04 .img06 {
    float: left;
    width: 320px;
    padding-top: 3em;
}
.about-genryo .sec04 div {
    float: right;
    width: 320px;
}
.about-genryo .sec04 div .img07 {
    margin-bottom: 15px;
}

/*--------------------
4つの素材 about-sozai
--------------------*/
.about-sozai {
    background: #F8D3C0;
}
.about-sozai h2 {
    margin-bottom: 15px;
}
.about-sozai .section {
    margin-top: 25px;
	overflow:hidden;
}
.about-sozai .section .box-left {
    float: left;
    width: 320px;
}
.about-sozai .section .box-right {
    float: right;
    width: 320px;
}
.about-sozai .section div p {
    margin-bottom: 30px;
}
.about-sozai .sec01 .box-right {
	width: 296px;
    padding: 10px 12px 5em 12px;
    background: #DDC3AD url(../../../../images/about/bg_about3_1.jpg) right bottom no-repeat;
}
.about-sozai .sec02 .box-left {
    width: 296px;
    margin-top: 7em;
    padding: 10px 12px;
    background: #F5C2AA;
}
.about-sozai .sec02 .box-left p {
    margin-bottom: 0;
}
/*--------------------
168時間熟成 about-jukusei
--------------------*/
.about-jukusei {
	padding: 38px 40px 2px 40px !important;
}
.about-jukusei-bg {
    background: url(../../../../images/about/bg_about4_1.jpg) right bottom no-repeat;
}
.about-jukusei-bg {
	overflow:hidden;
}
.about-jukusei .sec01 {
	padding-left:0;
}
.about-jukusei .section div p {
    margin-bottom: 30px;
}
.about-jukusei .section .box-left {
    float: left;
    width: 340px;
}
.about-jukusei .section .box-right {
    float: right;
    width: 300px;
}
.about-jukusei .section .box-right h4 {
	margin-bottom:0 !important;
}
.about-jukusei .sec02 .box-right p {
	text-align:right;
	font-size:12px;
}
.about-jukusei .sec03 p {
    margin-bottom: 30px;
}
.about-jukusei-bg02 {
	clear:both;
    background: #F9CEBB;
	padding-bottom:15px !important;
}
.nav-bottom {
    margin-bottom: 50px !important;
}
/*--------------------
品質管理 about-hinshitsu
--------------------*/
.about-hinshitsu {
    padding: 0 40px 2px 40px !important;
}
.about-hinshitsu .left_h1 {
    margin: 0 -40px !important;
} 
.about-hinshitsu .section div p {
    margin-bottom: 30px;
}
.about-hinshitsu .section .box-left {
    float: left;
    width: 418px;
}
.about-hinshitsu .section .box-right {
    float: right;
    width: 222px;
    margin-bottom: 27px;
}
.about-hinshitsu .sec01 .bottom02 {
	margin-bottom: 30px !important;
}
.about-hinshitsu .sec01 .box-right p {
	margin-bottom: 5px !important;
}
.about-hinshitsu .sec02 {
    clear: both;
    margin: 0 -40px 32px -40px;
    padding: 28px 40px 2px 40px;
    background: #FBEAE6;
}

/*--------------------
やまやの辛子明太子ができるまで about-dekirumade
--------------------*/
.about-dekirumade {
    background: #FFF4D6;
	padding:0 !important;
}
.about-dekirumade .center {
    margin-bottom: 0 !important;
}
.about-dekirumade .section .box-out {
    clear: both;
    padding-left: 40px;
}
.about-dekirumade .section .box-out .box-left {
    float: left;
    width: 285px;
}
.about-dekirumade .section .box-out .box-right {
    float: right;
    width: 415px;
}
.about-dekirumade .section .box-out .box-right02 {
    float: right;
    width: 401px !important;
}
.about-dekirumade .section .box-out .box-right03 {
    float: right;
}
.about-dekirumade .section .box-out .box-right03 img {
	width:332px;
}
.about-dekirumade .section .box-out h2, .about-dekirumade .section .box-out p {
    margin-bottom: 10px !important;
}
.about-dekirumade #about-nav {
    margin-left: 0;
    padding: 38px 35px 32px 35px;
}

/*--------------------
辛子明太子の種類 about-shurui
--------------------*/
.about-shurui .section {
    clear: both;
}
.about-shurui .section div p {
    margin-bottom: 30px;
}
.about-shurui .section .box-left {
    float: left;
    width: 305px;
}
.about-shurui .section .box-right {
    float: right;
    width: 335px;
}
.about-shurui .sec04 {
    clear: both;
    margin: 0 -40px 32px -40px;
    padding: 28px 40px 2px 40px;
    border: 2px solid #EEB27F;
}

/*--------------------
辛子明太子の栄養 about-eiyou
--------------------*/
.about-eiyou-bg {
    background: url(../../../../images/about/bg_about8_1.jpg) bottom no-repeat;
	padding:0 !important;
}
.about-eiyou {
    background: url(../../../../images/about/bg_about8_1.jpg) bottom no-repeat;
	padding: 38px 40px 32px 40px;
	}
.about-eiyou h4 {
    margin-bottom: 30px;
}
.about-eiyou .section p {
    margin-bottom: 30px;
}
.about-nav-bg {
    margin-left: 0 !important;
    padding: 38px 35px 32px 35px;
    background: #000000 url(../../../../images/about/bg_about8_2.jpg) 0 0 no-repeat;
}

/*--------------------

ご利用ガイド一覧　riyou

--------------------*/
.riyou .top {
	margin-top:20px;
    margin-bottom: 30px !important;
}
.riyou .lister {
	margin-top:15px !important;
}
.riyou .lister ul {
	margin-top:15px !important;
	margin-left:0px !important;
}
.riyou .lister ul li {

	margin-right: 15px;
	margin-bottom:20px;
	padding-bottom:8px;
	border-bottom:1px dashed #999999;
}
.riyou .lister ul li a {
	text-decoration:none;
}
.riyou .lister ul li a:hover {
	color:#999999 !important;
}

/*--------------------

ご利用ガイド lister_head

--------------------*/
#lister_head ul.lister {
	border-top:1px dashed #333333;
	border-bottom:1px dashed #333333;
	padding-top:5px;
	padding-bottom:5px !important;
	margin-bottom:10px;
	}
#lister_head ul.lister li {
	width: 180px;
    font-size: 12px;
	}
#lister_head ul.lister li a {
    background: url("../../../../images/icon/icon_guide_arrow2.gif") left center no-repeat;
}

/*--------------------

ご利用ガイド共通部分

--------------------*/
.utilization {
	padding:0 !important;
}
.utilization p, .utilization ul, .utilization ol, .utilization dl, .utilization table {
    margin-right: 15px !important;
    margin-bottom: 15px !important;
    margin-left: 15px !important;
}
.utilization .top {
	margin-bottom:15px;
	}
.utilization h3 {
	clear: both;
    background-color: #EBEBEB;
    margin-bottom: 15px !important;
    padding: 10px 15px;
    border-top: 1px solid #CDCDCD;
    border-bottom: 1px solid #CDCDCD;
	font-size:14px;
	}
.utilization h4 {
	margin-right: 15px !important;
    margin-bottom: 6px !important;
    margin-left: 15px !important;
    color: #D14914 !important;
	font-weight:bold;
	font-size:13px;
	}
.utilization h5 {
	margin-right: 15px !important;
    margin-bottom: 6px !important;
    margin-left: 15px !important;
	font-weight:bold;
	font-size:13px;
	}
.utilization .lister {
    padding: 0 20px 10px 20px;
}
.utilization .lister li {
    width: 30%;
    margin-bottom: 6px;
}
.utilization .lister li a {
    padding-left: 14px;
    background: url("../../../../images/icon/icon_guide_arrow2.gif") left center no-repeat;
}
.utilization dt {
    font-weight: bold;
}

/*--------------------
リンク集　link-page
--------------------*/
.link-page .link_box {
	overflow:hidden;
	margin-bottom:15px;
	}
.link-page .link_box div img {
	float:left;
	margin-right:15px;
	}
.link-page .link_box div .to-top {
	float:right;
	}

/*--------------------
サイトマップ　sitemap-page
--------------------*/
.sitemap-page {
	clear: both;
    margin-bottom: 15px;
    padding: 0 10px;
	overflow:hidden;
	}
.sitemap-page .sitemap_box {
	width: 240px;
	float:left;
    margin-right: 10px;
	}
.sitemap-page .sitemap_box ul {
	margin-top: 6px;
    margin-left: 15px;
	}
.sitemap-page .sitemap_box ul li {
	margin-bottom: 6px;
	}
.sitemap-page .sitemap_box ul li a {
	padding-left: 18px;
    background: url(../../../../images/icon/icon_guide_arrow0.gif) left center no-repeat;
	}
/*--------------------
個人情報保護方針　privecy
--------------------*/
.privacy_box {
	margin:10px 0;
	}
.right_box {
	text-align:right;
	}
.left_box {
	margin-left:20px;
	}

/*--------------------
ご利用規約　rule
--------------------*/
.rule {
	padding:0 !important;
}
.rule .top, .rule .section {
	clear: both;
    margin-bottom: 15px;
    padding: 0 12px;
	}
.rule .section h3 {
	font-weight: bold;
    margin-bottom: 5px !important;
	font-size: 14px;
	}
.rule .section p, .rule .section li {
	font-size: 13px;
	}
.rule .section ol {
    margin-left: 2em !important;
}

/*--------------------
会社案内　company
--------------------*/
.company {
	padding:0 !important;
}
.company .company_box {
    margin-bottom: 15px;
    padding: 0 12px;
}
.company .company_box02 {
    margin-bottom: 15px;
    padding: 0 12px;
}
.company .company_box02 .img01 {
    margin-bottom: 15px;
}
.company div h3 {
    background-color: #EBEBEB;
    margin-bottom: 15px !important;
    padding: 10px 15px;
    border-top: 1px solid #CDCDCD;
    border-bottom: 1px solid #CDCDCD;
	font-size: 14px;
}
.company .company_box .company_table {
	width: 100%;
	margin-bottom: 8px;
	border-top: 1px solid #CDCDCD;
    border-right: 1px solid #CDCDCD;
	}
.company .company_box .company_table th {
	width: 90px;
	background: #EBEBEB;
	white-space: nowrap;
    text-align: left;
	}
.company_box .company_table th, .company_box .company_table td {
    padding: 10px 12px !important;
}
.company_box .company_table th, .company_box .company_table td {
	vertical-align: top;
    padding: 6px 9px;
    border-bottom: 1px solid #CDCDCD;
    border-left: 1px solid #CDCDCD;
	}
	
/*--------------------
店舗情報　store
--------------------*/
.store {
	padding:0 !important;
}
.store .top {
    margin-bottom: 0;
    padding: 0 12px;
	}
.store .top span {
	font-weight:bold;
	}
.store .store_box {
	margin-top:15px;
	}
.store .store_box h3 {
	padding: 9px 12px;
    background: #F9F1CC;
    border-top: 1px solid #CDCDCD;
    border-bottom: 1px solid #CDCDCD;
	margin-bottom:0 !important;
	}
.store .store_box .tbl-e {
	margin-bottom: 15px;
    border-right: 1px solid #CDCDCD;
    border-left: 1px solid #CDCDCD;
	}
.store .store_box .tbl-e thead .th01 {
	width: 23%;
	}
.store .store_box .tbl-e thead .th02 {
	width: 43%;
	}
.store .store_box .tbl-e thead .th03 {
	width: 25%;
	}
.store .store_box .tbl-e thead .th04 {
	width: 9%;
	text-align:center;
	}
.store .store_box .tbl-e th, .store .store_box .tbl-e td {
    padding: 5px 8px 7px 8px;
    border-bottom: 1px solid #CDCDCD;
    text-align: left;
    vertical-align: top;
}
.store .store_box .tbl-e th:nth-child(even) {
	background: #EAEBEC;
}
.store .store_box .tbl-e tr td:nth-child(even) {
	background: #EAEBEC;
}
.store .store_box .tbl-e .th01 {
	width:15%;
}
.store .store_box .tbl-e .th02 {
	width:23%;
}
.store .store_box .tbl-e .th03 {
	width:9%;
}

/*--------------------
最新情報一覧　news_info
--------------------*/
.news_info {
    padding: 0 !important;
}
.news_info .pager {
    clear: both;
    margin-bottom: 20px;
    padding: 10px 12px;
    border-top: 1px solid #CDCDCD;
    border-bottom: 1px solid #CDCDCD;
}
.news_info .pager li {
    display: inline;
    padding: 0 10px 0 6px;
    border-right: 1px solid #CDCDCD;
}
#news_box table th, #news_box table td, .news_info .pager li {
	font-size:12px;
}
#news_box table th {
    padding: 0 15px 10px 0;
    font-weight: normal;
    white-space: nowrap;
}
#news_box table td {
    padding: 0 0 10px;
}
#news_box table td span {
    font-weight: bold;
    color: #FFF;
    background: #A9965B;
    margin-right: 15px;
    padding: 2px 20px;
}
/*--------------------
最新情報詳細　news_shousai
--------------------*/
.news_detail, .store_detail {
    padding: 0 !important;
}
.news_detail .hdg6 p {
	font-size:12px !important;
	}
.news_detail .hdg6 h3 {
	font-size:14px;
	margin-bottom:0 !important;
	}

/*--------------------
メールマガジンのご案内　mailmag_index
--------------------*/
.mailmag-index {
	margin: 0 10px;
	padding: 0 0 25px 0;
	background: #E6EFEA;
	}
.mailmag-index h3 {
	margin-bottom:12px;
	}
.mailmag-index h4 {
	margin: 0 0 12px 0;
  padding-top: 10px;
	}
.mailmag-index p.center {
	margin: 0 0 12px 30px;
	font-size:12px;
	}
.mailmag-index p.center a img {
	margin: 0 10px;
	}
/*--------------------
メールマガジンの内容確認画面　mailmag_entry_check
--------------------*/
.mailmag_entry .lead p, .mailmag_change .lead p, .mailmag_cancel .lead p {
	font-size:12px;
	}
.mailmag_entry .inner .unit table tr th.must,
.mailmag_change .inner .unit table tr th.must,
.mailmag_cancel .inner .unit table tr th.must {
	font-size:12px;
	padding-right: 50px;
	}

/*--------------------
もつ鍋やまやのお取り寄せ特集 1000円キャンペーンページ
--------------------*/
div.sp_motsu, div.sp_1000 {
	padding-left:0px;
	}







/*--------------------
よくあるご質問
--------------------*/

#about-inner .sp {
  display: none;
}

.contents h3, .contents ul, .contents ol, .contents p, .contents dl, .contents th, .contents td {
  font-size: 14px;
  line-height: 1.5em;
}

.js-toggle--qa--title-list--more, .js-toggle--qa--qa-all--title-list--more, .js-qa--toggle--more {
  display: none;
}

.qa--qa-all--container {
  width: 50%;
  padding: 0 10px;
  box-sizing: border-box;
  float: left;
}
.qa--qa-all--container:nth-child(odd) {
  clear: left;
}

.qa--qa-all--title {
  margin-bottom: 15px;
  padding: 7px 15px;
  border-top: 1px solid #cdcdcd;
  border-bottom: 1px solid #cdcdcd;
  background: #f9f1cc;
}
.qa--qa-all--title a {
  padding-left: 23px;
  background: url(https://www.shokutu.com/images/qa/icon_qa0.gif) left center no-repeat;
}

.qa--qa-all--title-list li {
  margin: 1em 0;
}

.qa--qa-all--title-list a {
  display: inline-block;
  padding-left: 26px;
  background: url('https://www.shokutu.com/images/qa/icon_qa1.gif') 0 3px no-repeat;
}

.qa--category-name {
  margin-bottom: 15px;
  padding: 7px 15px;
  border-top: 1px solid #cdcdcd;
  border-bottom: 1px solid #cdcdcd;
  background: #f9f1cc;
}

.qa--title-list li {
  margin: 10px 0;
  padding-left: 20px;
  background: url('https://www.shokutu.com/images/qa/icon_qa3.gif') 6px .5em no-repeat;
}

.qa--contact-navigation {
  margin: 20px 0;
  padding: 10px;
  background: #eaebec;
}
.qa--contact-navigation--description {
  text-align: center;
  margin-bottom: 6px;
}
.qa--contact-navigation--link {
  text-align: center;
}
.qa--contact-navigation--link a {
  display: inline-block;
  width: 111px;
  height: 21px;
  background: url(https://www.shokutu.com/images/qa/btn_qainq_off.jpg) 0 0 no-repeat, url(https://www.shokutu.com/images/qa/btn_qainq_on.jpg) 0 0 no-repeat;
  text-indent: 999em;
  white-space: nowrap;
  overflow: hidden;
}
.qa--contact-navigation--link a:hover {
  background: url(https://www.shokutu.com/images/qa/btn_qainq_on.jpg) 0 0 no-repeat;
}

.qa--answer-list article {
  margin: 30px 0;
}

.qa--answer-list--title {
  position: relative;
  margin-bottom: 15px;
  padding: 8px 15px 8px 40px;
  color: #d60;
  background: #f9f1cc url(https://www.shokutu.com/images/qa/icon_qa2.gif) 12px center no-repeat;
}

.qa--answer-list--anchor {
  position: absolute;
  top: -20px;
}

.qa--answer-list--body {
  margin: 15px 0;
  padding: 0 15px;
}
.qa--answer-list--body p {
  margin: 1em 0;
}
.qa--answer-list--body .sp {
  display: none;
}
.qa--answer-list--body img {
  max-width: 100%;
}

.qa--answer-list--to-top {
  margin: 15px 0;
  padding: 0 15px;
  text-align: right;
}
.qa--answer-list--to-top a {
  display: inline-block;
  width: 91px;
  height: 13px;
  background: url(https://www.shokutu.com/images/qa/totop_off.jpg) 0 0 no-repeat, url(https://www.shokutu.com/images/qa/totop_on.jpg) 0 0 no-repeat;
  text-indent: 999em;
  white-space: nowrap;
  overflow: hidden;
}
.qa--answer-list--to-top a:hover {
  background: url(https://www.shokutu.com/images/qa/totop_on.jpg) 0 0 no-repeat;
}

.qa--answer p {
  margin: 1em 0;
}

.qa--answer--title {
  margin-bottom: 15px;
  padding: 8px 15px 8px 40px;
  color: #d60;
  background: #f9f1cc url(https://www.shokutu.com/images/qa/icon_qa2.gif) 12px center no-repeat;
}

.qa--answer--body {
  margin: 15px 0;
  padding: 0 15px;
}
.qa--answer--body p {
  margin: 1em 0;
}
.qa--answer--body .sp {
  display: none;
}
.qa--answer--body img {
  max-width: 100%;
}

.qa--qa-home {
  margin: 10px 0;
  padding: 10px;
  background: #eaebec;
}
.qa--qa-home--link {
  text-align: center;
}
.qa--qa-home--link a {
  display: inline-block;
  width: 160px;
  height: 21px;
  background: url(https://www.shokutu.com/images/qa/btn_qatop_off.jpg) 0 0 no-repeat, url(https://www.shokutu.com/images/qa/btn_qatop_on.jpg) 0 0 no-repeat;
  text-indent: 999em;
  white-space: nowrap;
  overflow: hidden;
}
.qa--qa-home--link a:hover {
  background: url(https://www.shokutu.com/images/qa/btn_qatop_on.jpg) 0 0 no-repeat;
}

.qa--search--title img {
  display: block;
  margin: 10px auto;
}

.qa--search ul {
  display: table;
  margin: 15px 0 30px;
}

.qa--search li {
  display: table-cell;
  vertical-align: middle;
  padding: 0 12px;
}
.qa--search li img {
  vertical-align: middle;
}

.qa--search #submit {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  width: 80px;
  height: 23px;
  background: url(../../../../images/qa/btn_qasearch_off.jpg) 0 0 no-repeat, url(../../../../images/qa/btn_qasearch_on.jpg) 0 0 no-repeat;
  text-indent: 999em;
  white-space: nowrap;
  overflow: hidden;
  cursor: pointer;
}
.qa--search #submit:hover {
  background: url(../../../../images/qa/btn_qasearch_on.jpg) 0 0 no-repeat;
}

.qa--pager {
  margin-bottom: 20px;
  padding: 10px 12px;
  border-top: solid 1px #dedede;
  border-bottom: solid 1px #dedede;
}
.qa--pager .wp-pagenavi {
  overflow: hidden;
  zoom: 1;
  text-align: right;
}
.qa--pager .pages {
  float: left;
}
.qa--pager .pages:after {
  display: none;
}
.qa--pager a, .qa--pager span {
  position: relative;
  display: inline-block;
  margin: 0 8px;
  font-size: 12px;
  line-height: 18px;
}
.qa--pager a:after, .qa--pager span:after {
  position: absolute;
  top: 0px;
  bottom: 0px;
  right: -8px;
  content: '';
  display: block;
  border-right: solid 1px #dedede;
}
.qa--pager a:last-child:after, .qa--pager span:last-child:after {
  display: none;
}
.qa--pager span.current {
  color: #f00;
}
.qa--pager a.nextpostslink {
  padding-right: 14px;
  background: url('https://www.shokutu.com/images/icon/icon_next0.gif') right center no-repeat;
}
.qa--pager a.previouspostslink {
  padding-left: 14px;
  background: url('https://www.shokutu.com/images/icon/icon_prev0.gif') left center no-repeat;
}