/* 基本設定 */
body{
    color: #333;
}
a{
    text-decoration: none;
}
a:link,
a:visited,
a:hover,
a:active{
    color: #333;
}
/* 基本設定 */
/* ヘッダー */
#header {
    width: 100%;
}
#header_text {
    background: #fef001;
}
#header_text p {
    max-width: 1000px;
    margin: 0 auto;
    font-size: 12px;
    font-size: 1.2rem;
    color: #333333;
    padding: 5px 0;
}
#ligo_area {
    max-width: 1000px;
    margin: 20px auto;
    overflow: hidden;
}
#ligo {
    width: 283px;
    float: left;
}
#ligo img {
    width: 100%;
}
#sab_nav {
    float: right;
    margin-top: 15px;
}
#sab_nav li {
    float: left;
    margin-left: 10px;
}
#sab_nav li a{
    border: 1px solid #666;
    font-weight: 700;
    color: #666;
    padding: 10px 20px 10px 63px;
    border-radius: 4px;
    background: no-repeat 13px 50%;
    display: block;
}
#sab_nav #sab_nav01 {
    background-image: url(img/icon_webshop.png);
}
#sab_nav #sab_nav02 {
    background-image: url(img/icon_faq.png);
}
#main_nav {
    background: #e10816;
}
#main_nav #sp_menu {
    display: none;
}
#main_nav ul {
    max-width: 1000px;
    margin: 0 auto;
    text-align: center;
    font-size: 0;
}
#main_nav li {
    width: 12.5%;
    display: inline-block;
}
#main_nav li#sp_open{
    display: none;
}
#main_nav a {
    width: 100%;
    padding: 20px 0;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 700;
    color: #fff;
    display: block;
}
#main_nav a:hover,
#main_nav a:active{
    background: #e60012;
}
/* ヘッダー end */
.container {
    max-width: 1000px;
    margin: 20px auto 40px;
    overflow: hidden;
    position: relative;
}
.top-container {
    max-width: 1000px;
    margin: 40px auto;
    overflow: hidden;
    position: relative;
}
#breadcrumb {
    margin: 0 0 30px;
    overflow: hidden;
}
#breadcrumb li {
    float: left;
}
#breadcrumb span {
    color: #666666;
}
#breadcrumb li::after{
    content: ">";
    padding: 0 5px;
}
#breadcrumb li:last-of-type::after{
    content: "";
}
h1#page_tatle {
    font-size: 40px;
    font-size: 4.0rem;
    font-weight: 900;
    margin-bottom: 30px;
}
h1#page_tatle p {
    font-size: 40px;
    font-size: 4.0rem;
    font-weight: 900;
    display: inline-block;
}
.section{
    margin-bottom: 40px;
}
.section h2{
    font-size: 20px;
    font-size: 2.0rem;
    font-weight: 700;
    padding-bottom: 5px;
    border-bottom: 1px solid #000;
    margin-bottom: 20px;
}
.the_content {
    overflow: hidden;
    margin: 40px 0 55px;
}
.the_content * {
    max-width: 100%;
}

/* TOPページ */
/* スライダー */
#slider {
    width: 100%;
    padding: 0 0 50px;
    position: relative;
}
#slider .swiper-button-prev {
    display: none;
}
#slider .swiper-button-next {
    display: none;
}
#slider .swiper-pagination {
    position: absolute;
    bottom: 12px;
}
#slider .swiper-pagination span{
    width: 16px;
    height: 16px;
    margin: 0 10px;
}
#slider .swiper-pagination-bullet-active{
    background: #e10816;
}
#slider img {
    width: 100%;
}
#slider + *{
    margin-top: 0px;
}
/* スライダー end */
.container .top_content {
    margin: 0 0 40px;
}
/* ニュースエリア */
#news_area{
    overflow: hidden;
    margin: 0 0 40px;
}
.news {
    width: 50%;
    float: left;
    position: relative;
}
#news h2 {
    margin-right: 20px;
    font-weight: 900;
    border-bottom: 1px solid #000;
    padding-bottom: 5px;
}
#event h2 {
    margin-left: 20px;
    font-weight: 900;
    border-bottom: 1px solid #000;
    padding-bottom: 5px;
}
.news .list_link{
    position: absolute;
    margin: 0;
    font-size: 20px;
    font-size: 2.0rem;
    top: 0;
    left: 100px;
}
.news a{
    display: block;
    margin-top: 10px;
    font-size: 16px;
    font-size: 1.6rem;
}
#news a{
    margin-right: 20px;
}
#event a{
    margin-left: 20px;
}
.news ul{
    overflow: hidden;
}
.news li{
    float: left;
    font-weight: 600;
}
.news li.time{
    width: 100px;
}
.news li.title{
    width: 95%;
    margin-left: -100px;
}
.news li.title p{
    margin-left: 100px;
}
/* ニュースエリア end */
/* バナー */
.t_favoriteshop {
    width: 150px;
    text-align: center;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 700;
    padding: 10px 18px;
    color: #107c3a !important;
    display: block;
    border-radius: 4px;
    position: absolute;
    background: #fff;
    border: 1px solid #00a656;
    top: 0;
    left: 50%;
    transform: translate( -50%, -70%);
    z-index: 9999;
}
.t_favoriteshop:hover, .t_favoriteshop:active {
    color: #e60012 !important;
    border: 1px solid #e60012;
}
#banner_upper {
    width: 100%;
background: linear-gradient(-45deg,#fecb01 25%, #fec701 25%,#fec701 50%, #fecb01 50%,#fecb01 75%, #fec701 75%,#fec701);
  background-size: 20px 20px;
    margin: -40px auto 40px;
    padding: 30px 0;
}
#banner_upper .banner_slide{
    max-width: 1000px;
    margin: 0 auto;    
    position: relative;
}
#banner_upper .swiper-container {
    max-width: 1000px;
    margin: 0 auto;
    font-size: 0;
}
#banner_upper img {
    width: 100%;
}
#banner_upper .swiper-button-prev {
    position: absolute;
    left: -50px;
    background-image: url(img/toppage_prev.png);
}
#banner_upper .swiper-button-next {
    position: absolute;
    right: -50px;
    background-image: url(img/toppage_next.png);
}
#banner_lower {
    margin-top: -20px;
    overflow: hidden;
}
#banner_lower li {
    width: 25%;
    margin-top: 20px;
    float: left;
}
li.bn_left div{
    margin-right: 10px;
    display: block;
}
li.bn_center div{
    margin: 0 5px;
    display: block;
}
li.bn_right div{
    margin-left: 10px;
    display: block;
}
#banner_lower img {
    width: 100%;
}
#banner_upper a,
#banner_lower a{
    background: #fff;
}
#banner_upper a:hover img,
#banner_upper a:active img,
#banner_lower a:hover img,
#banner_lower a:active img{
    opacity: 0.7;
}

/* バナー end */
/* TOPページ end */
/* 店舗一覧 */
#area_tag {
    /*margin: 40px 0;*/
    overflow: hidden;
}
#area_tag p {
	margin-bottom: 15px;
}
#area_tag p span {
	color: #e10816;
}
#area_tag li {
    float: left;
    margin-right: 7px;
	padding-bottom: 7px;
}
#area_tag a {
    padding: 10px 18px;
    background: #00a656;
    color: #fff;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 700;
    display: block;
    border-radius: 4px;
}
.area {
    margin: 40px 0;
}
.area h2 {
    font-size: 30px;
    font-size: 3.0rem;
    font-weight: 700;
    margin-bottom: 20px;
}
.area table {
    width: 100%;
}
.area tbody {
    border-top: 1px solid #bbb;
    border-left: 1px solid #bbb;
    font-size: 16px;
    font-size: 1.6rem;
}
.area th,
.area td{
    padding: 10px 15px;
    border-bottom: 1px solid #bbb;
    border-right: 1px solid #bbb;
}
.area th {
    background: #ecf4e3;
    font-weight: 700;
}
.area td {
    vertical-align: middle;
}
.area td.shoplist_title {
    font-weight: 700;
    width: 170px;
}
.area td.shoplist_title a {
    font-size: 1.6rem;
    display: block;
}
.area td.shoplist_title a:hover {
    color: #e10816;
}
.area td.shoplist_title a::before {
	content:"▶";
	color: #e10816;
	margin-right: 5px;
}
.area td.shoplist_hours{
    width: 250px;
}
.area td.shoplist_parking{
    width: 100px;
}
.area .shoplist_tel {
    font-size: 16px;
    font-size: 1.6rem;
}
.area .shoplist_time {
    font-size: 14px;
    font-size: 1.4rem;
}
/* 店舗一覧 end */
/* 店舗詳細 */
#page_tatle span.shop_tag {
    padding: 10px 18px;
    margin: 0 20px 0 0;
    color: #fff;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 700;
    background: #00a656;
    vertical-align: 37%;
    border-radius: 4px;
}
#shopdtails_wrap{
    -js-display: flex;
	display:-webkit-box;
	display: -webkit-flex;
	display:-moz-box;
	display:-ms-flexbox;
	display: flex;
     -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
}
.shoppc_left{
    width: 50%;
	display : -webkit-inline-box;
	display : -ms-inline-flexbox;
	display : -webkit-inline-flex;
	display : inline-flex;
}
.shoppc_right{
    width: 50%;
	display : -webkit-inline-box;
	display : -ms-inline-flexbox;
	display : -webkit-inline-flex;
	display : inline-flex;
}
#shopinfo{
    width: 100%;
    padding-right: 20px;
}
#shopinfo ul.shopinfo_top {
    margin-bottom: 15px;
}
#shopinfo ul.shopinfo_top li {
    margin-bottom: 5px;
}
#shopinfo ul.shopinfo_top dl {
    overflow: hidden;
}
#shopinfo ul.shopinfo_top dt {
    font-size: 16px;
    font-size: 1.6rem;
    float: left;
}
#shopinfo ul.shopinfo_top dt::after{
    content: "：";
}
#shopinfo ul.shopinfo_top dd {
    width: 100%;
    float: left;
}
#shopinfo ul.shopinfo_top dd p {
    font-size: 16px;
    font-size: 1.6rem;
}
.address dt{
    width: 50px;
}
.address dd {
    margin-left: -50px;
}
.address dd p {
    padding-left: 50px;
}
.tel dt{
    width: 42px;
}
.tel dd {
    margin-left: -42px;
}
.tel p {
    padding-left: 42px;
}
.businesshours dt{
    width: 81px;
}
.businesshours dd {
    margin-left: -81px;
}
.businesshours p {
    padding-left: 81px;
}
.parking dt{
    width: 66px
}
.parking dd {
    margin-left: -66px;
}
.parking p {
    padding-left: 66px
}
#googlemap {
    width: 100%;
    margin: 20px 0;
    height: 300px; /* 実装時削除してください */
    background: #666666; /* 実装時削除してください */
}
.map_link {
    width: 188px;
    margin: 20px auto;
    padding: 10px 0;
    text-align: center;
    background: #595757;
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: 700;
    color: #fff;
    border-radius: 4px;
    display: block;
}
.map_link:link,
.map_link:visited,
.map_link:hover,
.map_link:active{
    color: #fff;
}
.acsess {
    margin: 20px 0;
}
.acsess p {
    font-size: 16px;
    font-size: 1.6rem;
}
.dhopimg {
    width: 81%;
    margin: 20px auto;
    position: relative;
}
.dhopimg .swiper-button-prev {
    position: absolute;
    left: -40px;
    background-image: url(img/gallery_prev.png);
}
.dhopimg .swiper-button-next {
    position: absolute;
    right: -40px;
    background-image: url(img/gallery_next.png);
}
.dhopimg img {
    width: 100%;
}
.parttimejob_link {
    width: 256px;
    padding:  20px 0;
    margin: 40px auto;
    background: #0097e0;
    display: block;
    text-align: center;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 700;
    border-radius: 4px;
}
.parttimejob_link:link,
.parttimejob_link:visited,
.parttimejob_link:hover,
.parttimejob_link:active{
    color: #fff;
}
#chirashi{
    width: 100%;
    padding-left: 20px;
}
#chirashi .chirashi_link{
    width: 300px;
    margin: 0 auto;
    padding: 15px 0;
    background: #f39800;
    color: #fff;
    font-weight: 700;
    text-align: center;
    display: block;
    border-radius: 4px;
}
.chirashi_list {
    margin-top: 10px;
    padding: 20px;
    background: #fff5e0;
}
.chirashi_list img {
    max-height: 130px;
    display: block;
    margin: 0 auto 20px;  
}
.chirashi_list h3 {
    font-size: 20px;
    font-size: 2.0rem;
    font-weight: 900;
    margin-bottom: 3px;
}
.chirashi_list p {
    font-size: 16px;
    font-size: 1.6rem;
    margin-bottom: 20px;
}
.chirashi_list ul {
    overflow: hidden;
    margin: -10px 0 0 -10px;
}
.chirashi_list li {
    float: left;
    margin: 10px 0 0 10px;
}
.chirashi_list a {
    display: block;
    padding: 10px 18px;
    background: #f39800;
    font-size: 16px;
    font-size: 1.6rem;
    color: #fff;
    border-radius: 4px;
}
#shopnews {
    width: 100%;
    padding-right: 20px;
}
#shopnews li {
    margin-top: 20px;
}
#shopnews dl {
    overflow: hidden;
}
#shopnews dt {
    font-size: 16px;
    font-size: 1.6rem;
    float: left;
    padding-right: 20px;
}
#shopnews dd {
    font-size: 16px;
    font-size: 1.6rem;
    float: left;
}
#shopservice{
    clear: both;
}
.icon_list{
    margin-left: -40px;
    overflow: hidden;
}
.icon_list li {
    margin-left: 40px;
    float: left;
    text-align: center;
}
.icon_list img {
    width: 90px;
    margin: 0 auto;
}
.icon_list h4 {
    margin-top: 8px;
    font-size: 12px;
    font-size: 1.2rem;
}
#tenant ul {
    margin-top: -20px;
    overflow: hidden;
}
#tenant li {
    width: 50%;
    margin-top: 20px;
    float: left;
}
#tenant img {
    width: 90px;
    float: left;
    margin-right: 20px;
}
#tenant .tenant_info {
    float: left;
    width: 100%;
    margin-left: -110px;
}
#tenant .tenant_info .genre {
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 700;
    color: #00a656;
    margin-top: -3px;
    padding: 0 20px 0 129px;
    position: relative;
}
#tenant .tenant_info .genre::before{
    content: "";
    width: 16px;
    height: 16px;
    background: #00a656;
    border-radius: 50%;
    position: absolute;
    top: 4px;
    left: 110px;
}
#tenant .tenant_info h3 {
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 700;
    padding: 0 20px 0 110px;
}
#tenant .tenant_info p {
    font-size: 16px;
    font-size: 1.6rem;
    padding: 0 20px 0 110px;
}
#others .others_shoplist {
    margin-left: -10px;
	margin-top: -10px;
    overflow: hidden;
}
.others_shoplist li {
    margin-left: 10px;
	margin-top: 10px;
    float: left;
}
.others_shoplist a {
    padding: 10px 18px;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 700;
    color: #fff;
    display: block;
    background: #00a656;
    border-radius: 4px;
}

