@charset "utf-8";

*, *:before, *:after {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.sp{
    display: none;
}

body{
    font-size: 14px;
	font-family: "FOT-筑紫明朝 Pr6 L","游明朝体", "Yu Mincho", YuMincho,"ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic ProN", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    line-height: 1.42;
    color: #302E2E;
}

a:hover{
    text-decoration: none;
    opacity: .7;
    transition: all .3s;
}


img {
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
}

.container{
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}

div.container_ div.contents_{
    max-width: 1200px;
    width: 100%;
    margin-top: 40px;
}

div.container_ div.contents_ div.mainframe_{
    max-width: 920px;
    width: 100%;
    overflow: visible;
}

/* 共通 */
div.wrapper_{
    width: 1200px;
    width: 100%;
}

div.container_{
    max-width: 1200px;
    width: 1200px;
    margin: 0 auto;
}

.common-heading {
    padding-top: 40px;
    padding-bottom: 0;
    margin-bottom: 36px;
    background: linear-gradient(#f8f8f8 0%, #fff 100%);
    font-size: 20px;
    font-weight: 700;
}

.common-heading span{
    font-weight: 400;
    font-size: 16px;
    color: #927F5E;
    letter-spacing: 0.04em;
    margin-left: 30px;
}

#title {
    background: url("/cms/img/bg_tl.png") repeat-x;
    width: 100%;
    height: 67px;
    display: block;
    text-align: center;
}

#title h1 {
    text-indent: -9999px;
    width: 1000px;
    height: 67px;
    display: block;
    margin: 0 auto;
}

/* 共通フォーム */
.questionnaire_ * {
    /* box-sizing: content-box; */
}

.form-status-text {
    display: none;
}

h2.common_headline2_ {
	border: none;
	border-bottom: 2px solid #E6E2DA !important;
	padding: 0;
	font-size: 18px !important;
	font-weight: normal !important;
	margin-bottom: 10px !important;
	padding-bottom: 8px !important;
	background: no-repeat;
}

.questionnaire_.col1_ {
    padding: 0;
    color: #000;
}

.questionnaire_ h2 {
	display: none;
}
.questionnaire_ .submit_ {
	margin: 10px 0 0 0;
	text-align: center;
}
.questionnaire_ .submit_ img {
    margin-right: 25px;
}
.questionnaire_box_ {
	margin: -1px 0;
}

.questionnaire_ .questionnaire_box_ {
    margin: 0;
    padding: 0;
    border: none;
}

div.questionnaire_box_ div.questionnaire_box_content_ {
    padding: 0;
}

.questionnaire_box_ table{
	border-collapse: collapse;
}

.questionnaire_.col1_ .questionnaire_box_ table th {
	background: none repeat scroll 0 0 #E8E4DE;
	border: 1px solid #DCD6CC;
	font-weight: normal;
	padding: 15px 10px;
	text-align: left;
	width: 145px;
}

.questionnaire_box_ table td {
	border: 1px solid #DCD6CC;
	padding: 10px;
	width: 535px;
	font-size: 11px;
}
.questionnaire_ .desc_ {
	line-height: 1.5em;
	padding: 5px;
}
.questionnaire_ .desc_att_ {
	line-height: 1.5em;
	padding: 10px;
	margin: 15px 0;
	background: none repeat scroll 0 0 #F7FCFB;
}
.questionnaire_ .error_ {
	color: #D83F3F;
}


table.questionnaire_confirm_ {
	border-collapse: collapse;
}
table.questionnaire_confirm_ th {
	background: none repeat scroll 0 0 #E8E4DE;
	border: 1px solid #DCD6CC;
	font-weight: normal;
	padding: 15px 10px;
	text-align: left;
	width: 145px;
}
table.questionnaire_confirm_ td {
	border: 1px solid #DCD6CC;
	padding: 10px;
	width: 535px;
	font-size: 11px;
    vertical-align: middle;
    word-break: break-all;
}

.questionnaire_ .small_{
    display: inline-block;
}
.submit_{
    justify-content: center;
}

[data-efo-form-id] [name="confirm"]{
    cursor: pointer;
}

.questionnaire_box_ textarea {
    padding: 2px;
}

.desc_att_ a {
    color: #927f5e;
    text-decoration: none;
}

/* パンくずリスト */
.breadcrumb {
    padding: 10px;
}

.breadcrumb-item {
    color: #000;
}

.breadcrumb-item a {
    color: #927f5e;
    text-decoration: none;
}

/* ヘッダー */
.header .container{
    padding: 10px 0 18px;
    position: relative;

}
.header-top-right-link-list {
    display: flex;
    justify-content: flex-end;
    gap: 40px;
}
.header-top-right-link-item a {
    display: block;
    font-size: 11px;
    letter-spacing: 0.1em;
    padding-left: 30px;
    background: url("/cms/img/usr/common/icon-corp.png") no-repeat left center/20px;
    color: #302E2E;
}

.header-top-right-link-item.contact a{
    background: url("/cms/img/usr/common/icon_mail.png") no-repeat left center/15px;
}

.header-logo a {
    display: block;
    width: 200px;
    position: absolute;
    left: 50%;
    translate: -50% 0;
}

.header-bottom-menu-list {
    margin-top: 83px;
    display: flex;
}

.header-bottom-menu-list-item{
    width: calc(100% / 5);
    position: relative;
}

