@charset "UTF-8";
/*初期設定//////////////////////////*/
html, body, div, h1, h2, h3, h4, h5, h6, p, blockquote, pre, address, ul, ol, li, dl, dt, dd, table, th, td, form, fieldset {
	margin: 0;
	padding: 0;
	font-size: 13px;
	font-weight: normal;
    font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
	line-height: 1.6em;
	color: #000;
}
html {
	height: 100%;
}
body {overflow-y:scroll;}
article, aside, canvas, details, figcaption, figure, header, footer, main, menu, nav, section, summary {
	display: block;/* text-align: justify; */
	/* text-justify: inter-ideograph; */
}
body {
	width: 100%;
	height: 100%;
	color: #fff;
}
p {
	line-height: 2em;
}
img {
	border: 0;
}
caption {
	text-align: left;
}
ul {
	list-style: none;
}
::selection {
	background: #d4d4d4; /* Safari */
}
::-moz-selection {
background:#d4d4d4; /* Firefox */
}
/*クリアフィックス//////////////////////////*/
.cf:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.cf {
	min-height: 1px;
}
* html .cf {
	height: 1px;/*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}
/*  IE Mac */
* html .cf {
	height: 1%;
}
.cf {
	display: block;
}
a {
	color: #000;
	text-decoration: none;
}
.opa1{    opacity: 1 !important;}

body.font_min li,
body.font_min span,
body.font_min a,
body.font_min p,
body.font_min p,
body.font_min div{
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

/* ----------------------
ヘッダー部分
----------------------- */
#header {
	overflow: hidden;
       padding: 26px 0 28px 0;
    width: 960px;
    background: #fff;
    position: fixed;
    z-index: 999;
    top: 0;
}
#header {
    border-bottom: #000 solid 7px;
    margin-bottom: 0;
    padding: 26px 0 28px 0;
}
#header .logo a {
    display: block;
    width: 123px;
	height:46px;
	background:url(../img/header/logo.jpg) no-repeat;
	text-indent: -999px;
}

#header ul.lnav{}
#header ul.lnav li {
	float: left;
}
body.ja ul.lnav li:nth-child(1) a,
body.en ul.lnav li:nth-child(2) a,
body.cn ul.lnav li:nth-child(3) a,
body.tw ul.lnav li:nth-child(4) a,
body.kr ul.lnav li:nth-child(5) a{
	opacity:0.4 !important;
}

#header ul.gnav{
	margin-top: 16px;
}
#header ul.gnav li {
    float: left;
    margin-left: 18px;
}
#header ul.gnav li img{
	height: 14px;
}

#header ul.gnav li:first-child {
    margin-left: 0;
}

body#about #header ul.gnav li:nth-child(1) a,
body.history #header ul.gnav li:nth-child(3) a,
body.products #header ul.gnav li:nth-child(2) a,
body.style #header ul.gnav li:nth-child(4) a,
body#shop #header ul.gnav li:nth-child(6) a{
	opacity:0.6 !important;
}

/*#header ul.gnav li:nth-child(2) a,
body#home .gnav li:nth-child(2) a{
	opacity:0.2 !important;
	cursor:default !important;
}*/



/* ----------------------
共通 content
----------------------- */
#content_wrap {
    width: 960px;
    margin: 0 auto 20px auto;
    overflow: hidden;
}
#home #content_wrap {
    margin: 25px auto 20px auto;
}

/* #main {
	width: 720px;
    float: right;
    padding: 112px 0 0 100px;
} */
#main h3 {
    font-size: 16px;
    padding-bottom: 10px;
    padding-left: 10px;
    margin-bottom: 30px;
    border-bottom: #ccc dotted 1px;
    font-weight: bold;
}