#shopdetails_link {
    position: fixed;
    bottom: 280px;
    right: 0;
}
#shopdetails_link li {
    margin-bottom: 2px;
}
#shopdetails_link a {
    width: 80px;
    height: 80px;
    display: block;
    background: #00a656;
    position: relative;
}
#shopdetails_link a p{
    width: 100%;
    text-align: center;
    position: absolute;
    top: 50%;
    margin-top: -10px;
    left: 0;
    font-weight: 700;
    color: #fff;
}
/* 店舗詳細 end */
/* WEBチラシ */
#chirashi_title{
    margin: 0 0 30px;
    overflow: hidden;
}
#chirashi_title h2{
    font-size: 30px;
    font-size: 3.0rem;
    font-weight: 900;
    margin-right: 30px;
    float: left;
}
#chirashi_title p {
    font-size: 20px;
    font-size: 2.0rem;
    padding-top: 10px;
    float: left;
}
.chirashi_img {
    margin: 30px 0 35px;
    overflow: hidden;
}
#webchirashi .chirashi_img li {
    width: 50%;
    float: left;
}
.chirashi_img li:first-child a {
    display: block;
    margin-right: 20px;
}
.chirashi_img li:last-child a {
    display: block;
    margin-left: 20px;
}
.chirashi_img img {
    width: 100%;
}
#webchirashi .chirashi_ex {
    margin: 20px 0 20px;
    font-size: 16px;
    font-size: 2.0rem;
		color:#FF0000;
    text-align: center;
}
#chirashselect {
    margin: 40px 0 50px;
    text-align: center;
}
#webchirashi #chirashselect li {
    display: inline-block;
    margin: 0 5px;
}
#webchirashi #chirashselect a {
    padding: 10px 18px;
    display: block;
    background: #f39800;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 700;
    color: #fff;
    border-radius: 4px;
}
.others_chirashilist {
    overflow: hidden;
}
.others_chirashilist li {
    margin-left: 10px;
    float: left;
}
.others_chirashilist a {
    padding: 10px 18px;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 700;
    color: #fff;
    display: block;
    background: #f39800;
    border-radius: 4px;
}
/* WEBチラシ end*/
/* 商品一覧TOP */
#itemlistsearch {
    position: absolute;
    top: 60px;
    right: 0;
    overflow: hidden;
}
.search #search_category {
    width: 200px;
    height: 40px;
    float: left;
    margin-right: 10px;
    padding: 7px;
    font-size: 16px;
    font-size: 1.6rem;
    display: block;
    border: 1px solid #bbbbbb;
    border-radius: 4px;
    background: url(img/arrow.png) no-repeat 96% 50% ;
    box-sizing: border-box;
}
.search .search_box {
    width: 280px;
    height: 40px;
    padding: 10px;
    font-size: 16px;
    font-size: 1.6rem;
    display: block;
    float: left;
    border: 1px solid #bbbbbb;
    border-radius: 4px;
    box-sizing: border-box;
}
.ion-android-search{
    position: absolute;
    top: 0;
    right: 8px;
    font-size: 26px;
    font-size: 2.6rem;
}
#itemlist .con_toplist a,
#itemlist .con_list a {
        background: #f6f9e4;
}
#itemlist .con_toplist ul li{
    background: #00a656;
}
#itemlist .con_toplist h3,
#itemlist .con_list h3 {
    color: #316745;
}
.con_toplist {
    -js-display: flex;
	display:-webkit-box;
	display: -webkit-flex;
	display:-moz-box;
	display:-ms-flexbox;
	display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    margin: 0 0 55px -20px;
}
.con_toplist li {
    width: 33.3333%;
    display : -webkit-inline-box;
	display : -ms-inline-flexbox;
	display : -webkit-inline-flex;
	display : inline-flex;
    margin-bottom: 20px;
}
.con_toplist a {
    margin-left: 20px;
    display: block;
    width: 100%;
    padding: 20px 20px 60px;
    position: relative;
    box-sizing: border-box;
}
.con_toplist .imgwrap{
    position: relative;
}
.con_toplist .imgwrap::before{
    content: "";
    display: block;
    padding-top: 100%;
    margin-bottom: 20px;
}
.con_toplist img {
    position: absolute;
    top: 50%;
    left: 50%;
    max-width: 100%;
    max-height: 100%;
    transform: translate(-50%, -50%);
}
.con_toplist h3 {
    font-size: 20px;
    font-size: 2.0rem;
    font-weight: 700;
    margin-bottom: 20px;
}
.con_toplist p {
    font-size: 16px;
    font-size: 1.6rem;
    margin-bottom: 20px;
}
.con_toplist ul {
    margin-left: -10px;
    overflow: hidden;
    position: absolute;
    bottom: 0px;
    left: 20px;
}
.con_toplist ul li {
    width: auto;
    float: left;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 700;
    color: #fff;
    padding: 5px 10px;
    background: #00a656;
    margin-left: 10px;
    border-radius: 4px;
}
#categorylist {
    overflow: hidden;
    margin-left: -20px;
}
#categorylist li {
    width: 33.3333%;
    float: left;
    margin-bottom: 20px;
}
#categorylist a {
    margin-left: 20px;
    display: block;
    position: relative;
}
#categorylist img {
    width: 90px;
    margin-right: 20px;
}
#categorylist h3 {
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 700;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    left: 110px;
}
#more {
    display: none;
}
/* 商品一覧TOP end */
/* 商品一覧 */
.con_list {
    -js-display: flex;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
    -weblit-flex-flow: row wrap;
    flex-flow: row wrap;
    -weblit-justify-content: flex-start;
    justify-content: flex-start;
    margin: 0 0 55px -10px;
}
.con_list li {
    width: 25%;
    display : -webkit-inline-box;
	display : -ms-inline-flexbox;
	display : -webkit-inline-flex;
	display : inline-flex;
}
.con_list a {
    display: block;
    width: 100%;
    margin: 0 0 10px 10px;
    padding: 20px;
    box-sizing: border-box;
}
.con_list .imgwrap{
    position: relative;
}
.con_list .imgwrap::before{
    content: "";
    display: block;
    padding-top: 100%;
    margin-bottom: 10px;
}
.con_list img {
    position: absolute;
    top: 50%;
    left: 50%;
    max-width: 100%;
    max-height: 100%;
    transform: translate(-50%, -50%);
}
.con_list h3 {
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 700;
}
/* 商品一覧 end */
/* 商品詳細 */
.favoriteshop{
    position: absolute;
    top: 64px;
    right: 0;
    font-weight: 700;
    color: #00a656;
    border: 1px solid #00a656;
    padding: 8px 18px;
    border-radius: 4px;
}
.favoriteshop:link,
.favoriteshop:visited,
.favoriteshop:hover,
.favoriteshop:active{
    color: #107c3a;
}
#page_tatle span.item_tag {
    padding: 10px 18px;
    margin: 0 20px 0 0;
    color: #fff;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 700;
    background: #00873c;
    vertical-align: 37%;
    border-radius: 4px;
}
.item_comment {
    font-size: 20px;
    font-size: 2.0rem;
    margin-bottom: 35px;
}
#mainimg img {
    max-width: 600px;
    margin: 35px auto 40px;
}
#item_gallery {
    width: 390px;
    margin: 40px auto;
    position: relative;
}
#item_gallery img {
    width: 100%;
}
#item_gallery .swiper-button-prev {
    position: absolute;
    left: -60px;
    background-image: url(img/gallery_prev.png);
}
#item_gallery .swiper-button-next {
    position: absolute;
    right: -60px;
    background-image: url(img/gallery_next.png);
}
.back {
    width: 200px;
    padding: 8px 0;
    text-align: center;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 700;
    color: #fff;
    display: block;
    background: #595757;
    margin: 55px auto 60px;
    border-radius: 4px;
}
.back:link,
.back:visited,
.back:hover,
.back:active{
    color: #fff;
}
#detailpage_search {
    position: relative;
    width: 490px;
    height: 40px;
    margin: 0 auto;
}
/* 商品詳細 end */
/* レシピ一覧 */
#recipelist .con_toplist a,
#recipelist .con_list a {
        background: #fbf4e7;
}
#recipelist .con_toplist ul li{
    background: #9b7952;
}
#recipelist .con_toplist h3,
#recipelist .con_list h3 {
    color: #6d4015;
}
#tag_list {
    margin: 0 0 55px -10px;
    overflow: hidden;
}
#tag_list li {
    float: left;
    margin-left: 10px;
}
#tag_list a {
    padding: 8px 18px;
    display: block;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 700;
    color: #fff;
    background: #9b7952;
    border-radius: 4px;
}
/* レシピ一覧 end */
/* レシピ詳細 */
#page_tatle span.recipe_tag {
    padding: 10px 18px;
    margin: 0 20px 0 0;
    color: #fff;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 700;
    background: #9b7952;
    vertical-align: 37%;
    border-radius: 4px;
}
#recipe_head {
    -js-display: flex;
	display:-webkit-box;
	display: -webkit-flex;
	display:-moz-box;
	display:-ms-flexbox;
	display: flex;
    -weblit-flex-flow: row wrap;
    flex-flow: row wrap;
    -weblit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: stretch;
    align-items: stretch;
}
#recipe_head img {
    width: 60%;
    display : -webkit-inline-box;
	display : -ms-inline-flexbox;
	display : -webkit-inline-flex;
	display : inline-flex;
}
#recipe_head #material {
    width: 36%;
    display : -webkit-inline-box;
	display : -ms-inline-flexbox;
	display : -webkit-inline-flex;
	display : inline-flex;
}
#material div {
    width: 100%;
    padding: 20px;
    background: #fbf4e7;
}
.recipetag_list {
    margin: 40px 0 45px -10px;
    overflow: hidden;
}
.recipetag_list li {
    margin-left: 10px;
    float: left;
}
.recipetag_list a {
    padding: 5px 10px;
    font-weight: 700;
    color: #fff;
    display: block;
    background: #9b7952;
    border-radius: 4px;
}
.recipe_content{
    margin: 40px 0;
}
#procedure {
    margin: -40px 0 60px -40px;
    overflow: hidden;
}
#procedure li {
    width: 50%;
    padding-top: 40px;
    float: left;
    position: relative;
}
#procedure li span.namber{
    position: absolute;
    top: 40px;
    left: 40px;
    font-size: 20px;
    font-size: 2.0rem;
    font-weight: 700;
    color: #6d4015;
}
#procedure li > div{
    margin: 40px 0 0 40px;
    overflow: hidden;
}
#procedure img {
    max-width: 200px;
    width: 40%;
    float: left;
}
#procedure p {
    width: 56%;
    float: right;
}
#procedure .noimage p{
    float: none;
    width: 100%;
}
/* レシピ詳細 end */
/* パート・アルバイト一覧 */
#page_tatle span.job_tag {
    padding: 10px 18px;
    margin: 0 20px 0 0;
    color: #fff;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 700;
    background: #0097e0;
    vertical-align: 37%;
    border-radius: 4px;
}
.job_list {
    -js-display: flex;
	display:-webkit-box;
	display: -webkit-flex;
	display:-moz-box;
	display:-ms-flexbox;
	display: flex;
    -weblit-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-align-items: stretch;
    align-items: stretch;
    margin-top: 20px;
}
.job_list .shopname {
    width: 160px;
    font-weight: 700;
    padding: 20px;
    background: #d3dee5;
    display : -webkit-inline-box;
	display : -ms-inline-flexbox;
	display : -webkit-inline-flex;
	display : inline-flex;
}
.job_list dd {
    width:  calc( 100% - 200px);
    display : -webkit-inline-box;
	display : -ms-inline-flexbox;
	display : -webkit-inline-flex;
	display : inline-flex;
    position: relative;
    }