.header-bottom-menu-list-item:not(:last-child)::before{
    content: "";
    display: block;
    width: 1px;
    height: 40px;
    background: url(/cms/img/usr/common/header-border.png) no-repeat center center/cover;
    position: absolute;
    right: 0;
    top: 50%;
    translate: 0 -50%;
}

.header-bottom-menu-list-item a{
    display: block;
    color: #302E2E;
    font-size: 13px;
    letter-spacing: 0.1em;
    text-align: center;
}

.header-bottom-menu-list-item a span{
    display: block;
    margin-bottom: 6px;
    color: #927F5E;
    font-size: 14px;
}

/* 左メニュー */
div.leftmenuframe_ {
    margin: 0 40px 0 0;
    width: 240px;
}

.block-left-menu-banner-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.block-left-menu-event-list{
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-top: 20px;
}

.block-left-menu-event-list-item {
    padding: 2px;
    border: 1px solid #DED8CE;
}

.block-left-menu-event-list-item-top-img img {
    width: 100%;
    height: auto;
}

.block-left-menu-event-list-item-top-date {
    background: #F4F2EF;
    font-size: 13px;
    color: #927F5E;
    padding: 8px 11px 0;
    letter-spacing: 0.04em;
    line-height: 1.692;
}

.block-left-menu-event-list-item-top-title {
    background: #F4F2EF;
    padding: 4px 11px 27px;
    font-size: 12px;
    color: #927F5E;
    letter-spacing: 0.04em;
    line-height: 1.33;
}

.block-left-menu-event-list-item-bottom a {
    background: #EAE6E0;
    display: block;
    padding: 8px 36px 9px;
}

.block-left-menu-event-list-item-bottom img {
    width: 100%;
    height: auto;
}

/* トップ・メインビジュアル */
.main-visual-section .swiper-slide{
    text-align: center;
}

/* トップ・インフォーメーション */
.top-information-banner-list{
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.top-information-banner-list-item a {
    display: block;
}

/* トップ・ニュース */
.main-visual-section {
    width: 1200px;
    margin: 0 auto;
}
.top-news-section{
    margin-top: 60px;
}
.top-news-list-item{
    border-bottom: 1px solid #E2DFDA;
}
.top-news-list-item a{
    display: flex;
    padding: 17px 0 18px;
}

.top-news-list-date{
    font-size: 16px;
    letter-spacing: 0.1em;
    color: #302E2E;
    margin-right: 13px;
}

.top-news-list-title{
    color: #927F5E;
    font-size: 16px;
    letter-spacing: 0.1em;
    line-height: 1.25;
}
/* トップ・今月のおすすめ */
.top-recommends-section {
    margin-top: 60px;
}

.top-recommends-list{
    display: flex;
    gap: 40px;
}

.top-recommends-list-item{
    width: calc((100% - 80px)/3);
}

.top-recommends-list-item a{
    display: block;
}

.top-recommends-list-item-title{
    color: #927F5E;
    font-size: 16px;
    letter-spacing: 0.1em;
    line-height: 1.5;
    margin-top: 24px;
}

.top-recommends-list-item-text{
    font-size: 14px;
    letter-spacing: 0.1em;
    color: #302E2E;
    line-height: 1.42;
    margin-top: 29px;
}

/* フッター */
.footer {
    background: #8E7957;
    margin-top: 100px;
    min-width: 1200px;
}

.footer .container{
    display: flex;
    justify-content: space-between;
    padding: 21px 20px 23px 0;
}

.footer-link-list{
    display: flex;
    gap: 25px;
}

.footer-link-list-item a{
    color: #fff;
    font-size: 13px;
    letter-spacing: 0.1em;
    line-height: 1.53;
}

.footer-copyright{
    color: #fff;
    font-size: 13px;
    letter-spacing: 0.1em;
    line-height: 1.53;
}

.page-top a {
    display: flex;
    width: 130px;
    height: 40px;
    background: #978565;
    font-size: 13px;
    justify-content: center;
    align-items: center;
    position: fixed;
    right: 0;
    bottom: 30px;
    color: #fff;
    letter-spacing: 0.1em;
    padding-left: 20px;
}
.page-top a::before{
    content: "";
    width: 8px;
    height: 8px;
    display: block;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    position: absolute;
    top: 50%;
    left: 19px;
    translate: 0 -25%;
    rotate: 225deg;
}

.page-top {
    /* 初期状態は非表示 */
    opacity: 0;
    transition: opacity .3s;
}

.page-top.visible {
    opacity: 1;
}

.page-top.hidden {
    opacity: 0;
}

.page-top.transparent {
    opacity: 0.3;
}

/* 下層・共通 */
.tl.co_title_ {
    padding-top: 20px;
    padding-left: 10px;
    padding-bottom: 0;
    margin-bottom: 36px;
    background: linear-gradient(#f8f8f8 0%, #fff 100%);
    font-size: 20px;
    font-weight: 700;
    border-top: 1px solid #927F5E;
}

img.main {
	margin-bottom: 10px;
}

.beigebox h3 {
	font-size: 16px!important;
	font-weight: normal;
	border-bottom: solid 2px #e6e2da;
	padding-bottom: 8px;
	margin-bottom: 10px;
	clear: both;
}


.beigebox .box {
	background: #f7f6f4;
	padding: 10px;
	margin-bottom: 30px;
}

.beigebox .box:after {
	content:".";
	display: block;
	height: 0;   
	clear: both;   
	visibility: hidden;
}

.beigebox .box .leftbox {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

.beigebox .box .rightbox {
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
}

.beigebox .box a{
    color: #927f5e;
    text-decoration: none;
}
/* サイトマップ */

#sitemap_block {
	display: block;
	/* float: right; */
	/* width: 720px; */
	padding-bottom: 25px;
}

div.sitemap_ {
    background: url("/cms/img/line_dot01.gif") repeat-y scroll 180px 0 transparent;
    border-bottom: 1px solid #CCCCCC;
    display: inline-block;
    height: auto;
    margin: 0;
    padding: 18px 0 10px;
    width: 100%;
}

div.sitemap_:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

div.sitemap_ div.sitemap_left {
    display: inline;
    float: left;
    height: auto;
    margin: 0 0 0 0;
    padding: 0;
    width: 165px;
}
div.sitemap_ div.sitemap_left h4 {
    background: url("/cms/img/ar.gif") no-repeat scroll 0 8px transparent;
    padding: 3px 0 0 20px;
	margin: 0;
}
div.sitemap_ div.sitemap_right {
    display: inline;
    float: left;
    height: auto;
    margin: 0 0 0 30px;
    padding: 0;
    width: 520px;
}
div.sitemap_ div.sitemap_right ul li {
    background: url("/cms/img/ar.gif") no-repeat scroll 0 8px transparent;
    display: block;
    float: left;
    margin: 0 0 8px;
    padding: 3px 0 0 20px;
    width: 240px;
}

#sitemap_block a {
    color: #927f5e;
    font-size: 12px;
}


/* 個人情報保護方針 */

#policy_ {
	display: block;
	padding-bottom: 25px;
}