#main h2{
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 24px;
	padding-bottom:10px;
	border-bottom: #000 solid 1px;
	margin-bottom: 50px;
}
#main .content{
	margin-left: 20px;
}
.line_dotted li{
	padding-bottom: 20px;
	padding-top: 20px;
	padding-left: 18px;
	border-bottom: #ccc dotted 1px;
	font-size: 13px;
}
.line_dotted li.parent{
	padding-bottom: 0px;
}
.line_dotted li ul li{
	padding-bottom: 10px;
	padding-top: 10px;
	padding-left: 18px;
	border-bottom: none;
	border-top: #ccc dotted 1px;
}
.line_dotted li ul li:first-child{
	border-top: none;
}
.line_dotted li:first-child{
	padding-top: 0;
}
.pagetop a{
	display:block;
	background:url(/itembox/item/corporate/img/middle/pagetop.gif) no-repeat;
    margin-bottom: 30px;
	text-indent: -9999px;
	width: 6px;
    height: 32px;
	float: right;
	clear:both ;
}
.contents{clear:both;}
/* ----------------------
フッター部分
----------------------- */
#footer {
    clear: both;
    min-width: 960px;
    width: 100%;
    height: auto;
    background: #000;
    margin: 0 auto;
}
#footer .wrap {
    max-width: 960px;
width: 100%;
    margin: 0 auto;
    padding: 20px 0;
    overflow: hidden;
}
#footer ul.fLeft {
	display: flex;
	align-items: center;
}

#footer ul.fLeft li {
    margin-left: 20px;
}
#footer ul.fLeft li:first-child {
    margin-left: 0;
}
#footer p.fRight {
    width: 360px;
    color: #fff;
    font-size: 10px;
}

/* ----------------------
サイド部分
----------------------- */
#side {
    width: 160px;
   margin-top: 91px;
	position: fixed;
}
#side .title {
    background: #000;
    width: 160px;
    height: 160px;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}
#side ul{
    margin-top: 20px;
}
#side ul li{
	font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
    margin-bottom: 10px;
}
#side ul li a:before {
    content: " ";
    display: block;
    float: left;
    width: 4px;
    height: 15px;
    background: #000;
    margin-top: 1px;
    margin-right: 5px;
}
#side ul li a:hover {
	color: #999;
}
#side ul li a:hover:before {
    content: " ";
    display: block;
    float: left;
    width: 4px;
    height: 15px;
    background: #999;
    margin-top: 1px;
    margin-right: 5px;
}

/* ----------------------
#home
----------------------- */
body#home .lnav {
	padding-top:51px;
}
body#home .lnav li {
    float:left;
}

body#home #box_slide {
    position: relative;
	width:960px;
	height:506px;
	margin:100px auto 30px auto;
}
body#home .logo {
    position: absolute;
    top: -95px;
    left: 0px;
}
body#home #box_slide li img {
	position:absolute;
	left:0;
	top:0;
}

body#home #box_slide .btn_more a {
	display: block;
	width: 16px;
	height: auto;
    position: absolute;
    bottom: 30px;
    right: 50px;
}

 body#home ul.gnav {
   display:-webkit-box;
   display:-ms-flexbox;
   display:flex;
   justify-content: space-between;
}
body#home .gnav li a{
	display: block;
 }
body#home .gnav li{
   display: block;
} 
/* body#home .gnav li {
    float: left;
    margin-left: 28px;
}
body#home .gnav li:first-child {
    margin-left: 0;
} */

body#home .notice{
	text-align: center;
}

body#home .notice a{
	display: inline-block;
	font-size: 18px;
	text-decoration: underline;
}

body#home .content_half {
    overflow: hidden;
}
body#home .content_half div {
    width: 460px;
}
body#home #box_news {
    width: 100%;
    height: auto;
    position: relative;
}
body#home #box_news ul li {
}
body#home #box_news h2,
body#home .column h2 {
    border-bottom: #000 solid 1px;
		position: relative;
}
body#home #box_news li {
    margin-top: 20px;
}
body#home .column h2 {
		padding: 0 0 5px;
}
body#home .column .btn_more {
	position: absolute;
	top: 1px;
	right: 22px;
	width: 32px;
	height: auto;
}
body#home #box_news .btn_more {
    position: absolute;
    top: 1px;
    right: 22px;
    width: 32px;
    height: auto;
}