.job_list .type{
    width: 100%;
    margin-top: -10px;
}
.job_list .type li{
    margin: 10px 0 0 10px;
    padding: 20px;
    background: #eaf2f6;
    display: block;
    overflow: hidden;
    position: relative;
}
.job_list .type .jobtype_img{
    min-width: 150px;
    min-height: 150px;
    margin-right: 20px;
    float: left;
}
.type li img{
    max-width: 150px;
    max-height: 150px;
    position: absolute;
    top: 50%;
    left: 20px;
    transform:translateY( -50%);
}
.type li .jobtype_text{
    width: 100%;
    margin-left: -170px;
    min-height: 150px;
    float: left;
}
.type li div p{
    padding-left: 170px;
}
.type div h3 {
    padding-left: 170px;
    font-size: 20px;
    font-size: 2.0rem;
    font-weight: 700;
    color: #18586e;
    margin-bottom: 20px;
}
.type div .publication_date {
    margin-top: 32px;
}
.job_list dd .none {
    position: absolute;
    width: 215px;
    top: 50%;
    margin-top: -9px;
    left: 30px;
}
/* パート・アルバイト一覧 end */
/* パート・アルバイト */
#jobpage_title {
    font-size: 30px;
    font-size: 3.0rem;
    font-weight: 700;
    color: #18586e;
}
.jobpage_publication_date {
    margin-bottom: 10px;
}
.job_mainimg {
    display: block;
    max-width: 600px;
    max-height: 600px;
    margin: 10px auto 30px;
}
.job_comment {
    font-size: 20px;
    font-size: 2.0rem;
    margin-bottom: 50px;
}
.job_infolist {
    -js-display: flex;
	display:-webkit-box;
	display: -webkit-flex;
	display:-moz-box;
	display:-ms-flexbox;
	display: flex;
    -weblit-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-align-items: stretch;
    align-items: stretch;
    margin-top: 10px;
}
.job_infolist dt {
    width: 160px;
    padding: 20px;
    display : -webkit-inline-box;
	display : -ms-inline-flexbox;
	display : -webkit-inline-flex;
	display : inline-flex;
    background: #eaf2f6;
    font-weight: 700;
}
.job_infolist dd {
    width: calc( 100% - 200px);
    display : -webkit-inline-box;
	display : -ms-inline-flexbox;
	display : -webkit-inline-flex;
	display : inline-flex;
}
.job_infolist dd div {
    padding: 20px;
}
.application_btn {
    width: 264px;
    margin: 60px auto;
    display: block;
    padding: 25px 0;
    background: #0097e0;
    font-weight: 700;
    color: #fff;
    text-align: center;
    border-radius: 4px;
}
.application_btn:link,
.application_btn:visited,
.application_btn:hover,
.application_btn:active{
    color: #fff;
}
/* パート・アルバイト end */
/* 正社員募集一覧 */
.regularmployeelist_list {
    -js-display: flex;
	display:-webkit-box;
	display: -webkit-flex;
	display:-moz-box;
	display:-ms-flexbox;
	display: flex;
    -weblit-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-align-items: stretch;
    align-items: stretch;
    margin-top: 10px;
}
.regularmployeelist_list .jobname {
    width: 160px;
    padding: 20px;
    background: #eaf2f6;
    display : -webkit-inline-box;
	display : -ms-inline-flexbox;
	display : -webkit-inline-flex;
	display : inline-flex;
}
.regularmployeelist_list dd {
    width: calc( 100% - 200px);
    display : -webkit-inline-box;
	display : -ms-inline-flexbox;
	display : -webkit-inline-flex;
	display : inline-flex;
}
.regularmployeelist_list div {
    width: 100%;
    padding: 20px;
    display: block;
}
.regularmployeelist_list .regularmployeedeteil_link {
    /*width: 128px;*/
    margin-top: 35px;
    padding: 8px 18px;
    background: #0097e0;
    font-weight: 700;
    color: #fff;
    display: block;
    border-radius: 4px;
}
/* 正社員募集一覧 end */
/* お知らせ一覧 */
.news_year {
    position: absolute;
    top: 60px;
    right: 0;
    width: 200px;
    height: 40px;
    padding: 7px;
    display: block;
    box-sizing: border-box;
    background: url(img/arrow.png) no-repeat 96% 50%;
    border: 1px solid #bbbbbb;
    border-radius: 4px;
}
.newsditail_link {
    margin-top: 5px;
    display: block;
}
.newsditail_link .newsdl {
    background: #efefef;
    padding: 20px;
    overflow: hidden;
}
.newsditail_link dt {
    width: 85px;
    float: left;
}
.newsditail_link dd {
    width: 100%;
    float: left;
    margin-left: -85px;
}
.newsditail_link dd p{
    overflow: hidden;
    padding-left: 100px;
    white-space: nowrap;
    text-overflow: ellipsis;
}
/* お知らせ一覧 end */
/* 会社概要 */
#company_tag {
    border-bottom: 1px solid #bbb;
    /*margin: -30px 0 50px;*/
    margin: 45px 0 50px;
}
.tag_wrap{
    max-width: 1000px;
    margin: 0 auto;
    position: relative;
}
#company_tag ul {
    position: absolute;
    margin-top: -41px;
    font-size: 0;
}
#company_tag li {
    display: inline-block;
    width: 210px;
    margin-right: 10px;
    text-align: center;
    border: 1px solid #bbb;
    border-bottom: none;
    font-size: 20px;
    font-size: 2.0rem;
}
#company_tag p {
    padding: 5px 0;
    background: #fff;
    border-bottom: 1px solid #fff;
    font-weight: 900;
}
#company_tag a {
    padding: 5px 0;
    background: #efefef;
    display: block;
    border-bottom: 1px solid #bbb;
    font-weight: 900;
}
#company_outline{
    overflow: hidden;
}
#company_outline h2 {
    font-size: 20px;
    font-size: 2.0rem;
    font-weight: 900;
    padding-bottom: 5px;
    border-bottom: 1px solid #000;
}
#outline_table {
    width: 100%;
    margin-top: 10px;
    float: left;
}
#outline_table tr{
    border-top: 10px solid #fff; 
}
#outline_table th {
    min-width: 120px;
    padding: 15px;
    background: #e6e6e6;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 700;
}
#outline_table td {
    padding: 15px 45px 15px 15px;
    font-size: 16px;
    font-size: 1.6rem;
}
#outline_img {
    width: 30%;
    margin-top: 20px;
    float: left;
}
#outline_img img {
    width: 100%;
    margin-bottom: 20px;
}
#outline_img .map {
    background: #666;
    height: 300px;
}
/* 会社概要 end */
/* フッター */
#footer {
    width: 100%;
}
#foot_nav {
    background: #e10816;
}
#foot_nav ul {
    max-width: 1000px;
    margin: 0 auto;
    text-align: center;
    font-size: 0;
}
#foot_nav li {
    margin: 13px 0;
    display: inline-block;
    border-left: 1px solid #fff;
}
#foot_nav li:first-child{
    border-left: none;
}
#foot_nav a {
    font-size: 14px;
    font-size: 1.4rem;
    color: #fff;
    padding: 0 15px;
}
#copyright {
    padding: 20px 0;
    text-align: center;
    font-size: 12px;
    font-size: 1.2rem;
    color: #666;
}
/* フッター end */
/* 404エラー */
#page_tatle span.error_tag {
    padding: 10px 18px;
    margin: 0 20px 0 0;
    color: #fff;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 700;
    background: #595757;
    vertical-align: 37%;
    border-radius: 4px;
}
#error404 h1{
    margin-top: 50px;
    text-align: center;
}
#error404 div{
    text-align: center;
}
#error404 .error404_text{
    margin-top: -30px;
}
#error404 .error404_text p{
    margin-bottom: 20px;
}
#error404 .nav404{
    margin-top: 50px;
    margin-bottom: 30px;
}
.nav404 a{
    width: 30%;
    padding: 15px 0;
    margin: 20px auto;
    display: block;
    background: #595757;
    color: #fff;
    font-weight: 700;
    border-radius: 4px;
}
/* 404エラー end */
#page_top {
    width: 80px;
    height: 80px;
    display: block;
    background: rgba(0, 0, 0, 0.5);
    position: fixed;
    bottom: 200px;
    right: 0;
    z-index: 999;
}
#page_top p {
    width: 28px;
    height: 28px;
    border: 1px solid #fff;
    border-bottom: none;
    border-right: none;
    transform: rotate(45deg);
    text-indent: -9999px;
    position: absolute;
    top: 50%;
    margin-top: -5px;
    left: 50%;
    margin-left: -15px;
}