#policy_ a{
	color: #927f5e;
    text-decoration: none;
}

#policy_ a:hover{
	text-decoration: underline;
}

#policy_ p{
	margin: 0 0 30px 0;
}

#policy_ h3{
	font-weight: bold;
	margin: 0 0 10px 0;
}

#policy_ ul{
	margin: 0 0 30px 15px;
}

#policy_ ul li{
	list-style-type: disc;
	margin-bottom: 10px;
	line-height: 18px;
}

#policy_ ol{
	margin: 0 0 30px 32px;
}

#policy_ ol li{
	list-style-type: decimal;
}

.inner_ {
	margin: 0 0 10px 12px;
	line-height: 18px;
}

.inner_sec {
	margin: 0 0 30px 12px;
	line-height: 18px;
}

.inner_end {
	margin: 0 0 50px 12px;
	line-height: 18px;
}

/*デジタルカタログ*/
#title h1#catalog {
    background: url("/cms/img/tl_catalog.gif") no-repeat;
}
#e-book * {
    box-sizing: content-box;
}

#e-book{
    width: 720px;
}

#e-book .digicatalog_exp_new {
    border: 10px solid #F4F4F4;
    padding: 15px;
    margin-bottom: 0px;
    height: 220px;
}
#e-book .d_catalog_new {
    float: left;
    margin: 20px 20px 20px 80px;
}
#e-book .d_catalog_link_new {
    float: right;
    margin: 25px 80px 20px 20px;
    text-align: center;
}

#e-book .digicatalog_exp_new {
    border: 10px solid #F4F4F4;
    padding: 15px;
    margin-bottom: 0px;
    height: 220px;
}
#e-book .d_catalog_new {
    float: left;
    margin: 20px 20px 20px 80px;
}
#e-book .d_catalog_link_new {
    float: right;
    margin: 25px 80px 20px 20px;
    text-align: center;
}

#e-book h3 {
    border-bottom: 2px solid #E6E2DA;
    font-size: 16px !important;
    font-weight: normal;
    margin-bottom: 10px;
    padding-bottom: 8px;
}

#e-book .digicatalog_exp {
    border: 10px solid #F4F4F4;
    padding: 15px;
    margin-bottom: 30px;
    height: 220px;
}
#e-book h4 {
    font-size: 14px;
    margin-bottom: 20px;
    text-align: center;
}

#e-book .d_catalog_ {
    float: left;
    margin: 20px 20px 20px 10px;
}
#e-book .d_catalog_link {
    float: left;
    margin: 35px 30px 20px 20px;
}
#e-book .dousa h4 {
    border-bottom: 1px solid #F4F4F4;
    padding-bottom: 10px;
    font-size: 14px;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: left;
}

div#e-book * {
    box-sizing: content-box;
}

/* 会社案内 */
#title h1#corp {
    background: url("/cms/img/tl_corp.gif") no-repeat;
}



#corp h2 {
	font-size: 18px;
	font-weight: normal;
	margin-bottom: 15px;
}

#corpmain h3 {
	font-weight: normal;
	font-size: 16px;
	margin-bottom: 16px;
	line-height: 1.4em;
}

#corpmain h4 {
    border-bottom: 2px solid #E6E2DA;
    font-size: 16px;
    font-weight: normal;
    padding-bottom: 8px;
}

#corpmain {
	display: block;
	/* float: right; */
	width: 720px;
	padding-bottom: 25px;
}

#corpmain p {
	margin-bottom: 18px;
}

#corpmain .rightbox {
	float: right;
	margin-left: 30px;
	margin-bottom: 30px;
	line-height: 1.4em;
	text-align: right;
}