body#home #box_news li span {
    margin-right: 30px;
}
body#home #box_bunner {
    width: 400px;
		overflow: hidden;
		margin: 0 0 40px;
}
body#home #box_bunner li {
    float: left;
    margin-left: 20px;
}
body#home #box_bunner li img {
	vertical-align:bottom;
}
body#home #box_bunner li:first-child {
    margin-left: 0px;
}
body#home #box_bunner li.column_bnr {
	clear:both;
	margin:20px 0 0;
}

body#home #box_link{
	width: 400px;
	overflow: hidden;
}
body#home #box_link ul{
	float: right;
}
body#home #box_link li {
    float: left;
    margin-left: 20px;
}
body#home #box_link li:first-child {
    margin-left: 0px;
}

body#home #box_news dl,
body#home #box_news dt,
body#home #box_news dd {
	margin: 0;
	padding: 0;
}
body#home #box_news dl {
	font-size: 13px;
	line-height: 17px;
	padding:20px 0 0 0;
}
body#home #box_news dt{
	width: 8.5em;
	padding: 0;
	float: left;
	clear: left;
}
body#home #box_news dd {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	padding: 0;
	margin: 0 0 15px;
	float: none;
}

body#home #box_news dd a{
	color:#000;
	text-decoration:none;
}

body#home #box_news dd a:hover{
	text-decoration:underline;
}

body#home #box_news dd .post-categories{
	display: inline-block;
	vertical-align: top;
}

body#home #box_news dd .post-categories li{
	width: 75px;
	padding: 0;
	background: #e1e1e1;
	font-size: 12px;
	text-align: center;
	margin: 0 30px 0 0;
}

body#home #box_news dd .post-categories li a{
	font-family: sans-serif;
}

body#home .column{
	margin: 0 0 70px;
}

body#home .column ul{
	margin: 0 0 20px;
	padding: 25px 0 0;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	justify-content: space-between;
}


body#home .column ul li a{
	display: block;
}

body#home .mb80{
	margin-bottom: 85px;
}

body#home .list_bnr,
body#home .list_bnr_20181215{
	display: flex;
  justify-content: space-between;
	margin: 0 0 40px;
}

body#home .list_bnr_20181215 li{
	line-height: 0;
	margin: 0 0 20px;
}

body#home .shopbnr{
	position: relative;
}

body#home .shopbnr .shopbnr_txt{
	position: absolute;
	top: 185.25px;
	left: 0;
}

body#home .shopbnr_slider .top_slider .imgChangepc{
	display: block;
}

body#home .shopbnr_slider .top_slider .imgChangesp{
	display: none;
}

body#home .shopbnr_slider .top_slider{
	width: 456px;
}

body#home .shopbnr_slider .top_slider li{
	width: 456px;
}

body#home .shopbnr_slider .top_slider li a,
body#home .shopbnr_slider .top_slider li a img{
	width: 100%;
	display: block;
}

body#home .shopbnr_slider .top_slider .slick-next,
body#home .shopbnr_slider .top_slider .slick-prev {
  display: block;
  background: rgba(0, 0, 0, 0.6);
  border: none;
  position: absolute;
  padding: 0;
  width: 24px;
  height: 52px;
  top: 50%;
  margin-top: -50px;
  color: #fff;
  font-size: 1.2rem;
  z-index: 100; }

body#home .shopbnr_slider .top_slider .slick-left {
  left: 0; }

body#home .shopbnr_slider .top_slider .slick-next {
  right: 0; }

body#home .shopbnr_slider .top_slider .slick-dots {
  position: relative;
  bottom: 0;
  padding: 34px 0 0;
  text-align: center; }