/*ぎゅーとら独自*/
.marbo20 {
	margin-bottom:20px;
}
/*top*/
.custmvoice img {
	width:90%;
	max-width:606px;
	margin:20px auto;
}
.effort img {
	width:90%;
	max-width:645px;
	margin:0 auto 20px;
}

.tmenu {
    margin-left: -5px;
    font-size: 0;
}
.tmenu li {
    display: inline-block;
    width: 25%;
    position: relative;
}
.tmenu_a {
    margin-left: 5px;
    display: block;
    background-size: cover;
}
.tmenu_a img{
    width: 100%;
}

/* 各種サービス */
.servicelist {
    max-width: initial;
    margin-top: 10px;
    font-size: 0;
    margin-left: -20px;
}
.service_li {
    display: inline-block;
    width: 50%;
    vertical-align: top;
}
.service_licontent {
    margin-top: 20px;
    margin-left: 20px;
    padding: 20px;
    background: #eeeeee;
    overflow: hidden;
    display: block;
}
.service_licontent:nth-child(even){
    display: none;
}
.service_img {
    background: #fff;
    width: 45%;
    float: left;
    position: relative;
}
.service_img::before{
    content: "";
    display: block;
    padding-top: 100%;
}
.service_img img {
    position: absolute;
    width: calc(100% - 20px);
    top: 50%;
    left: 50%;
    transform: translate( -50%, -50%);
}
.servicelist .servicetext{
    width: 55%;
    float: left;
}
.servicelist .servicetext h3 {
    margin-left: 20px;
    font-size: 20px;
    font-size: 2.0rem;
    font-weight: 900;
    margin-top: -5px;
    margin-bottom: 15px;
}
.servicelist .servicetext div.p,
.servicelist .servicetext p{
    margin-left: 20px;
    font-size: 15.5px;
    font-size: 1.55rem;
}
.detailelink {
    width: 80px;
    text-align: center;
    font-size: 14px;
    font-size: 1.5rem;
    font-weight: 700;
    color: #fff;
    background: #e10816;
    border-radius: 4px;
    display: block;
    padding: 8px 10px;
    margin-top: 8px;
    line-height: 1;
}
@media screen and (max-width:700px) { 
.servicelist {
    margin-left: 0;
}
.service_licontent {
    margin-left: 0;
}
.service_li {
    width: 100%;
}
.service_img {
    width: 100%;
}
.servicelist .servicetext{
    width: 100%;
}
.servicelist .servicetext h3 {
    margin-left: 0;
    margin-top: 10px;
}
.servicelist .servicetext p {
    margin-left: 0;
    font-size: 15.5px;
   
}
}
@media screen and (max-width:999px) { 
    /* 店舗一覧 */
    .area td.shoplist_title {
        width: 20%;
    }
    .area td.shoplist_hours{
        width: 30%;
    }
    .area td.shoplist_parking{
        width: 15%;
    }
}
@media screen and (max-width:700px) { 
    /* ヘッダー */
    #header {
        width: 100%;
    }
    #header_text {
        display: none;
    }
    #ligo_area {
        margin: 20px auto 0;
        overflow: auto;
    }
    #ligo {
        width: 90%;
        margin: 0 auto;
        float: none;
    }
    #ligo img {
        width: 70%;
    }
    #sab_nav {
        float: none;
        background: #e8e8e9;
        padding: 15px;
        text-align: center;
        margin-left: -10px;
        font-size: 0;
    }
    #sab_nav li {
        float: none;
        margin-left: 10px;
        display: inline-block;
    }
    #sab_nav li a{
        font-size: 16px;
        font-size: 1.6rem;
    }
    #main_nav {
        position: absolute;
        width: 100%;
        top: 16.7vw;
        left: 0;
        z-index: 999;
    }
    #main_nav #sp_menu {
        position: absolute;
        width: 17vw;
        height: 20.5vw;
        top: -20vw;
        right: 0;
        font-size: 15vw;
        text-align: center;
        display: block;
    }
    #main_nav ul{
        display: none;
    }
    #main_nav li {
        width: 100%;
        display: block;
        border-top: 1px solid #fff;
    }
    #main_nav li:first-child{
        border-top: none;
    }
    #main_nav a {
        padding: 2vw 5vw;
        text-align: left;
        display: block;
        font-size: 4vw;
    }
    /* ヘッダー end */
    h1#page_tatle {
        font-size: 5.5vw;
        padding: 3vw 5.4vw;
        font-weight: 700;
        margin-bottom: 5vw;
        background: #efefef;
    }
    h1#page_tatle p {
        font-size: 5.5vw;
        font-weight: 700;
        display: block;
    }
    /* 店舗詳細 */
    #page_tatle span.shop_tag {
        padding: 0.5vw 2.5vw 1vw;
        margin: 0 0 1vw 0;
        color: #fff;
        font-size: 3.6vw;
        font-weight: 700;
        background: #00a656;
        vertical-align: baseline;
        border-radius: 4px;
        display: inline-block;
    }
    .favoriteshop{
        position: relative;
        top: auto;
        right: auto;
        padding: 2vw 5vw;
        font-size: 3.5vw;
        margin: 0 auto 5vw;
        width: 35%;
        display: block;
    }
    .favoriteshop:link,
    .favoriteshop:visited,
    .favoriteshop:hover,
    .favoriteshop:active{
        color: #107c3a;
    }
    #shopdtails_wrap{
        -js-display: flex;
        display:-webkit-box;
        display: -webkit-flex;
        display:-moz-box;
        display:-ms-flexbox;
        display: flex;
        -webkit-flex-flow: column wrap;
        flex-flow: column wrap;
        -webkit-justify-content: center;
        justify-content: center;
    }
    .shoppc_left{
        width: 90%;
        margin: 0 auto;
        display : -webkit-inline-box;
        display : -ms-inline-flexbox;
        display : -webkit-inline-flex;
        display : inline-flex;
    }
    .shoppc_right{
        width: 90%;
        margin: 0 auto;
        display : -webkit-inline-box;
        display : -ms-inline-flexbox;
        display : -webkit-inline-flex;
        display : inline-flex;
    }
    #shopinfo{
        width: 100%;
        padding-right: 0;
        margin-bottom: 0;
    }
    #shopinfo ul.shopinfo_top {
        margin-bottom: 5vw;
    }
    #shopinfo ul.shopinfo_top li {
        margin-bottom: 1vw;
    }
    #shopinfo ul.shopinfo_top dl {
        overflow: hidden;
    }
    #shopinfo ul.shopinfo_top dt {
        font-size: 4vw;
        float: left;
    }
    #shopinfo ul.shopinfo_top dt::after{
        content: "：";
    }
    #shopinfo ul.shopinfo_top dd {
        width: 100%;
        float: left;
    }
    #shopinfo ul.shopinfo_top dd p {
        font-size: 4vw;
    }
    .address dt{
        width: 12vw;
    }
    .address dd {
        margin-left: -12vw;
    }
    .address dd p {
        padding-left: 12vw;
    }
    .tel dt{
        width: 10.8vw;
    }
    .tel dd {
        margin-left: -10.8vw;
    }
    .tel p {
        padding-left: 10.8vw;
    }
    .businesshours dt{
        width: 20vw;
    }
    .businesshours dd {
        margin-left: -20vw;
    }
    .businesshours p {
        padding-left: 20vw;
    }
    .parking dt{
        width: 16vw;
    }
    .parking dd {
        margin-left: -16vw;
    }
    .parking p {
        padding-left: 16vw;
    }
    #googlemap {
        width: 100%;
        margin: 5vw 0;
        height: 300px; /* 実装時削除してください */
        background: #666666; /* 実装時削除してください */
    }
    .map_link {
        width: 40vw;
        margin: 5vw auto;
        padding: 2vw 0;
        font-size: 4vw;
        font-weight: 700;
        border-radius: 4px;
    }
    .map_link:link,
    .map_link:visited,
    .map_link:hover,
    .map_link:active{
        color: #fff;
    }
    .acsess {
        margin: 20px 0;
    }
    .acsess p {
        font-size: 4vw;
    }
    .dhopimg {
        width: 60%;
        margin: 10vw auto;
        position: relative;
    }
    .dhopimg .swiper-button-prev {
        position: absolute;
        left: -18vw;
        background-image: url(img/gallery_prev.png);
    }
    .dhopimg .swiper-button-next {
        position: absolute;
        right: -18vw;
        background-image: url(img/gallery_next.png);
    }
    .dhopimg img {
        width: 100%;
    }
    .parttimejob_link {
        width: 90%;
        padding:  8vw 0;
        margin: 12vw auto;
        font-size: 4.5vw;
    }
    .parttimejob_link:link,
    .parttimejob_link:visited,
    .parttimejob_link:hover,
    .parttimejob_link:active{
        color: #fff;
    }
    #chirashi{
        width: 100%;
        padding-left: 0;
    }
    #chirashi .chirashi_link{
        width: 90%;
        padding:  8vw 0;
        margin: 0 auto;
        font-size: 4.5vw;
    }
    .chirashi_list {
        margin-top: 2vw;
        padding: 4.5vw;
    }
    .chirashi_list img {
        max-width: 90%;
        max-height: 130px;
        display: block;
        margin: 0 auto 5vw;  
    }
    .chirashi_list h3 {
        font-size: 4.5vw;
        margin-bottom: 0;
    }
    .chirashi_list p {
        font-size: 4vw;
        margin-bottom: 3.5vw;
    }
    .chirashi_list ul{
        margin-left: -2.5vw;
        margin-top: -2.5vw;
    }
    .chirashi_list li{
        margin-left: 2.5vw;
        margin-top: 2.5vw;
    }
    .chirashi_list a {
        display: block;
        margin-right: 0;
        padding: 2vw 3vw;
        background: #f39800;
        font-size: 5vw;
        color: #fff;
        border-radius: 4px;
    }
    #shopnews {
        width: 100%;
        padding-right: 0;
    }
    #shopnews li {
        margin-top: 3vw;
    }
    #shopnews dl {
        overflow: hidden;
    }
    #shopnews dt {
        font-size: 4vw;
        float: none;
        padding-right: 0;
    }
    #shopnews dd {
        font-size: 3.8vw;
        float: none;
    }
    #shopservice,
    #shopfacility{
        clear: both;
        width: 90%;
        margin: 0 auto 10vw;
    }
    .icon_list{
        margin-left: -1.5vw;
        overflow: hidden;
    }
    .icon_list li {
        width: 33.3333%;
        margin-left: 0;
        float: left;
        text-align: center;
    }
    .icon_list img {
        width: 95%;
        display: block;
        margin: 0 0 0 5%;
    }
    .icon_list h4 {
        margin: 2vw 0;
        font-size: 3.4vw;
    }
    #tenant {
        width: 90%;
        margin: 0 auto 10vw;
    }
    #tenant ul {
        margin-top: -3vw;
        overflow: hidden;
    }
    #tenant li {
        width: 100%;
        margin-top: 3vw;
        float: left;
    }
    #tenant img {
        width: 90px;
        float: left;
        margin-right: 3vw;
    }
    #tenant .tenant_info {
        float: left;
        width: 100%;
        margin-left: -110px;
    }
    #tenant .tenant_info .genre {
        font-size: 3.6vw;
        font-weight: 700;
        color: #00a656;
        margin-top: -2vws;
        padding: 0 0 0 23vw;
        position: relative;
    }
    #tenant .tenant_info .genre::before{
        content: "";
        width: 3.6vw;
        height: 3.6vw;
        background: #00a656;
        border-radius: 50%;
        position: absolute;
        top: 1vw;
        left: 110px;
    }
    #tenant .tenant_info h3 {
        font-size: 3.6vw;
        font-weight: 700;
        padding: 0 20px 0 110px;
    }
    #tenant .tenant_info p {
        font-size: 3.6vw;
        padding: 0 20px 0 110px;
    }
    #others{
        width: 90%;
        margin-left: auto;
        margin-right: auto;
    }
    #others .others_shoplist {
        margin-left: 0;
        margin-top: 0;
        overflow: hidden;
    }
    .others_shoplist li {
        margin-left: 0;
        margin-top: 0;
        float: none;
    }
    .others_shoplist a {
        padding: 1.2vw 0 1.2vw 5vw;
        font-size: 4vw;
        font-weight: 700;
        color: #000;
        display: block;
        background: #fff;
        border-radius: 4px;
        position: relative;
    }
    .others_shoplist a::before{
        content: "";
        width: 1.5vw;
        height: 1.5vw;
        border: 2px solid #333;
        border-top: none;
        border-left: none;
        transform: rotate(-45deg);
        position: absolute;
        left: 0;
        top: 3.4vw;
    }
    #shopdetails_link {
        position: fixed;
        bottom: -1vw;
        left: -1vw;
        margin-bottom: 1vw;
        overflow: hidden;
        z-index: 999;
    }
    #shopdetails_link li {
        float: left;
        width: 25%;
        border-left: 1vw solid #fff;
        margin-bottom: 0;
        box-sizing: border-box;
    }
    #shopdetails_link a {
        width: 100%;
        height: 22vw;
        display: block;
        background: #00a656;
        position: relative;
    }
    #shopdetails_link a p{
        width: 100%;
        text-align: center;
        position: absolute;
        font-size: 4vw;
        top: 50%;
        margin-top: -2.5vw;
        left: 0;
        font-weight: 700;
        color: #fff;
    }
    /* 店舗詳細 end */
    /* 商品一覧TOP */
    #itemlistsearch {
        position: relative;
        top: 0;
        right: 0;
        overflow: hidden;
        width: 90%;
        margin: 0 auto 5vw;
    }
    .search #search_category {
        width: 100%;
        height: 10vw;
        float: none;
        margin-right: 0;
        padding: 1.5vw;
        font-size: 4vw;
        margin-bottom: 2vw;
    }
    .search .search_box {
        width: 100%;
        height: 10vw;
        padding: 1.5vw;
        font-size: 4vw;
        float: none;
    }
    .ion-android-search{
        position: absolute;
        top: 13vw;
        right: 3.6vw;
        font-size: 6vw;
    }
    #itemlist{
        width: 90%;
        margin: 0 auto;
    }
    #itemlist .con_toplist a,
    #itemlist .con_list a {
            background: #f6f9e4;
    }
    #itemlist .con_toplist ul li{
        background: #00a656;
    }
    #itemlist .con_toplist h3,
    #itemlist .con_list h3 {
        color: #316745;
    }
    .con_toplist {
        -js-display: flex;
        display:-webkit-box;
        display: -webkit-flex;
        display:-moz-box;
        display:-ms-flexbox;
        display: flex;
        -webkit-flex-flow: column wrap;
        flex-flow: column wrap;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
        margin: 0 0 10vw -0;
    }
    .con_toplist li {
        width: 100%;
        display : -webkit-inline-box;
        display : -ms-inline-flexbox;
        display : -webkit-inline-flex;
        display : inline-flex;
        margin-bottom: 3vw;
    }
    .con_toplist a {
        margin-left: 0;
        width: 100%;
        padding: 5vw 5vw 12vw;
        position: relative;
    }
    .con_toplist img {
        width: 100%;
        margin-bottom: 5vw;
    }
    .con_toplist h3 {
        font-size: 4.5vw;
        font-weight: 700;
        margin-bottom: 4vw;
    }
    .con_toplist p {
        font-size: 4vw;
        margin-bottom: 4vw;
    }
    .con_toplist ul {
        margin-left: -2vw;
        left: 5vw;
    }
    .con_toplist ul li {
        width: auto;
        float: left;
        font-size: 3.5vw;
        font-weight: 700;
        color: #fff;
        padding: 1vw 4vw;
        background: #00a656;
        margin-left: 2vw;
        margin-bottom: 5vw;
        border-radius: 4px;
    }
    #categorylist {
        overflow: hidden;
        margin-left: -2vw;
    }
    #categorylist li {
        width: 50%;
        float: left;
        margin-bottom: 3vw;
    }
    #categorylist a {
        margin-left: 2vw;
        margin-right: 2vw;
        display: block;
        position: relative;
    }
    #categorylist img {
        width: 35%;
        margin-right: 3vw;
    }
    #categorylist h3 {
        font-size: 4vw;
        font-weight: 700;
        position: absolute;
        top: 50%;
        left: 40%;
        transform: translate(0, -50%);
    }
    #more {
        display: block;
        width: 50%;
        margin: -5vw auto 10vw;
        border: 1px solid #595757;
        padding: 1.5vw 0;
        border-radius: 4px;
        color: #595757;
        text-align: center;
    }
    #more::after{
        content: "▼";
        margin-left: 2vw;
    }
    li.sp_none{
        display: none;
    }
    /* 商品一覧TOP end */
    /* 商品一覧 */
    .con_list {
        -js-display: flex;
        display:-webkit-box;
        display: -webkit-flex;
        display:-moz-box;
        display:-ms-flexbox;
        display: flex;
        -weblit-flex-flow: row wrap;
        flex-flow: row wrap;
        -weblit-justify-content: flex-start;
        justify-content: flex-start;
        margin: 0 -2.5vw 10vw -2.5vw;
    }
    .con_list li {
        width: 50%;
        display : -webkit-inline-box;
        display : -ms-inline-flexbox;
        display : -webkit-inline-flex;
        display : inline-flex;
    }
    .con_list a {
        margin: 0 2.5vw 5vw 2.5vw;
        padding: 0;
    }
    .con_list img {
        width: 100%;
        margin-bottom: 0;
    }
    .con_list h3 {
        font-size: 3.8vw;
        padding: 2vw;
        font-weight: 700;
    }
    /* 商品一覧 end */
    /* レシピ一覧 */
    #recipelist {
        width: 90%;
        margin: 0 auto;
    }
    #tag_list {
        margin: 0 0 10vw -3vw;
        overflow: hidden;
    }
    #tag_list li {
        float: left;
        margin-left: 3vw;
    }
    #tag_list a {
        padding: 1vw 2vw 1.5vw;
        display: block;
        font-size: 3.5vw;
        font-weight: 700;
        color: #fff;
        background: #9b7952;
        border-radius: 4px;
    }
    /* レシピ一覧 end */
    /* レシピ詳細 */
    #page_tatle span.recipe_tag  {
        padding: 0.5vw 2.5vw 1vw;
        margin: 0 0 1vw 0;
        color: #fff;
        font-size: 3.6vw;
        font-weight: 700;
        background: #9b7952;
        vertical-align: baseline;
        border-radius: 4px;
        display: inline-block;
    }
    #recipe_head {
        width: 90%;
        margin: 0 auto;
        -js-display: flex;
        display:-webkit-box;
        display: -webkit-flex;
        display:-moz-box;
        display:-ms-flexbox;
        display: flex;
        -weblit-flex-flow: column wrap;
        flex-flow: column wrap;
        -weblit-justify-content: space-between;
        justify-content: space-between;
        -webkit-align-items: stretch;
        align-items: stretch;
    }
    #recipe_head img {
        width: 100%;
        display : -webkit-inline-box;
        display : -ms-inline-flexbox;
        display : -webkit-inline-flex;
        display : inline-flex;
    }
    #recipe_head #material {
        width: 100%;
        display : -webkit-inline-box;
        display : -ms-inline-flexbox;
        display : -webkit-inline-flex;
        display : inline-flex;
    }
    #material div {
        width: 100%;
        padding: 4vw 5vw;
        font-size: 4vw;
    }
    .recipetag_list {
        width: 90%;
        margin: 5vw auto 10vw auto;
        font-size: 3.5vw;
    }
    .recipetag_list li {
        margin-left: 0;
        margin-right: 3vw;
        float: left;
    }
    .recipetag_list a {
        padding: 1vw 2vw 1.5vw;
        font-weight: 700;
        border-radius: 4px;
    }
    .recipe_content{
        width: 90%;
        margin: 10vw auto;
    }
    #procedure {
        width: 90%;
        margin: -10vw auto 0;
        overflow: hidden;
    }
    #procedure li {
        width: 100%;
        padding-top: 10vw;
        float: left;
        position: relative;
    }
    #procedure li span.namber{
        position: absolute;
        top: 7vw;
        left: 0;
        font-size: 7vw;
        font-weight: 700;
        color: #6d4015;
    }
    #procedure li > div{
        margin: 0 0 0 0;
        overflow: hidden;
    }
    #procedure img {
        max-width: 80%;
        width: 80%;
        margin: 0 auto 5vw;
        float: none;
    }
    #procedure p {
        width: 100%;
        float: none;
    }
    #procedure .noimage p{
        float: none;
        width: auto;
        margin-top: 8vw;
    }
    /* レシピ詳細 end */
    /* パート・アルバイト一覧 */
    #page_tatle span.job_tag  {
        padding: 0.5vw 2.5vw 1vw;
        margin: 0 0 1vw 0;
        color: #fff;
        font-size: 3.6vw;
        font-weight: 700;
        background: #0097e0;
        vertical-align: baseline;
        border-radius: 4px;
        display: inline-block;
    }
    #jobarea{
        width: 90%;
        margin-left: auto;
        margin-right: auto;
    }
    .job_list {
        -js-display: flex;
        display:-webkit-box;
        display: -webkit-flex;
        display:-moz-box;
        display:-ms-flexbox;
        display: flex;
        -weblit-flex-flow: column wrap;
        flex-flow: column wrap;
        -webkit-align-items: stretch;
        align-items: stretch;
        margin: 5vw auto 0;
    }
    .job_list .shopname {
        width: auto;
        font-weight: 700;
        padding: 4vw;
        background: #d3dee5;
        display : -webkit-inline-box;
        display : -ms-inline-flexbox;
        display : -webkit-inline-flex;
        display : inline-flex;
    }
    .job_list dd {
        width: 100%;
        display : -webkit-inline-box;
        display : -ms-inline-flexbox;
        display : -webkit-inline-flex;
        display : inline-flex;
        position: relative;
        }
    .job_list .type{
        width: 100%;
        margin-top: 0;
    }
    .job_list .type li{
        margin: 2vw 0 0 0;
        padding: 4vw;
        background: #eaf2f6;
        display: block;
        overflow: hidden;
        position: relative;
    }
    .job_list .type .jobtype_img{
        display: none;
        margin-right: 0;
        float: none;
    }
    .type li img{
        max-width: 150px;
        max-height: 150px;
        position: absolute;
        top: 50%;
        left: 20px;
        transform:translateY( -50%);
    }
    .type li .jobtype_text{
        width: 100%;
        margin-left: 0;
        min-height: 0;
        float: none;
    }
    .type li div p{
        padding-left: 0;
        font-size: 4vw;
    }
    .type div h3 {
        padding-left: 0;
        font-size: 4.5vw;
        font-weight: 700;
        color: #18586e;
        margin-bottom: 3vw;
    }
    .type div .publication_date {
        margin-top: 4vw;
    }
    .job_list dd .none {
        position: relative;
        width: 100%;
        top: 2.7vw;
        margin-top: 0;
        left: 4vw;
    }
    /* パート・アルバイト一覧 end */
    /* 正社員募集一覧 */
    #jobtype{
        width: 90%;
        margin: 0 auto;
    }
    .regularmployeelist_list {
        -js-display: flex;
        display:-webkit-box;
        display: -webkit-flex;
        display:-moz-box;
        display:-ms-flexbox;
        display: flex;
        -weblit-flex-flow: column wrap;
        flex-flow: column wrap;
        -webkit-align-items: stretch;
        align-items: stretch;
        margin-top: 2vw;
    }
    .regularmployeelist_list .jobname {
        width: auto;
        padding: 4vw;
        background: #eaf2f6;
        display : -webkit-inline-box;
        display : -ms-inline-flexbox;
        display : -webkit-inline-flex;
        display : inline-flex;
    }
    .regularmployeelist_list dd {
        width: 100%;
        display : -webkit-inline-box;
        display : -ms-inline-flexbox;
        display : -webkit-inline-flex;
        display : inline-flex;
    }
    .regularmployeelist_list div {
        width: 100%;
        padding: 4vw;
        display: block;
		text-align: center;
    }
    .regularmployeelist_list div p{
        text-align: left;
    }
    .regularmployeelist_list .regularmployeedeteil_link {
        width: 45vw;
        text-align: center;
        margin: 5vw auto 0;
        padding: 2.5vw 4vw 2vw;
        background: #0097e0;
        font-weight: 700;
        color: #fff;
        display: block;
        border-radius: 4px;
    }
    /* 正社員募集一覧 end */
    /* 会社概要 */
    #company_tag {
        border-bottom: 1px solid #bbb;
        margin: -10px 0 50px;
    }
    .tag_wrap{
        max-width: 95%;
    }
    #company_tag ul {
        width: 100%;
    }
    #company_tag li {
        width: 30%;
        margin:0 1.5%;
        box-sizing: border-box;
    }
    /* 会社概要 end */
    /* 404エラー */
    #page_tatle span.error_tag {
        padding: 0.5vw 2.5vw 1vw;
        margin: 0 0 1vw 0;
        color: #fff;
        font-size: 3.6vw;
        font-weight: 700;
        background: #595757;
        vertical-align: baseline;
        border-radius: 4px;
        display: inline-block;
    }
    /* 404エラー end */
}
@media screen and (max-width:480px) {
    body{
        font-size: 4vw;
    }
    .container {
        max-width: 1000px;
        margin: 5vw auto;
        overflow: hidden;
        position: relative;
    }
    .sp_br{
        display: block;
    }
    /* ヘッダー */
    #ligo_area {
        margin: 3vw auto 0;
    }
    #ligo {
        width: 90%;
        margin: 0 auto;
    }
    #sab_nav {
        margin-top: 3vw;
        padding: 3vw;
        margin-left: 0;
        text-align: center;
    }
    #sab_nav li {
        display: none;
        margin-left: 0;
    }
    #sab_nav li:first-child{
        display: block;
    }
    #sab_nav li a{
        width: 45%;
        margin: 0 auto;
        font-size: 4.3vw;
    }
    #main_nav li#sp_open{
        display: block;
    }
    /* ヘッダー end */
    #breadcrumb {
        display: none;
    }
    .the_content {
        width: 90%;
        overflow: hidden;
        margin: 5vw auto;
    }
    .the_content * {
        max-width: 100%;
    }

    /* TOPページ */
    /* スライダー */
    #slider {
        width: 100%;
        margin: 0 0 5vw;
    }
    #slider ul {
    }
    #slider li {
    }
    #slider a {
    }
    #slider img {
        width: 100%;
    }
    /* スライダー end */
    .container .top_content {
        margin: 0 0 5vw;
    }
    /* ニュースエリア */
    #news_area{
        overflow: hidden;
        margin: 5vw 0;
    }
    .news {
        width: 90%;
        margin: 0 auto;
        float: none;
        position: relative;
    }
    #news h2 {
        font-size: 4.5vw;
        margin-right: 0;
    }
    #event{
        margin-top: 5vw;
    }
    #event h2 {
        font-size: 4.5vw;
        margin-left: 0;
    }
    .news .list_link{
        position: absolute;
        margin: 0;
        font-size: 4vw;
        top: 0.5vw;
        left: 30%;
    }
    .news a{
        display: block;
        margin-top: 3vw;
        font-size: 4vw;
    }
    #news a{
        margin-right: 0;
    }
    #event a{
        margin-left: 0;
    }
    /* ニュースエリア end */
    /* バナー */
    #banner_upper {
        width: auto;
        background: #00a656;
        margin: -5vw 0 5vw;
        padding-left: 5vw;
    }
    #banner_upper a {
        margin: 0 0;
        display: block;
    }
    #banner_upper img {
        width: 100%;
    }
    #banner_lower {
        margin-top: -20px;
        overflow: hidden;
    }
    #banner_lower li {
        width: 90%;
        margin: 5vw auto;
        float: none;
    }
    li.bn_left div{
        margin-right: 0;
        display: block;
    }
    li.bn_center div{
        margin: 0;
        display: block;
    }
    li.bn_right div{
        margin-left: 0;
        display: block;
    }

    /* バナー end */
    /* TOPページ end */
    /* 店舗一覧 */
    #area_tag {
        width: 90%;
        margin: 2vw auto 5vw;
        overflow: hidden;
    }
    #area_tag li {
        float: left;
        margin-right: 2vw;
        margin-top: 2vw;
    }
    #area_tag a {
        padding: 2vw 5.5vw;
        font-size: 4vw;
    }
    .area {
        width: 90%;
        margin: 5vw auto 10vw;
    }
    .area h2 {
        font-size: 4.5vw;
        margin-bottom: 5vw;
    }
    .area table {
        width: 100%;
		border-top: 1px solid #bbb;
    }
    .area tbody {
        font-size: 4vw;
        border-left: 1px solid #bbb;
    }
    .area th,
    .area td{
        padding: 0;
        border-bottom: 1px solid #bbb;
        border-right: 1px solid #bbb;
        display: none;
    }
    .area tr{
        display: block;
    }
    .area td.shoplist_title {
        width: 100%;
        display: block;
    }
    .area th {
        background: #ecf4e3;
        font-weight: 700;
    }
    .area td {
        vertical-align: middle;
    }
    .area td a{
        display: block;
        padding: 1.7vw;
    }
    .area td.shoplist_title {
        font-weight: 700;
    }
    .area .shoplist_tel {
        font-size: 16px;
        font-size: 1.6rem;
    }
    .area .shoplist_time {
        font-size: 14px;
        font-size: 1.4rem;
    }
    /* WEBチラシ */
    #chirashi_title{
        width: 90%;
        margin: 0 auto 5vw;
        overflow: hidden;
    }
    #chirashi_title h2{
        font-size: 5vw;
        font-weight: 900;
        margin-right: 0;
        float: none;
    }
    #chirashi_title p {
        font-size: 4.5vw;
        padding-top: 1vw;
        float: none;
    }
    .chirashi_img {
        width: 90%;
        margin: 0 auto 5vw;
        overflow: hidden;
    }
    #webchirashi .chirashi_img li {
        width: 100%;
        float: none;
    }
    .chirashi_img li:first-child a {
        display: block;
        margin-right: 0;
        margin-bottom: 3vw;
    }
    .chirashi_img li:last-child a {
        display: block;
        margin-left: 0;
    }
    .chirashi_img img {
        width: 100%;
    }
    #webchirashi .chirashi_ex {
        margin: 5vw auto;
        font-size: 4vw;
        text-align: center;
    }
    #chirashselect {
        margin: 0 0 10vw;
        text-align: center;
    }
    #webchirashi #chirashselect li {
        display: inline-block;
        margin: 0 1vw;
    }
    #webchirashi #chirashselect a {
        padding: 2vw 3vw;
        font-size: 4vw;
        font-weight: 700;
    }
    .others_chirashilist {
        overflow: hidden;
    }
    .others_chirashilist li {
        margin-left: 0;
        float: none;
    }
    .others_chirashilist a {
        padding: 1.2vw 0 1.2vw 5vw;
        font-size: 4vw;
        font-weight: 700;
        color: #000;
        display: block;
        background: #fff;
        border-radius: 4px;
        position: relative;
    }
    .others_chirashilist a::before{
        content: "";
        width: 1.5vw;
        height: 1.5vw;
        border: 2px solid #333;
        border-top: none;
        border-left: none;
        transform: rotate(-45deg);
        position: absolute;
        left: 0;
        top: 3.4vw;
    }
    /* WEBチラシ end*/
    .back {
        width: 30vw;
        padding: 2vw 0;
        font-size: 4vw;
        margin: 10vw auto 0;
    }
    /* 商品詳細 */
    #page_tatle span.item_tag {
        padding: 0.5vw 2.5vw 1vw;
        margin: 0 0 1vw 0;
        color: #fff;
        font-size: 3.6vw;
        font-weight: 700;
        background: #00873c;
        vertical-align: baseline;
        border-radius: 4px;
        display: inline-block;
    }
    .item_comment {
        width: 90%;
        margin: 0 auto 5vw;
        font-size: 3.5vw
    }
    #mainimg img {
        max-width: 90%;
        margin: 5vw auto 5vw;
    }
    #item_gallery {
        width: 60%;
        margin: 5vw auto;
        position: relative;
    }
    #item_gallery img {
        width: 100%;
    }
    #item_gallery .swiper-button-prev {
        position: absolute;
        left: -15vw;
        background-image: url(img/gallery_prev.png);
    }
    #item_gallery .swiper-button-next {
        position: absolute;
        right: -15vw;
        background-image: url(img/gallery_next.png);
    }

    .back {
        width: 45vw;
        padding: 2.5vw 0;
        text-align: center;
        font-size: 4vw;
        font-weight: 700;
        color: #fff;
        display: block;
        background: #595757;
        margin: 10vw auto;
        border-radius: 4px;
    }
    .back:link,
    .back:visited,
    .back:hover,
    .back:active{
        color: #fff;
    }
    #detailpage_search {
        position: relative;
        width: 90%;
        height: auto;
        margin: 0 auto;
    }
    /* 商品詳細 end */
    /* パート・アルバイト */
    #jobpage_title {
        width: 90%;
        margin: 0 auto;
        font-size: 5vw;
        font-weight: 700;
        color: #18586e;
    }
    .jobpage_publication_date {
        width: 90%;
        margin: 0 auto 5vw;
    }
    .job_mainimg {
        display: block;
        max-width: 90%;
        max-height: 90vw;
        margin: 5vw auto 5vw;
    }
    .job_comment {
        width: 90%;
        margin: 0 auto 10vw;
        font-size: 3.7vw;
    }
    #requirementlist,
    #applicationmethod{
        width: 90%;
        margin: 0 auto 5vw;
    }
    .job_infolist {
        -js-display: flex;
        display:-webkit-box;
        display: -webkit-flex;
        display:-moz-box;
        display:-ms-flexbox;
        display: flex;
        -weblit-flex-flow: column wrap;
        flex-flow: column wrap;
        -webkit-align-items: stretch;
        align-items: stretch;
        margin-top: 0;
    }
    .job_infolist dt {
        width: auto;
        padding: 4vw;
        display : -webkit-inline-box;
        display : -ms-inline-flexbox;
        display : -webkit-inline-flex;
        display : inline-flex;
        background: #eaf2f6;
        font-weight: 700;
    }
    .job_infolist dd {
        width: 100%;
        display : -webkit-inline-box;
        display : -ms-inline-flexbox;
        display : -webkit-inline-flex;
        display : inline-flex;
    }
    .job_infolist dd div {
        padding: 4vw;
    }
    .application_btn {
        width: 85%;
        margin: 10vw auto;
        display: block;
        padding: 7vw 0;
        background: #0097e0;
        font-weight: 700;
        color: #fff;
        text-align: center;
        border-radius: 4px;
    }
    .application_btn:link,
    .application_btn:visited,
    .application_btn:hover,
    .application_btn:active{
        color: #fff;
    }
    /* パート・アルバイト end */
    /* 正社員募集詳細 */
    #jobdescription{
        width: 90%;
        margin: 0 auto 10vw;
    }
    /* 正社員募集詳細 end */
    /* お知らせ一覧 */
    .news_year {
        position: static;
        top: 0;
        right: 0;
        width: 90%;
        height: 40px;
        margin: 0 auto 10vw;
        padding: 2vw;
        display: block;
        box-sizing: border-box;
        background: url(img/arrow.png) no-repeat 96% 50%;
        border: 1px solid #bbbbbb;
        border-radius: 4px;
    }
    #newslist{
        width: 90%;
        margin: 0 auto;
    }
    #newslist h2{
        margin-bottom: 4vw;
    }
    .newsditail_link {
        margin-top: 2vw;
        display: block;
    }
    .newsditail_link .newsdl {
        background: #efefef;
        padding: 2.5vw 2vw 2vw;
        overflow: hidden;
    }
    .newsditail_link dt {
        width: 23vw;
        float: left;
    }
    .newsditail_link dd {
        width: 100%;
        float: left;
        margin-left: -23vw;
    }
    .newsditail_link dd p{
        overflow: hidden;
        padding-left: 30vw;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
    /* お知らせ一覧 end */
    /* お知らせ詳細 */
    .news_title{
        width: 90%;
        margin: 0 auto;
        font-size: 5.5vw;
        font-weight: 700;
    }
    .openhouse{
        width: 90%;
        margin: 0 auto;
    }
    /* お知らせ詳細 end */
    #company_tag {
        margin: 11vw 0 5vw;
    }
    #company_tag ul {
        margin-top: -10vw;
    }
    #company_tag li,
    #company_tag p,
    #company_tag a{
        font-size: 3.5vw;
    }
    #company_tag p {
        padding: 2.3vw 0;
    }
    #company_tag a {
        padding: 2.3vw 0;
    }
    #company_outline{
        width: 90%;
        margin: 0 auto;
    }
    #company_outline h2 {
        font-size: 5vw;
        padding-bottom: 1.5vw;
    }
    #outline_table {
        width: 100%;
        margin-top: 5vw;
        float: none;
    }
    #outline_table tr{
        border-top: none; 
    }
    #outline_table th {
        width: 100%;
        display: block;
        padding: 2.5vw;
        font-size: 3.5vw;
    }
    #outline_table td {
        width: 100%;
        display: block;
        padding: 3.5vw 0;
        font-size: 3.5vw;
    }
    #outline_img {
        width: 100%;
        margin-top: 4vw;
        float: none;
    }
    #outline_img img {
        margin-bottom: 4vw;
    }
    /* 会社概要 end */
    /* フッター */
    #foot_nav ul {
        max-width: 1000px;
        margin: 0 auto 10vw;
    }
    #foot_nav li {
        margin: 3.5vw 0;
    }
    #foot_nav li:first-child{
        border-left: none;
    }
    #foot_nav a {
        font-size: 3.5vw;
        padding: 0 5vw;
    }
    #copyright {
        padding: 5vw 0;
        font-size: 3.3vw;
    }
    /* フッター end */
    /* 404エラー */
    #error404 h1{
        margin-top: 0;
        text-align: left;
    }
    #error404 div{
        text-align: left;
    }
    #error404 .error404_text{
        margin-top: 0;
        width: 90%;
        margin-left: auto;
        margin-right: auto;
    }
    #error404 .error404_text p{
        margin-bottom: 5vw;
        font-size: 4.1vw;
    }
    #error404 .nav404{
        margin-top: 10vw;
        margin-bottom: 5vw;
    }
    .nav404 a{
        width: 45vw;
        text-align: center;
        margin: 0 auto 5vw;
        padding: 2.5vw 0;
        font-size: 4vw;
    }
    /* 404エラー end */
    #page_top {
        width: 12vw;
        height: 12vw;
        bottom: 150px;
        right: 0;
        background: rgba(0, 166, 86, 0.5);
    }
    #page_top p {
        width: 4.5vw;
        height: 4.5vw;
        margin-top: -1vw;
        margin-left: -2.25vw;
    }