#corpmain .rightbox h4 {
	font-size: 16px;
	font-weight: normal;
}

#corpmain #profile,
#corpmain #history {
	width: 720px;
	float: right;
	display: block;
	line-height: 1.4em;
	padding-bottom: 40px;
}

#profile *,
#history * {
    box-sizing: content-box;
}

#profile dt,
#history dt {
	float: left;
	width: 140px;
	margin: 0;
	padding: 20px 0 0;
	font-weight: bold;
	color: #1f4c9f;
}

#profile dd,
#history dd {
	float: left;
	padding: 0 0 20px 140px;
	margin-top: -15px;
	width: 580px;
	border-bottom: solid 1px #dcd6cc;
}

#history dt {
	position: relative;
}

#history dt span {
	position: absolute;
	right: 20px;
	color: #999999;
}

#profile dd ul {
	width: 300px;
}

#profile dd ul li {
	float: left;
	width: 140px;
	display: block;
	margin-bottom: 10px;
}

.bt_center {
	padding: 30px;
	text-align: center;
}

.bt_center a {
    color: #927f5e;
    text-decoration: none;
}

.three_menu {
	width: 720px;
	height: 395px;
	display: block;
	/* float: right; */
}

.three_menu li {
	float: left;
	margin-right: 30px;
	margin-bottom: 30px;
}

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

.three_menu li a {
	background: url("/cms/img/bt3_corp_bg.gif") left top no-repeat!important;
	display: block;
	width: 220px;
	height: 90px!important;
    transition: none;
}

.three_menu li a:hover {
	background: url("/cms/img/bt3_corp_bg.gif") left -150px no-repeat!important;
}

.shortheight li a {
	background: url("/cms/img/btn_small_bg.gif") left top no-repeat!important;
	display: block;
	width: 220px;
	height: 80px!important;
}

.shortheight li a:hover {
	background: url("/cms/img/btn_small_bg.gif") left -150px no-repeat!important;
}

.twocol,
.widemenu {
	width: 720px;
	height: 395px;
	display: block;
}

.twocol li {
	float: left;
	margin: 0;
	margin-right: 8px;
	margin-bottom: 6px;
}

.widemenu li {
	float: left;
	margin-right: 30px;
	margin-bottom: 30px;
}

.twocol li.last,
.widemenu li.last {
	margin-right: 0;
}

.widemenu li a {
	background: url("/cms/img/btn_wide_bg.gif") left top no-repeat;
	display: block;
	width: 345px;
	height: 111px;
    transition: none;
}

.widemenu li a:hover {
	background: url("/cms/img/btn_wide_bg.gif") left -150px no-repeat;
}


#sidenavi h2 {
	font-weight: normal;
	font-size: 16px;
	margin-bottom: 16px;
}

#sidenavi ul {
	border-top: solid 1px #cce8e3;
	background: #f7fcfb;
	margin-bottom: 25px;
}

#sidenavi ul li {
	border-bottom: dotted 1px #cce8e3;
	margin-bottom: 0;
	padding-left: 0.5em;
	text-indent: -1em;
	line-height: 1.4em;
}

#sidenavi ul li.last {
	border-bottom: none;
}

#sidenavi ul li a {
	color: #927f5e;
	padding: 12px 5px 10px 30px;
	display: block;
	background: url("/cms/img/ar.gif") no-repeat scroll left 1.2em transparent;
}


/* ソーラーシステム・エコアクション21 */
#food_recycle_{
    width: 720px;
}
#food_recycle_ h3 {
	font-size: 16px!important;
	font-weight: normal;
	border-bottom: solid 2px #e6e2da;
	padding-bottom: 8px;
	margin-top: 20px;
    margin-bottom: 10px;
}
#food_recycle_ table {
	width: 500px;
	height: 150px;
}
#food_recycle_ table th {
	background:#A7D4BE;
	padding: 10px;
	text-align: left;
}
#food_recycle_ table td {
	padding: 10px;
}
#solar_system_ h3 {
	font-size: 16px!important;
	font-weight: normal;
	border-bottom: solid 2px #e6e2da;
	padding-bottom: 8px;
	margin-top: 20px;
}
#solar_system_ .graph_ {
	text-align: center;
}

/* FAQ */
#faq{
    width: 720px;
}

#faq ul {
	padding: 20px;
	margin-bottom: 40px;
	background: #f7f6f4;
}

#faq ul li {
	border-bottom: dotted 1px #e6e2da;
	margin-bottom: 10px;
	padding-bottom: 10px;
}

#faq ul li.last {
	border-bottom: none;
	margin-bottom: 0;
	padding-bottom: 0;
}

#faq dl {
	line-height: 1.6em;
}

#faq dt {
	font-weight: bold;
	margin-bottom: 10px;
}

#faq dd {
	border-bottom: dotted 1px #e6e2da;
	margin-bottom: 15px;
	padding-bottom: 15px;
}

#faq h4 {
	border-bottom: 2px solid #E6E2DA;
    clear: none;
    font-size: 16px;
    font-weight: normal;
    margin: 40px 0 18px 0;
    padding-bottom: 8px;
}

.faqright {
	float:right;
	background: url("/cms/img/ar.gif") no-repeat scroll 0 6px transparent;
	padding:2px 0 0 15PX;
	margin:10px 0 40px 0;
	clear: none;
}