body#home .shopbnr_slider .top_slider .slick-dots li {
    position: relative;
    display: inline-block;
    width: 12px;
    height: 12px !important;
    margin: 0 5px;
    padding: 0;
    border: 1px solid #ddd;
    border-radius: 50%;
    box-sizing: border-box;
    cursor: pointer;
    vertical-align: top; }
body#home .shopbnr_slider .top_slider .slick-dots li.slick-active {
      border: 4px solid #000;
      box-sizing: border-box; }
body#home .shopbnr_slider .top_slider .slick-dots li button {
      font-size: 0;
      line-height: 0;
      display: block;
      width: auto;
      height: auto;
      padding: 0;
      cursor: pointer;
      color: transparent;
      border: 0;
      outline: none;
      background: transparent;
      box-sizing: border-box; }


body#home .list_bnr_20181215{
	width: 440px;
	display: flex;
	justify-content: space-between;
	margin: 0 0 40px;
	flex-wrap: wrap;
}

body#home .list_bnr_20181215 li a{
	display: block;
	margin: 0;
	line-height: 0;
}

body#home .wrap_bnrarea{
	display: flex;
  justify-content: space-between;
}

/* about */
body#about .contents {
    overflow: hidden;
    margin-bottom: 30px;
}
body#about .contents .pict {
    margin-bottom: 52px;
	line-height:0;
}
body#about .contents .title {
    width: 390px;
    text-align: center;
    margin-top: 10px;
}
body#about .contents .text {
    width: 570px;
    line-height: 40px;
    font-size: 15px;
}

/*.company*/
body.company .line_dotted li span.th {
    float: left;
    display: table-cell;
    width: 190px;
}
body.company .line_dotted li span.td {
    display: table-cell;
}
body.company .contents{
    margin-bottom: 70px;
    margin-left: 20px;
}
body.company#action .contents_wrap {
    margin-left: 30px;
    margin-right: 20px;
}
body.company .contents.last {
    margin-bottom: 140px;
}
.contents_wrap {
    margin: 0 20px;
}
body.company .line_dotted li ul li{
    width: 300px;
}
body.company .line_dotted li ul li span.th{
    width: 170px;
}

body.company#index #side li.index a,
body.company#action #side li.action a,
body.company#office #side li.office a {
	color: #999;
}
body.company#index #side li.index a:before ,
body.company#action #side li.action  a:before ,
body.company#office #side li.office  a:before {
    content: " ";
    display: block;
    float: left;
    width: 4px;
    height: 15px;
    background: #999;
    margin-top: 1px;
    margin-right: 5px;
}


/*20170809 office updata */

body#office .line_dotted li ul li{
    width: 435px;
}

body#office .line_dotted li ul li .td02 {
	padding-left: 20px;
}


/*recruit*/
body#recruit .contents.last{
	margin-bottom: 250px;
}

/*shop*/

.accordion_menu dt:first-child{
margin-top: 0px;
}

.accordion_menu dt {
    position: relative;
    width: 650px;
    height: auto;
    padding: 10px 10px 10px 20px;
    background: #e5e5e5;
margin-top: 5px;
display:block;
}
.accordion_menu dt:hover{
	cursor:pointer;
background:#bbbbbb;
}

.accordion_menu dt span.place {
    background: #FFFFFF;
	border-radius:3px;
	padding: 3px 5px;
	text-align: center;
	margin-left: 20px;
}
.accordion_menu dt:after {
    display: block;
    float: right;
    background: url(../img/middle/shopmenu_open.gif) no-repeat;
    content: " ";
    margin-right: 10px;
    position: absolute;
    top: 14px;
    right: 0px;
    display: block;
    height: 25px;
    width: 0px;
    background-size: 13px auto;
    padding: 0px 0px 0px 22px;
}
.accordion_menu dt.active:after {
    background: url(../img/middle/shopmenu_close.gif) no-repeat;
    background-size: 13px auto;
}
.accordion_menu dt.active + dd{
margin-bottom: 5px;
}

