@charset "utf-8";

/* === 共通 === */
.home_button a{position:relative;display:block;width:60%;margin:0 auto;padding:3px 0 2px;border:1px solid #000000;text-align:center;text-decoration:none;color:#000000;}
.home_button a::before{
  content:"";display:block;width:12px;height:12px;position:absolute;top:50%;left:50%;margin-top:-6px;
  background:url("../images/come_icon1.png") no-repeat 0 0;
  -webkit-background-size:12px 12px;-moz-background-size:12px 12px;-o-background-size:12px 12px;
  -ms-background-size:12px 12px;background-size:12px 12px;
  }
.home_button a::after{content:"";display:inline;padding:0 0 0 22px;}

/* ----- */

.home_title{border-bottom:2px solid #b79d22;margin:0 0 10px;font-size:16px;font-weight:bold;}


/* === お知らせ === */
.home_news{border:1px solid #a0a0a0;padding:10px 10px 0;margin:0 0 10px;}
.home_news h2{
  height:15px;margin:0 0 6px;
  background:url("../images/home_news_title.png") no-repeat 0 0;
  -webkit-background-size:63px 15px;-moz-background-size:63px 15px;-o-background-size:63px 15px;
  -ms-background-size:63px 15px;background-size:63px 15px;
  }
.home_news ul{font-size:12px;padding:0 0 7px;}
.home_news li{position:relative;padding:0 0 3px 12px;}
.home_news li.icon_display::before{font-family:fontawesome;content:"\f005";display:block;color:#C29C5E;font-size:10px;position:absolute;top:1px;left:0;}
.home_news a{display:block;}
.home_news .date{float:left;}
.home_news .title{display:block;margin:0 0 0 80px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}

.home_button.news a::before{margin-left:35px;}


/* === 紹介画像 === */
.home_main_information{width:162px;margin:0 auto;}
.home_main_information ul{padding:0 0 10px;}
.home_main_information li{border:1px solid #a0a0a0;text-align:center;margin:0 0 10px;}
.home_main_information a{display:block;text-decoration:none;}
.home_main_information .image{display:block;}
.home_main_information .title{display:block;padding:5px 0;font-size:15px;}


/* === 白のきもの === */
.home_items{padding:0 25px 10px 35px;}
.home_items ul{padding:0 0 5px;}
.home_items li{display:inline;float:left;width:50%;}
.home_items .li_in{margin:0 10px 0 0;}
.home_items a{display:block;text-decoration:none;}
.home_items .image,
.home_items .title{display:block;text-align:center;margin:0 0 5px;}


/* === 白おすすめの品 === */
.home_osusume{padding:0 25px 5px 35px;}
.home_osusume ul{}
.home_osusume li{display:inline;float:left;width:50%;padding:0 0 5px;}
.home_osusume .li_in{margin:0 10px 0 0;position:relative;}
.home_osusume a{display:block;text-decoration:none;}
.home_osusume .image{display:block;text-align:center;margin:0 0 5px;}
.home_osusume .item_name{display:block;margin:0 0 1px;font-size:12px;}
.home_osusume .item_price,
.home_osusume .item_price_s{display:block;margin:0 0 5px;font-weight:bold;}
.home_osusume .item_price_s{color:#D3381C;}
.home_osusume .sale_icon{display:block;padding:2px 10px;font-size:11px;background:#D3381C;color:#ffffff;position:absolute;top:0;left:0;}

.home_button.more a::before{margin-left:35px;}
.home_button.more.shop a::before{margin-left:60px;}


/* === haku blog === */
.home_blog{padding:0 0 10px;margin:0 -10px 0 0;}
.home_blog ul{}
.home_blog li{display:inline;float:left;width:50%;}
.home_blog .li_in{margin:0 10px 0 0;}
.home_blog a{display:block;text-decoration:none;}
.home_blog .image,
.home_blog .title,
.home_blog .date,
.home_blog .body{display:block;margin:0 0 5px;}
.home_blog .title{margin:0 0 1px;}
.home_blog .date{font-size:11px;}


/* === ソーシャルサービスリンク === */
.fb_iframe_widget{width:100%;text-align:center;}
.fb_iframe_widget span{max-width:100% !important;background:#FFFFFF;}
.fb_iframe_widget iframe{max-width:100% !important;}


/* === 店舗のご案内系 === */
.home_contact{max-width:490px;margin:0 auto;padding:0 0 10px;}
.home_contact h3{font-size:18px;margin:0 0 10px;}
.home_contact dl{margin:0 0 10px;}
.home_contact dt{display:inline;float:left;/*width:80px;*/width:120px;}
.home_contact dd{margin:0 0 0 90px;}
.home_contact .comment{margin:0 0 10px;}
.home_contact .buttons{margin:0 -10px 0 0;}
.home_contact .buttons p{display:inline;float:left;}
.home_contact .buttons a{display:block;text-align:center;padding:2px 0;margin:0 10px 10px 0;border:1px solid #a0a0a0;text-decoration:none;}

.home_gallery{max-width:490px;margin:0 auto;padding:0 0 20px;}
.home_gallery .first{text-align:center;}
.home_gallery .second,
.home_gallery .third{display:inline;width:50%;position:relative;}
.home_gallery .second{float:left;text-align:right;}
.home_gallery .third{float:right;text-align:left;}
.home_gallery .second::before,
.home_gallery .third::before{content:"";display:block;padding:100% 0 0;}
.home_gallery .second .inbox,
.home_gallery .third .inbox{display:block;overflow:hidden;position:absolute;top:0;right:0;bottom:0;left:0;}

.google_map{position:relative;width:100%;height:250px;margin:0 0 20px;}
.google_map iframe{position:absolute;top:0;left:0;width:100% !important;height:250px !important;}


/* ===  === */
/* ===  === */
/* ===  === */
/* ===  === */

/***期間限定情報***/
.home_limited_news{margin-bottom:35px;}
.home_limited_news .news_list{overflow-y:scroll;height: 370px;}

.home_limited_news .text p.title{font-weight: bold;margin-bottom: 10px;}
.home_limited_news .news_list .box{padding: 20px 0;border-bottom: 1px solid #000;    display: flex;}
.home_limited_news .news_list .box:last-of-type{border:none;}
.home_limited_news .news_list .box .text{width: 50%;padding:0 10px;}
.home_limited_news .text .btn_wrapper .limited_news_button {display:inline-block;margin-right:10px;}
.home_limited_news .text .btn_wrapper .limited_news_button:last-of-type {margin-right:0px;}
.home_limited_news .text .btn_wrapper .limited_news_button a.mini{width:130px;}
.home_limited_news .text .btn_wrapper .limited_news_button a{display: block;text-align: center;padding: 2px 0;margin: 0 10px 10px 0; border: 1px solid #a0a0a0;text-decoration: none;}

/*2026.05追加*/
.important_news{margin-bottom: 10px;}
.important_news a{display: block;width: 100%;background: #ccc;text-decoration: none;line-height: 40px;text-align: center;font-size: 14px;}
.home_contact .message{border: 1px solid #b79d22;padding: 10px;box-sizing: border-box;margin-bottom: 20px;line-height: 1.7;background: #fcfaf2;}