/*ぎゅーとら*/
    .tmenu {
        font-size: 0;
    }
    .tmenu li {
        width: 50%;
    }
    .tmenu_a {
        margin-top: 5px;
    }

}
.clearfix::after{
  content: "";
  display: block;
  clear: both;
}
.card img {
	width:100%;
	margin:0 auto;
}
.obento img {
	width:100%;
	max-width:700px;
	margin:0 auto;
}
.anje h3 {
	font-size:2.0rem;
	font-weight:700;
	margin-bottom:20px;
}
.anje img {
	width:100%;
	max-width:700px;
	margin:20px auto 0;
}
.kids_title {
	width:100%;
	background-color: #FCF5B3;
	padding:5%;
	box-sizing: border-box;
	margin-bottom:20px;
}
.kids_title img {
	width:100%;
}
.kidsclub img {
	vertical-align: top;
}
.kidsclub h3 {
	font-size:2.0rem;
	font-weight:700;
	padding:10px;
	border-bottom:1px dotted #333333;
	border-left:4px solid #e10816;
	margin-bottom:20px;
}
.kidsclub p {
	margin-bottom:15px;
}
.kidsclub ol {
	margin-left:1em;
	margin-bottom:15px;
	list-style-type: disc;
}
.kidsclub li {
	margin-left:1em;
	
}
.kids_goannai {
	margin-bottom:40px;
}
.goannai_copy {
	width:75%;
	float:left;
}
.goannai_img {
	width:25%;
	float:right;
}
.tokuten_copy {
	width:75%;
	float:left;
}
.tokuten_img {
	width:25%;
	float:right;
}
.tokushimaru {
	width:100%;
	padding:5%;
	border:50px solid #e34601;
	box-sizing: border-box;
}
.tokushimaru img {
	width:100%;
	margin:0 auto 20px;
}
.tokushimaru .komidasi02 {
	font-size:1.6rem;
	font-weight:700;
	padding:10px;
	background-color: #e34601;
	color:#ffffff;
	margin-bottom:10px;
}
.tokushimaru .base {
	margin-bottom:20px;
}
.tsukudani {
	width:70%;
	margin:20px auto;
}
.uramura h3 {
	font-size:2.0rem;
	font-weight:700;
	padding:10px;
	border-bottom:1px dotted #333333;
	border-left:4px solid #e10816;
	margin-bottom:20px;
}
.cont_lead {
	margin-bottom:30px;
}
.sub_title {
	font-size:1.8rem;
	font-weight:700;
	margin-bottom:10px;
}
.gyutora_red {
	color: #e10816;
}
.left {
	float:left;
}
.right {
	float:right;
}
.recipe_link {
	width:100%;
	max-width:570px;
	margin:0 auto;
}
.recipe_bnr {
	width:50%;
}
.copy_wakai {
	width:77%;
	margin-right:3%;
	float:left;
}
.img_wakai {
	width:20%;
	float:right;
}
.img_akamoku {
	width:20%;
	margin-right:3%;
	float:left;
}
.copy_akamoku {
	margin-bottom:20px;
}
.kounou {
	margin:20px auto;
}
@media screen and (max-width:480px) {
.tokushimaru {
	padding:5%;
	border:15px solid #e34601;
}
.copy_wakai {
	width:100%;
	margin:0 0 20px;
	float:none;
}
.img_wakai {
	width:100%;
	margin-bottom:20px;
	float:none;
}
.img_akamoku {
	width:100%;
	margin:0 0 20px;
	float:none;
}
}
.fureai h3 {
	font-size:2.0rem;
	font-weight:700;
	padding:10px;
	border-bottom:1px dotted #333333;
	border-left:4px solid #e10816;
	margin-bottom:20px;
}
.copy_fureai {
	width:62%;
	margin-right:3%;
	float:left;
}
.img_fureai {
	width:35%;
	float:right;
}
.fureai_wrap {
	padding:20px;
	margin:20px 0 30px 0;
	background-color: #F3F7E6;
}
.chatsumi {
	margin-bottom:20px;
}
.img_chatsumi {
	width:20%;
	margin-right:20px;
	float:left;
}
.img_shukakusai {
	width:20%;
	margin-right:20px;
	float:left;
}
.img_tisan {
	width:32%;
	margin-left:2%;
	float:left;
}
.img_tisan:first-child {
	margin-left:0%;
}
.copy_jimono {
	width:80%;
	margin-right:2%;
	float:left;
}
.img_jimono {
	width:18%;
}
@media screen and (max-width:480px) {
.copy_fureai {
	width:100%;
	margin:0 0 20px 0;
	float:none;
}
.img_fureai {
	width:100%;
	margin-bottom:30px;
	float:none;
}
.img_chatsumi {
	width:100%;
	margin:0 0 10px 0;
	float:none;
}
.copy_chatsumi {
	margin-bottom:20px;	
}
.img_shukakusai {
	width:100%;
	margin:0 0 10px 0;
	float:none;
}
.copy_jimono {
	width:100%;
	margin:0 0 20px 0;
	cfloat:none;
}
.img_jimono {
	width:70%;
	margin:0 auto;
}
}
.trace h3 {
	font-size:2.0rem;
	font-weight:700;
	padding:10px;
	border-bottom:1px dotted #333333;
	border-left:4px solid #e10816;
	margin-bottom:20px;
}
.copy_trace {
	width:63%;
	margin:0 2% 20px 0;
	float:left;
}
.img_trace {
	width:35%;
	margin:0 0 20px 0;
	float:right;
}
.img_number {
	width:20%;
	margin:0 2% 20px 0;
	float:left;
}
.img_label {
	width:100%;
	max-width: 580px;
	margin:20px auto 30px;
}
.linkbtn {
	display:block;
	width:50%;
	min-width:280px;
	text-align: center;
	padding:10px;
	background-color: #cccccc;
	border-radius: 4px;
	margin:20px auto;
	box-shadow: 0 2px 0 0 #999999;
}
.env_header {
	margin:0 0 30px 0;
}
.img_emsg1 {
	margin-bottom:20px;
}
.environ h3 {
	font-size:2.0rem;
	font-weight:700;
	padding:10px;
	border-bottom:1px dotted #333333;
	border-left:4px solid #e10816;
	margin-bottom:20px;
}
.environ dl {
	margin:30px 0;
}
.environ dt {
	font-size:1.8rem;
	font-weight:700;
	margin-bottom:5px;
}
.environ dt span {
	color:#e10816;
}
.environ dd {
	margin-bottom:30px;
}
.img_solar {
	width:100%;
	max-width:530px;
	margin:20px auto;
}
.copy_jibasan {
  width:65%;
  margin:0 2% 20px 0;
  float:left;
}
.img_jibasan {
  width:33%;
  float:right;
}
.img_kankyo {
  width:30%;
  margin:0 4% 20px 0;
  float:left;
}
.copy_kankyo {
  width:66%;
  margin:0 0 20px 0;
  float:right;
}
.prename {
  margin:10px 0 30px 0;
}
.prename span {
  font-size:1.2rem;
}
.copy_eco {
  width:62%;
  margin:0 4% 20px 0;
  float:left;
}
.img_eco {
  width:34%;
  margin:0 0 20px 0;
  float:right;
}
.img_eco2 {
  margin-bottom:20px;
}
.collect_cont {
  display:flex;
  flex-wrap: wrap;
  margin:20px 0;
}
.collect {
  box-sizing: border-box;
  width:50%;
  padding: 20px 40px 20px 0;
  border-bottom:1px solid #cccccc;
}
.img_pla {
  width:80%;
  margin:0 auto 20px;
}
@media screen and (max-width:480px) {
.copy_jibasan {
  width:100%;
  margin: 0 0 20px;
  float:none;
}
.img_jibasan {
  width:100%;
  float:none;
}
.img_kankyo {
  width:70%;
  margin: 0 auto 20px;
  float:none;
}
.copy_kankyo {
  width:100%;
  float:none;
}
.copy_eco {
  width:100%;
  margin:0 0 20px;
  float:none;
}
.img_eco {
  width:100%;
  margin:0 0 20px 0;
  float:none;
}
.collect {
  width:100%;
  padding:20px 0 20px;
}
.img_pla {
  width:100%;
}
}
.message h3 {
  font-size:2.0rem;
	font-weight:700;
	padding:10px;
	border-bottom:1px dotted #333333;
	border-left:4px solid #e10816;
	margin-bottom:20px;
}
.copy_ceo {
  width:75%;
  margin:0 2% 20px 0;
  float:left;
}
.img_ceo {
  width:22%;
  margin:0 0 20px;
  float:right;
}
.img_ceo2 {
  width:25%;
  margin:0 2% 20px 0;
  float:left;
}
.copy_ceo2 {
  width:73%;
  margin:0 0 20px;
  float:right;
}
@media screen and (max-width:480px) {
.copy_ceo {
  width:100%;
  margin:0 0 20px 0;
  float:none;
}
.img_ceo {
  width:80%;
  margin:0 auto 20px;
  float:none;
}
.img_ceo2 {
  width:80%;
  margin:0 auto 20px;
  float:none;
}
.copy_ceo2 {
  width:100%;
  margin:0 0 20px;
  float:none;
}
}
.privacy h3 {
  font-size:2.0rem;
	font-weight:700;
	padding:10px;
	border-bottom:1px dotted #333333;
	border-left:4px solid #e10816;
	margin-bottom:20px;
}
.privacy .contact {
  padding:20px;
  background-color: #eeeeee;
}
.employment h3 {
  font-size:2.0rem;
	font-weight:700;
	padding:10px;
	border-bottom:1px dotted #333333;
	border-left:4px solid #e10816;
	margin-bottom:20px;
}
.employment .title_img {
  width:100%;
  margin-bottom:30px;
}
.employment .message {
  padding:20px;
  background-color: #eeeeee;
}
.employment .message span {
  font-size:1.8rem;
  font-weight:700;
}
.flex-container {
  display: flex;
  flex-wrap: wrap;
}
.employment .rikunabi {
  width:50%;
  text-align: center;
}
.rikunabi img {
  margin:0 auto;
}
.btn_employ {
  width:50%;
  font-size:2.0rem;
  font-weight:700;
  padding:20px 0;
  margin: 0 auto;
  text-align: center;
  display:block;
  vertical-align: middle;
  color:#ffffff!important;
  background-color: #e10816;
  border-radius: 4px;
}
.percentage_mht{ /* 20220526途中採用比率 */
    overflow: hidden;
    margin-top: -15px;
}
.percentage_mht > div{ /* 20220526途中採用比率 */
    float: left;
    margin-top: 15px;
}
.percentage_mht div{ /* 20220526途中採用比率 */
    text-align: center;
    padding-right: 20px;
}
.img_action {
  width:30%;
  height: 100%;
  margin-right:2%;
}
.copy_action {
  width:68%;
}
.img_tsuyomi {
  width:30%;
  height:100%;
  margin-right:2%;
}
.copy_tsuyomi {
  width:68%;
}
.copy_aikyo {
  width:78%;
}
.img_aikyo {
  width:20%;
  height:100%;
  margin-left:2%;
}
@media screen and (max-width:480px) {
.employment .rikunabi {
  width:100%;
  margin-bottom:20px;
}
.btn_employ {
  width:100%;
}
.img_action {
  width:100%;
  margin-right:0;
  margin-bottom:20px;
}
.copy_action {
  width:100%;
}
.img_tsuyomi {
  width:100%;
  margin-right:0;
  margin-bottom:20px;
}
.copy_tsuyomi {
  width:100%;
}
.copy_aikyo {
  width:100%;
  margin-bottom:20px;
}
.img_aikyo {
  width:100%;
  margin-left:0;
}
}
.bold {
	font-weight: 700;
}
.marbo20 {
	margin-bottom:20px;
}
.marbo30 {
	margin-bottom:30px;
}
.marbo40 {
	margin-bottom:40px;
}
.contact p {
	margin-bottom:20px;
}
.contact .con_name {
  font-weight:700;
  margin-bottom:10px;
}
.contact .con_name span {
  font-weight:normal;
  color:#e10816;
}