.accordion_menu dd {

border-left:1px solid #e5e5e5;
    padding: 20px 20px 20px 50px;
}
.accordion_menu th {
    vertical-align: top;
    text-align: left;
}
span.add:after {
    content: "：";
    margin-left: 40px;
}
span.tel:after {
    content: "：";
    margin-left: 14px;
}
body#shop  #main h3 {
    font-size: 18px;
    padding: 0;
	margin-bottom:24px;
    border-bottom: none;
}
body#shop  #main h4 {
    font-size: 13px;
    margin-bottom: 10px;
}
body#shop .contents_wrap{
	line-height:0;
}


#side ul ul.child li a:before {
    content: none;
}
#side ul ul.child{
	margin: 15px 0;
}
#side ul ul.child li {
    background: url(../img/middle/side_arow.png) no-repeat left center;
    padding-left: 15px;
	margin-left: 20px;
}
.map_arrow{
	padding-left:10px;
	background: url(../../shop/img/icon_arrow.gif) no-repeat left center;
    margin-left: 5px;
}


body#shop #main .contents{
	margin: 0 0 45px 0;
}



body.products .float_box div{
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size:15px;
	text-align:center;
}
body.products .float_box div img{
	margin:0 auto;
}
body.products .float_box{
	overflow:hidden;
	padding: 52px 50px 72px 50px;
	border:1px solid #545454;
}
body.products .float_box2{
	margin: 0 auto;
	overflow:hidden;
}
body.products #main .tCenter{
    display: block;
    line-height: 0;
}

body.products #main .btn_more{
	padding:0 80px 0 10px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size:15px;
}
body.products #main .btn_more2{
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size:15px;
}
body.products #main .btn_more a{
	background:url(../../products/img/icon_arrow.gif) no-repeat center left;
	padding:0 0 0 14px;
}
body.products #main .btn_more2 a{
	background:url(../../products/img/icon_arrow.gif) no-repeat center right;
	padding:0 14px 0 0;
}


body.products #header {
    border-bottom: #000 solid 7px;
}


/* 法人 */

body.corporation .contents {
    margin-bottom: 130px;
    margin-left: 20px;
}

body.corporation a.btn_more_gr{
	width:180px;
	display:block;
	background:url(../img/middle/icon_arrow.png) no-repeat 94% center #9f9f9f;
	padding:11px 14px 9px 26px;
	margin: 10px 0 50px 30px;
	color:#FFF;
	font-size:100%;
}

body.corporation .contents_wrap p{
	width:600px;
}

body.corporation .contents_wrap p.mb90{
	width:648px;
	margin:0 auto 90px;
}

body.corporation .contents_wrap p.mb10{
	margin:0 auto 50px;
}


/*　歴史　*/
.history#main {
    padding: 0px 0 0 100px;
}

.p_history.texttitle_gif{
    margin: 50px 0 42px 0;
}

/* 採用新卒 */
body.shinsotsu .contents {
    margin-bottom: 130px;
    margin-left: 20px;
}


body.shinsotsu .contents_wrap p.mb50{
	width:648px;
	margin:0 auto 50px;
}

body.shinsotsu .contents_wrap h3 + p.mb50{
	width:600px;
}

body.shinsotsu .newslist{
	width:92%;
	margin:0 auto;
}

body.shinsotsu .newslist li{
	float:left;
	width:16%;
}

body.shinsotsu .newslist li:nth-child(2){
	width:84%;
}

body.shinsotsu .contents_wrap a{
	color:#0066cc;
	text-decoration:underline;
}



/* 採用サポートスタッフ */