.faq-hr{
    width: 720px;
    margin-left: 0;
}

/* お問い合わせ */
#address *{
    box-sizing: content-box;
}
#address {
	display: block;
	overflow: hidden;
}

#address h3 {
	font-size: 16px;
	font-weight: normal;
	border-bottom: solid 2px #e6e2da;
	padding-bottom: 8px;
	margin-bottom: 18px;
}

#address ul {
    display: flex;
    flex-wrap: wrap;
    gap: 20px 10px;
}

#address ul li {
	width: 350px;
	float: left;
	background: #f7f6f4;
	/* height: 270px; */
	display: block;
	/* margin-bottom: 20px;
	margin-right: 10px; */
    display: flex;
}

#address ul li .box {
	margin: 10px;
	background: #fff;
	padding: 10px;
	position: relative;
	/* height: 230px; */
    flex-grow: 1;
}

#address ul li .box dt {
	padding-left: 36px;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 5px;
}

#address ul li .box dt.mail {
	background: url("/cms/img/ic_mail.gif") 8px top no-repeat;
}

#address ul li .box dt.tel {
	background: url("/cms/img/ic_tel.gif") 8px top no-repeat;
}

#address ul li .box dl:after {
	content:".";
	display: block;
	height: 0;   
	clear: both;   
	visibility: hidden;
}

#address ul li .box dl dd {
	line-height: 1.5em;
	margin-bottom: 18px;
	padding-left: 36px;
}

#address ul li .box dl dd h4 {
	font-size: 24px;
	color: #5f5856;
	margin-bottom: 10px;
	line-height: 1.2em;
}

#address ul li .box dl dd h4 span {
	font-size: 14px;
}

#address ul li .box dl dd a.ar {
	padding-left: 18px;
	background: url("/cms/img/ar.gif") left 2px no-repeat;
}

#address ul li .box dl dd span {
	line-height: 1.4em;
}

#address a {
    color: #927f5e;
    text-decoration: none;
}

/* 工場案内 */
#title h1#tour {
    background: url("/cms/img/tl_tour.gif") no-repeat;
}

#tourmain {
	display: block;
	width: 720px;
	padding-bottom: 25px;
}

#tourmain a {
    color: #927f5e;
    text-decoration: none;
}

/* 採用情報 */
#title h1#recruit {
    background: url("/cms/img/tl_rec.gif") no-repeat;
}

#recmain {
	display: block;
	width: 720px;
	padding-bottom: 25px;
}

#recmain a {
    transition: none;
}

#recmain img.main {
	float: left;
}

#recmain .shortheight {
	width: 220px;
	display: block;
	float: right;
}

#recmain .shortheight li {
	margin-bottom: 9px;
}

#recmain p {
	margin-bottom: 10px;
}

#recmain dl.myday {
	width:410px;
	float:left;
	border-left: solid 1px #b4b3b3;
}

#recmain dl.myday dt {
	font-weight: bold;
	padding: 0 10px 0 20px;
	width: 35px;
	float: left;
	color: #fff;
}

#recmain dl.myday dt.active {
	color: #887758;
	padding: 5px 10px 5px 20px;
	background: url('/cms/img/ar_gray.gif') left 5px no-repeat;
}

#recmain dl.myday dd {
	width: 315px;
	padding: 5px 20px 5px 20px;
}

#recmain .mydayphotos {
	float: right;
	width: 290px;
}

#recmain .mydayphotos li {
	margin-bottom: 5px;
}


#recmain .mydayphotos li.sub_ {
	margin-bottom: 15px;
}


#ri {
	width: 720px;
	margin-bottom: 40px;
}

#recmain h3,
#ri h3 {
	font-size: 16px;
	font-weight: normal;
	border-bottom: solid 2px #e6e2da;
	padding-bottom: 8px;
	margin-bottom: 18px;
	clear: both;
}

#ri dl dt {
	float: left;
	width: 80px;
	padding-left: 20px;
	line-height: 2em;
	background: url("/cms/img/ar.gif") left 0.4em no-repeat;
	margin-bottom: 0;
	font-size: 10px;
	box-sizing: content-box;
}

#ri dl dd {
	margin-bottom: 0;
	margin-left: 25px;
	background-repeat: no-repeat;
	padding-left: 70px;
	min-height: 20px;
	line-height: 2em;
	font-size: 12px;
}

#ri dl dd a {
    color: #927f5e;
    text-decoration: none;
}

#ri span {
	font-size: 10px;
}

#recmain .boxlistr ul{
	margin: 0 0 0 270px;
}

#recmain .boxlistr ul li{
	list-style-type: disc;
	margin: 5px 0 15px;
	font-size:110%;
}

#recmain .boxlistl ul{
	margin: 0 0 0 20px;
}

#recmain .boxlistl ul li{
	list-style-type: disc;
	margin-bottom: 10px;
}

.flow {
	margin:15px 0 60px 0;
}



.senior {
	margin-bottom:40px;
}

/* 社長メッセージ */
#rec_corpmain h3 {
	font-weight: normal;
	font-size: 16px;
	margin-bottom: 16px;
	line-height: 1.4em;
}

#rec_corpmain h4 {
    border-bottom: 2px solid #E6E2DA;
    font-size: 16px;
    font-weight: normal;
    padding-bottom: 8px;
}

