@charset "utf-8";

/* index.css
------------------------------------------ */
#BODY{width:auto;margin:45px -10px 0 -10px;}
#BODY *{color:#222222;}
#BODY a:hover img{opacity:0.7;}
#BODY .top-visual .top-visual-inner{width:940px;margin:0 auto;}
#BODY .top-visual .top-visual-inner .slides{position:relative;width:100%;height:160px;font-size:0;background:url(../img/index/pic-top-slide-base.png) no-repeat 0 0;}
#BODY .top-visual .top-visual-inner .slides li{position:absolute;top:0;left:0;opacity:0;transition:opacity 1s;}
#BODY .top-visual .top-visual-inner .slides li:first-child{opacity:1;}

#BODY .top-notice{width:940px;margin:23px auto 0 auto;}
#BODY .top-notice .notice-text{text-align:center;}

#BODY .contents{padding-bottom:50px;background-color:#e8e8e8;background-image:url(../img/index/background-color.gif);background-repeat:repeat-x;background-position:top left;}
#BODY .contents .contents-inner{width:940px;margin:23px auto 0 auto;}

#BODY .contents .contents-inner .main-area{display:flex;justify-content:space-between;}
#BODY .contents .contents-inner .main-area .col{width:200px;padding:0 10px 23px 10px;background-color:white;}
#BODY .contents .contents-inner .main-area .col.food{position:relative;}
#BODY .contents .contents-inner .main-area .col .title-img{display:block;font-size:0;margin:0 -10px;}
#BODY .contents .contents-inner .main-area .col h3{margin-top:1.2em;font-size:128.6%;line-height:1.333;text-align:center;}
#BODY .contents .contents-inner .main-area .col.sales h3{color:#0599FB;}
#BODY .contents .contents-inner .main-area .col.food h3{color:#FF661A;}
#BODY .contents .contents-inner .main-area .col.estate h3{color:#14B93E;}
#BODY .contents .contents-inner .main-area .col.insurance h3{color:#E37AA7;}

#BODY .contents .contents-inner .main-area .col .item-list{margin-top:0.714em;}
#BODY .contents .contents-inner .main-area .col .item-list li{padding-left:1em;font-size:92%;line-height:1.85;}
#BODY .contents .contents-inner .main-area .col .item-list li::before{content:"・";display:inline-block;margin-left:-1em;}
#BODY .contents .contents-inner .main-area .col .item-list li.no-dot::before{content:"　";display:inline-block;padding-left:1em;}

#BODY .contents .contents-inner .main-area .col.sales  .item-list.use-bg{margin-bottom:53px;background:url(../img/index/pic-sales-item-bg.png) no-repeat right bottom;}
#BODY .contents .contents-inner .main-area .col.food   .item-list.use-bg{margin-bottom:30px;background:url(../img/index/pic-food-item-bg.jpg) no-repeat right 5px bottom;min-height:95px;}
/* #BODY .contents .contents-inner .main-area .col.estate .item-list.use-bg{background:url(../img/index/pic-estate-item-bg.png) no-repeat right bottom 42px;} */

#BODY .contents .contents-inner .main-area .col .banner{margin-top:1.29em;display:flex;justify-content:center;}
#BODY .contents .contents-inner .main-area .col .banner a{display:block;margin-top:2.43em;font-size:0;}
#BODY .contents .contents-inner .main-area .col.food .links {position:absolute;bottom:23px;left:10px;width:200px;} 
#BODY .contents .contents-inner .main-area .col.food .links .title{text-align:center;} 
#BODY .contents .contents-inner .main-area .col.food .links ul{display:flex;justify-content:space-between;margin-top:5px;padding:0 10px;} 
#BODY .contents .contents-inner .main-area .col.food .links ul li a{display:block;font-size:0;} 

#BODY .contents .contents-inner .main-area .col .picture{font-size:0;text-align:center;}
#BODY .contents .contents-inner .main-area .col.sales .picture{margin-top:20px;}
#BODY .contents .contents-inner .main-area .col.estate .property{margin-top:14px;}
#BODY .contents .contents-inner .main-area .col.estate .property dt{font-size:0;}
#BODY .contents .contents-inner .main-area .col.estate .property dd{margin-top:5px;font-size:92%;text-align:center;}
#BODY .contents .contents-inner .main-area .col.insurance .picture{margin-top:14px;}

/* 賑やかしのイラスト */
/*
#BODY .contents .contents-inner .main-area .col.sales {background:url(../img/index/pic-sales-illust1.png) no-repeat center bottom 60px;background-color:white;}
#BODY .contents .contents-inner .main-area .col.estate{background:url(../img/index/pic-estate-illust1.png) no-repeat center bottom 32px;background-color:white;}
#BODY .contents .contents-inner .main-area .col.col.insurance{
  padding-bottom: 388px;
  background:
    url(../img/index/pic-insurance-illust1.png) no-repeat center bottom 273px,
    url(../img/index/pic-insurance-illust2.png) no-repeat center bottom 147px,
    url(../img/index/pic-insurance-illust3.png) no-repeat center bottom 26px;
  background-color:white;
}
*/

#BODY .contents .contents-inner .news-area{position:relative;margin-top:100px;border-top:1px solid #A8A8A8;}
#BODY .contents .contents-inner .news-area h3{display:inline-block;position:absolute;top:-0.5em;left:0;right:0;width:14em;margin:0 auto;line-height:1;font-size:157%;text-align:center;background-color:#E8E8E8;}
#BODY .contents .contents-inner .news-area .oshirase{margin-top:43px;display:flex;justify-content:space-between;}
#BODY .contents .contents-inner .news-area .oshirase > li{background-color:white;}
#BODY .contents .contents-inner .news-area .oshirase > li h4{font-size:129%;text-align:center;line-height:1;}
#BODY .contents .contents-inner .news-area .oshirase .news{position:relative;width:520px;padding:33px 25px;background-color:white;}
#BODY .contents .contents-inner .news-area .oshirase .news .past-news{position:absolute;top:37px;right:25px;font-size:86%;line-height:1;}
#BODY .contents .contents-inner .news-area .oshirase .news ol{margin-top:24px;}
#BODY .contents .contents-inner .news-area .oshirase .news ol li dl{display:flex;}
#BODY .contents .contents-inner .news-area .oshirase .news ol li dl dt{width:130px;line-height:2;}
#BODY .contents .contents-inner .news-area .oshirase .news ol li dl dd{width:390px;line-height:2;}

#BODY .contents .contents-inner .news-area .oshirase .webshop{width:365px;padding:20px 0 10px 0;}
#BODY .contents .contents-inner .news-area .oshirase .webshop .banners{margin-top:15px;}
#BODY .contents .contents-inner .news-area .oshirase .webshop .banners li{display:flex;justify-content:center;margin-bottom:15px;}
#BODY .contents .contents-inner .news-area .oshirase .webshop .banners li a{display:block;font-size:0;}