.contact input {
  width:100%;
	box-sizing: border-box;
  font-size:1.6rem;
	padding:10px;
	border: 1px solid #cccccc;
}
.contact textarea {
  width:100%;
  box-sizing: border-box;
  font-size:1.6rem;
	padding:10px;
	border: 1px solid #cccccc;
}
.contact .con_submit {
  width:50%;
  min-width:240px;
  font-size:2.0rem;
  font-weight:700;
  padding:20px 0;
  text-align: center;
  display:block;
  vertical-align: middle;
  color:#ffffff!important;
  background-color: #e10816;
  border: none;
  cursor: pointer;
  border-radius: 4px;
	margin:20px auto;
}
.contact .con_back {
  width:20%;
  min-width:240px;
  font-size:1.6rem;
  font-weight:700;
  padding:10px 0;
  text-align: center;
  display:block;
  vertical-align: middle;
  color:#ffffff!important;
  background-color: #595757;
  border: none;
  cursor: pointer;
  border-radius: 4px;
	margin:20px auto;
}
/* コロカカード紹介ページ */
.appintro {
    width: 100%;
}
.appintro p a {
    text-decoration: underline;
}
.appintro p a:active,
.appintro p a:focus
.appintro p a:hover,
.appintro p a:visited{
    color: #e10816;
}
.appintro img {
    width: 100%;
    max-width: 700px;
    display: block;
    margin: 15px auto 30px;
}
.appintro .apphandbill {
    border-top: 1px dotted #333333;
    padding-top: 15px;
}
.appintro div a {
    border: none;
}
.appintro .appdllink{
    font-size: 24px;
    font-size: 2.4rem;
}
.appintro .appdllink a{
    text-decoration: underline;
    color: #0099FF;
}
@media screen and (max-width: 700px){
    .appintro .appdllink{
        font-size: 5.3vw;
    }
}
/* コロカカード紹介ページ end */