#rec_corpmain {
	display: block;
	width: 720px;
	padding-bottom: 25px;
}

#rec_corpmain p {
	margin-bottom: 18px;
	font-size:110%;
}

#rec_corpmain .rightbox {
	float: right;
	margin-left: 30px;
	margin-bottom: 30px;
	line-height: 1.4em;
	text-align: right;
}

#corpmain .rightbox h4 {
	font-size: 16px;
	font-weight: normal;
}

/* 採用Q＆A */
#faq a {
    color: #927f5e;
    text-decoration: none;
}

/* イベント情報・催事情報 */
.sp_guide_msg {
	display:none;
}
#title h1#en {
    background: url("/cms/img/tl_en.gif") no-repeat;
}
#en_main {
	display: block;
	width: 720px;
	padding-bottom: 25px;
}

.events_ h3 {
	font-size: 16px!important;
	font-weight: normal!important;
	border-bottom: solid 2px #e6e2da!important;
	padding-bottom: 8px!important;
	margin-bottom: 18px!important;
}
.events_ {
    width: 720px;
}

.events_ * {
    box-sizing: content-box;
}

.event_tables * {
    font-size: 12px;
}

#eventmap {
	position: relative;
	width: 720px;
	height: 444px;
	display: block;
	background: url("/cms/img/event_map.gif") no-repeat;
}

#eventmap li a,
#eventmap p {
	position: absolute;
}

#eventmap li a {
	width: 34px;
	height: 18px;
	text-indent: -9999px;
}

#eventmap li#a1 a { left: 360px; top: 35px; width:49px;}
#eventmap li#a2 a { left: 365px; top: 143px;}
#eventmap li#a3 a { left: 531px; top: 324px;}
#eventmap li#a4 a { left: 255px; top: 192px;}
#eventmap li#a5 a { left: 402px; top: 344px;}
#eventmap li#a6 a { left: 124px; top: 197px;}
#eventmap li#a7 a { left: 262px; top: 358px;}
#eventmap li#a8 a { left: 24px; top: 246px;}

#adviser {
	margin-bottom: 30px;
	height: 210px;
	width: 720px;
}

#adviser * {
    box-sizing: content-box;
}

#adviser dl {
	border: solid 1px #ded8ce;
	padding: 6px 14px 12px;
	height: 90px;
}

#adviser dl:after {
	content:".";
	display: block;
	height: 0;   
	clear: both;   
	visibility: hidden; 
}

#adviser dt {
	float: left;
	margin-right: 18px;
	margin-top: 6px;
}

#adviser dd {
	line-height: 1.5em;
	margin-top: 15px;
}


/*.events_ {
	margin-bottom: 165px;
}*/

.events_ p {
	margin-bottom: 40px;
}

.events_ table {
	border-left: solid 1px #dcd6cc;
	border-top: solid 1px #dcd6cc;
	margin-bottom: 40px;
}

.events_ table th {
	background: #e8e4de;
	padding: 16px 13px;
	text-align: left;
	font-weight: normal;
	border-right: solid 1px #dcd6cc;
	border-bottom: solid 1px #dcd6cc;
	white-space: nowrap;
}

.events_ table td {
	padding: 16px 13px;
	border-right: solid 1px #dcd6cc;
	border-bottom: solid 1px #dcd6cc;
	line-height: 1.5em;
}

#news_event {
	display: block;
	width: 720px;
}

#news_event h3 {
	font-size: 16px;
	font-weight: normal;
	border-bottom: solid 2px #e6e2da;
	padding-bottom: 8px;
	margin-bottom: 18px;
	clear: both;
}

#news_event .navipage_.top_{
	display: none;
}

#ev li {
	clear: both;
	line-height: 1.5em;
	margin-bottom: 20px;
}

#ev li:after {
	content:".";
	display: block;
	height: 0;   
	clear: both;   
	visibility: hidden;
}

#ev dt {
	padding-left: 18px;
	background: url("/cms/img/ar.gif") left 2px no-repeat;
}

#ev dd {
	margin-left: 18px;
}

#ev dd.ev_img {
	float: right;
	width: 240px;
}

#ev dd.ev_img img {
	width: 100%;
}

#nr dl dt {
	float: left;
	width: 100px;
	padding-left: 20px;
	line-height: 2em;
	background: url("/cms/img/ar.gif") left 0.4em no-repeat;
	margin-bottom: 20px;
	font-size: 10px;
}

#nr dl dd {
	background-repeat: no-repeat;
	font-size: 12px;
	line-height: 1.8em;
	margin-bottom: 20px;
	margin-left: 120px;
	min-height: 20px;
	padding-left: 70px;
	position: relative;
}


#nr dl dd.lb_event {
	background-image: url("/cms/img/lb_event.gif");
}

#nr dl dd.lb_news {
	background-image: url("/cms/img/lb_news.gif");
}

#nr dl dd.lb_shop {
	background-image: url("/cms/img/lb_shop.gif");
}

#nr dl dd img {
	left: 0;
	position: absolute;
	top: 0;
}

#nr dl dd.lb_event_past_ {
	background-repeat: no-repeat;
	font-size: 12px;
	line-height: 1.8em;
	margin-bottom: 20px;
	margin-left: 55px;
	min-height: 20px;
	padding-left: 70px;
	position: relative;
}

/* イベントニュース詳細 */