body.supportstaff .contents_wrap li:before{
	background:#eeeeee;
	float:left;
	width:72px;
	text-align:center;
	padding:2px 4px;
}
body.supportstaff .contents_wrap h3,
body.supportstaff .contents_wrap li{
	overflow:hidden;
	clear:both;
}

body.supportstaff .contents_wrap ul{
	border-bottom:1px solid #eeeeee;
    margin: 0 0 20px 0;
    width: 652px;
    float: right;
}


body.supportstaff .contents_wrap ul + h3{
	padding-top:20px;
}
body.supportstaff .contents_wrap ul:last-child{
	margin:0 0 46px 0;
}

body.supportstaff .contents_wrap li{
	margin:0 0 20px 0;
}

body.supportstaff .contents_wrap li span{
	width:560px;
	float:right;
}
body.supportstaff .contents_wrap li:nth-child(1){
	font-weight:bold;
}
body.supportstaff .contents_wrap li:nth-child(1):before{
	content:"勤務地";
	font-weight:normal;
}
body.supportstaff .contents_wrap li:nth-child(2):before{
	content:"職種";
}
body.supportstaff .contents_wrap li:nth-child(3):before{
	content:"業務内容";
}
body.supportstaff .contents_wrap li:nth-child(4):before{
	content:"期間";
}

body.supportstaff .contents{
	overflow:hidden;
}





/* middle 共通 */

.container_middle .texttitle_gif{
	text-align:center;
	margin:50px 0 40px 0;
}


.container_middle .float_box_r,
.container_middle .float_box_l{
	overflow:hidden;
	padding:0 40px;
}

.container_middle .float_box_r .fRight,
.container_middle .float_box_l .fLeft{
width: 52px;
    padding: 0 17px;
}
.container_middle .float_box_r .fRight{
    text-align: right;
}
.container_middle .float_box_r .fLeft,
.container_middle .float_box_l .fRight{
	width:540px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size:15px;
	line-height: 2;
    letter-spacing: 0.05em;
}

.container_middle .text_mincyo,
.container_middle ul.img_hosoku,
.container_middle ul.img_hosoku li{
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size:15px;
}


.container_middle #main ul.img_hosoku,
.container_middle #main ul.img_hosoku li.fRight{
	text-align:right;
	font-size:12px;
}

.container_middle #main ul.img_hosoku li{
	width:50%;

}


.container_middle .float_box{
	overflow:hidden;
}

/* 産地 */
/* japan */
body.style .map {
	position:relative;
}
body.style .map .button li {
	position:absolute;
}
body.style .map .button .bt01 { top:15px; left:35px; }
body.style .map .button .bt02 { top:105px; left:35px; }
body.style .map .button .bt03 { top:195px; left:35px; }
body.style .map .button .bt04 { top:285px; left:35px; }
body.style .map .button .bt05 { top:375px; left:35px; }
body.style .map .button .bt06 { top:15px; right:35px; }
body.style .map .button .bt07 { top:105px; right:35px; }
body.style .map .button .bt08 { top:195px; right:35px; }
body.style .map .button .bt09 { top:285px; right:35px; }
body.style .map .button .bt10 { top:375px; right:35px; }
body.style .map .button .bt11 { top:465px; right:35px; }


/* 210611 お詫びとお知らせ　TOP */

.top_btn_210708{
	flex-wrap:nowrap;
	position: absolute;
	height: 150px;
	width: 960px;
	left: 0;
	overflow: hidden;
}
.news_210611{
	background-color: #00275e;
	/* color: white;
	width: 460px;
	float: left;
	margin-right: 40px; */
	color: white;
    width: 960px;
    height: 60px;
    position: absolute;
    left: 0;
}
.news_210611:last-child{
	margin-right: 0;
}