#news_event a {
    color: #927f5e;
    text-decoration: none;
}

div#news_detail {
	border: solid 2px #e6e2da;
	margin-top: 25px;
	margin-bottom: 80px;
	padding: 0;
	width: 716px;
	position: relative;
}
div#news_detail_event {
	border: solid 2px #e6e2da;
	margin-bottom: 80px;
	padding: 0;
	float: right;
	width: 716px;
	position: relative;
}
#news_detail_event h3 {
    background: none repeat scroll 0 0 #E8E4DE;
    border-bottom: 2px solid #E6E2DA;
    font-size: 15px;
    font-weight: normal;
    margin: 0;
    padding: 8px 18px 8px 15px;
    position: relative;
}
.event_news_{
	
}
.event_news_ #news_detail h3 {
	font-size: 16px;
	font-weight: normal;
	border-bottom: solid 2px #e6e2da;
	padding: 8px 18px 8px 10px;
	margin: 0;
	background: #e8e4de;
	position: relative;
}

#news_detail h2 {
    margin-bottom: 25px;
}

#news_detail h3 {
	font-size: 16px;
	font-weight: normal;
	border-bottom: solid 2px #e6e2da;
	padding: 8px 18px 8px 88px;
	margin: 0;
	background: #e8e4de;
	position: relative;
}
#news_detail .article_data_icon_ {
	position: absolute;
	top: 6px;
	left: 18px;
}
#news_detail .article_data_date_ {
	text-align: right;
	padding: 8px 18px;
}
#news_detail .article_data_detail_ {
	padding: 18px;
}

#news_detail .event_detail img {
    display: block;
    margin: 0 auto;
}

#news_detail dl,
#news_detail h4 {
	margin: 18px;
}

#news_detail dl:after {
	content:".";
	display: block;
	height: 0;   
	clear: both;   
	visibility: hidden;
}

#news_detail dt {
	clear: both;
	float: left;
	width: 135px;
	font-weight: bold;
	margin-bottom: 20px;
}

#news_detail dd {
	float: left;
	margin-bottom: 20px;
	/* *width: 540px; */
}

#news_detail #googlemap {
	margin: 18px;
	border: solid 1px #e6e2da;
	width: 680px;
}

.rec_lead {
	margin-bottom:50px;
}

ul.event_st {
    width:600px;
	margin:0 auto 0 auto;
}

li.st {
    background: url("/cms/img/ic_st.gif") no-repeat scroll left top transparent;
    padding: 5px 5px 5px 25px;
	color: #705E56;
}

li.sp {
    background: url("/cms/img/ic_dod.gif") no-repeat scroll left top 7px transparent;
    padding: 0 5px 5px 15px;
	color: #705E56;
	margin: 0 0 0 5px;
	display: block;
	font-size: 12px;
}

p.event_text{
	color:#705E56;
	margin-top:-15px;
}

p.event_text_sub{
	color:#705E56;
	margin-top:-15px;
	clear:both;
}

.artist {
	margin:35px auto 55px auto; 
	padding:0px; 
	width:600px; 
	font-size: 12px;
}

h2.event_artist {
	margin:5px auto 0px auto; 
	padding:0px; 
	font-size:12px;
	color: #705E56;
}

img.artistimg_left {
	float: left;
	margin: 0px 6px 2px 0px;
	/*width: 186px;
	height: 172px;*/
}

img.artistimg_right {
	float: right;
	margin: 0px 0px 2px 4px;
	/*width: 139px;*/}

p.event_text_right{
	color:#705E56;
	margin-top:-15px;
	text-align:right;
	font-size: 12px;
	clear: both;
	padding: 20px 0 0 0
}

#news_event .navipage_.bottom_ {
    display: none;
}

/* 地域限定商品 */
#title h1#limi {
    background: url("/cms/img/tl_ltd.gif") no-repeat;
}

.limited_top {
    width: 720px;
}

.limited_top .co_title_ {
	margin-bottom: 40px;
}
.limited_top h3 {
	font-size: 16px;
	font-weight: normal;
	border-bottom: solid 2px #e6e2da;
	padding-bottom: 8px;
	margin-bottom: 18px;
}
.limited_top .itembox {
	margin-bottom: 25px;
	overflow: hidden;
}
.limited_top .itembox .leftbox {
	float: left;
	margin-right: 20px;
}
.limited_top .itembox h4 {
	margin-bottom: 15px;
}

#limi h2 {
	font-size: 18px;
	font-weight: normal;
	margin-bottom: 15px;
}

#limimain h3 {
	font-weight: normal;
	font-size: 16px;
	margin-bottom: 16px;
}

#limimain .leftbox,
#limited .leftbox {
	margin-right: 20px;
}

#limited .rightbox {
	margin-left: 10px;
}

#limimain,
#limited {
	display: block;
	width: 720px;
	padding-bottom: 25px;
}

#limimain img.main {
	margin-bottom: 10px;
}

#limited h3 {
	font-size: 16px;
	font-weight: normal;
	border-bottom: solid 2px #e6e2da;
	padding-bottom: 8px;
	margin-bottom: 18px;
	clear: both;
}

#limited h3 span {
	font-size: 12px;
}

#limited .limibox {
	clear: both;
	margin-bottom: 25px;
}

#limited .limibox:after {
	content:".";
	display: block;
	height: 0;   
	clear: both;   
	visibility: hidden;
}

#limited .limibox h4 {
	margin-bottom: 15px;
}

.rusk {
	padding-top: 40px;
}

.rusk .limibox {
	border: solid 1px #dcd6cc;
	padding: 10px;
	margin: 0 0 10px;
}

.limited-wrap {
    width: 720px;
}

.cols .col {
	float: left;
	width: 220px;
	margin-right: 30px;
	line-height: 1.5em;
}
.cols .col:nth-of-type(3n) {
    margin-right: 0;
}

.cols .col:nth-of-type(n + 4) {
    margin-top: 20px;
}

.cols {
	overflow: hidden;
}

/* 店舗紹介 */
#title h1#shop {
    background: url("/cms/img/tl_shop.gif") no-repeat;
}


#shopintro {
	margin-bottom: 45px;
}

#shopintro h2 {
	font-size: 18px;
	font-weight: normal;
	margin-bottom: 15px;
}

#shopintro img,
#shopintro p {
	margin-bottom: 15px;
}

#stores {
	display: block;
	overflow: hidden;
	width: 720px;
}

#stores h3 {
	font-size: 16px;
	font-weight: normal;
	border-bottom: solid 2px #e6e2da;
	padding-bottom: 8px;
	margin-bottom: 18px;
}

#stores ul li {
	width: 350px;
	float: left;
	background: #f7f6f4;
	height: 150px;
	display: block;
	margin-bottom: 20px;
	margin-right: 10px;
}


#stores ul li .box {
	margin: 10px;
	background: #fff;
	padding: 10px;
	position: relative;
}

#stores ul li .box dt {
	float: left;
	margin-right: 10px;
}
#stores ul li .box dt img {
	width: 150px;
}
#stores ul li .box dl:after {
	content:".";
	display: block;
	height: 0;   
	clear: both;   
	visibility: hidden;
}

#stores ul li .box dl dd {
	line-height: 1.5em;
}

#stores ul li .box dl dd span.loc {
	font-size: 10px;
	color: #828282;
}

#stores ul li .box dl dd h4 {
	font-size: 14px;
	color: #5f5856;
	margin-bottom: 18px;
}

#stores ul li .box dl dd span.ar {
	padding-left: 18px;
	position: absolute;
	background: url("/cms/img/ar.gif") left 5px no-repeat;
	top: 78px;
	left: 170px;
}

#stores ul li .box a:hover {
	text-decoration: none;
}

#stores ul li .box a:hover span.ar {
	text-decoration: underline;
}


/***** shop_detail *****/

div#shop_detail {
	margin-bottom: 80px;
	padding: 0;
	width: 720px;
}


#shop_detail h2 {
	font-size: 16px;
	font-weight: normal;
	border-bottom: solid 2px #e6e2da;
	padding: 8px 0;
	margin: 0 0 18px;
}

#shop_detail dl {
	line-height: 1.5em;
	margin-top: 20px;
}

#shop_detail dl:after {
	content:".";
	display: block;
	height: 0;   
	clear: both;   
	visibility: hidden;
}

#shop_detail dt {
	clear: both;
	float: left;
	width: 135px;
	font-weight: bold;
	margin-bottom: 10px;
}

#shop_detail dd {
	float: left;
	margin-bottom: 10px;
	width: 580px;
}

#shop_detail #googlemap {
	border: solid 1px #e6e2da;
	width: 718px;
	margin-top: 10px;
}

#stores a{
    color: #927f5e;
    text-decoration: none;
}

/* 商品紹介・こだわり */
#title h1#prod {
    background: url("/cms/img/tl_prod.gif") no-repeat;
}

#prod h2 {
	font-size: 18px;
	font-weight: normal;
	margin-bottom: 15px;
}

#prodmain h3 {
	font-weight: normal;
	font-size: 16px;
	margin-bottom: 16px;
}

#prodmain .leftbox,
#products .leftbox {
	float: left;
	margin-right: 20px;
}

#products .rightbox {
	float: right;
	margin-left: 10px;
}

.products-list .prodbox p {
    margin-left: auto;
    width: 410px;
}

#prodmain,
#products {
	display: block;
	/* float: right; */
	width: 720px;
	padding-bottom: 25px;
}

#prodmain img.main {
	margin-bottom: 10px;
}

#products h3 {
	font-size: 16px;
	font-weight: normal;
	border-bottom: solid 2px #e6e2da;
	padding-bottom: 8px;
	margin-bottom: 18px;
	clear: both;
}

#products h3 span {
	font-size: 12px;
}

#products {
    display: flex;
    flex-direction: column;
}

#products .prodbox {
	clear: both;
	/*padding-bottom: 25px;*/
	margin-bottom: 25px;
}

#products .prodbox:after {
	content:".";
	display: block;
	height: 0;   
	clear: both;   
	visibility: hidden;
}

#products .prodbox h4 {
	margin-bottom: 15px;
}

#products .prodbox h4 img{
	width: 278px;
	height: auto;
}

#products .prodbox .leftbox  img{
	width: 290px;
	height: auto;
	border: 1px solid #927f5e;
}

.rusk {
	padding-top: 40px;
}

.rusk .prodbox {
	border: solid 1px #dcd6cc;
	padding: 10px;
	margin: 0 0 10px;
}

.rusk .prodbox h4 {
	font-size: 16px;
	line-height: 1.4em;
	color: #927f5e;
}