.news_210611:hover{
	opacity: 0.7;
}
.news_210611 a p{
	color: white;
	font-size: 18px;
	text-align: center;
	line-height: 60px;
	letter-spacing: 2px;
}
body#home #box_slide ul{
	position: relative;
    top:180px;
}
body#home #box_slide {
    height: 670px;
}
/* 210609 カタログ情報追加*/
body#home .column .inquiry_top_210618 {
	padding-top: 10px;
	display: block;
}
.inquiry_top_210618 dt{
	font-size: 16px;
	line-height: 26px;
	padding-left: 1em;
}
.inquiry_top_210618 dd{
 font-size: 16px;
 line-height: 26px;
 letter-spacing: 1px;
 padding-left: 1em;
 width: 96%;
 display: flex;
 justify-content: space-between;
}
body#home .column_flex_210618,
body#inquiry .column_flex_210618{
	display: flex;
	justify-content: space-between;
}

body#home .catalog_column{
    width: 715px;
}
body#home .cat_clock{
    width: 225px;
}

/* 210609 tachikichi.jpへのリンク削除による、カタログ部分追加 */
body#home .column .catalog{
	display: block;
    overflow: hidden;
	display: flex;
}
/* 210609 tachikichi.jpへのリンク削除による、カタログ部分追加 ここまで */



/* 210709 お買い物ガイド追加 */
.pc{
	display: block;
}
#guide h2{
font-size: 24px;
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
#guide #main .container{
 width: 100%;
 border: 1px solid rgb(138, 138, 138);
 padding: 20px;
 box-sizing: border-box;
 margin-bottom: 20px;
}
#guide #main .container dl{
	margin-bottom: 40px;
}
#guide #main .container dt{
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
line-height: 30px;
font-size: 14px;
}
#guide #main .container dd{
	font-size: 14px;
	line-height: 28px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
#guide #main .container dd::before{
	content: '・';
}
#guide #main .wrapping{
	display: flex;
	max-width: 600px;
	justify-content: space-between;
}
#guide #main .wrapping li{
	width:280px;
	display: block;
	padding-bottom: 20px;
}
#guide #main .wrapping ul li caption{
	display: inline;
}
#guide #main .bag{
	display: flex;
	max-width: 600px;
	justify-content: space-between;
}
#guide #main .bag li{
	width:280px;
	display: block;
	padding-bottom: 20px;
}
#guide #main .bag ul li caption{
	display: inline;
}
@media screen and (max-width: 750px) {
.pc{
display: none;
}
#guide #content_wrap{
	margin: auto;
}
#guide #main .wrapping,
#guide #main .bag{
	display: flex;
	max-width: 90%;
	flex-wrap:wrap;
	justify-content: center;
}
}

/* 220610 サブスクリプションサービス　お知らせボタン　TOP */

.news_220610{
	background-color: #ffffff;
	color: black;
	margin:auto;
	margin-bottom: 20px;
	height: 60px;
	box-sizing: border-box;
	border: #000 1px solid;
	overflow: hidden;
	/* position: relative; */
	width: 960px;
    height: 60px;
    position: absolute;
    left: 0;
	top: 80px;
  }
  
  .news_220610:hover{
	  opacity: 0.7;
  }
  .news_220610 a p{
	  color: #000;
	  font-size: 18px;
	  text-align: center;
	  line-height: 60px;
	  letter-spacing: 2px;
  }
  
  .news_220610 .ribbon {
	background:#c40f18;
	position: absolute;
	padding: 100px 0px 30px !important;
	left: -84px;
	top: -61px;
	text-align: center;
	width: 200px;
	transform: rotate(-65deg);
	-ms-transform: rotate(-65deg);
	-moz-transform: rotate(-65deg);
	-webkit-transform: rotate(-65deg);
	-o-transform: rotate(-65deg);
  }

  .news_220610 .ribbon span{
	display: block;
	color: #FFF;
	font-size: 18px;
	transform: rotate(65deg);
	-ms-transform: rotate(65deg);
	-moz-transform: rotate(65deg);
	-webkit-transform: rotate(65deg);
	-o-transform: rotate(65deg);
  }