@charset "utf-8";

/* ----------------------------------------
  Reset
----------------------------------------- */
html { color:#000; background:#FFF;}
body, div, dl, dt, dd, ul, li, h1, h2, h3, p { margin: 0; padding: 0;}
img { border: 0;}
li { list-style:none;}
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal;}

/* ----------------------------------------
  Common
----------------------------------------- */
.event_title_box_ { display: flex; justify-content: space-between; align-items: flex-end;}
.event_title_box_ a { text-decoration: none; color: #888888;}
h3.event_title_img_ { font-size: 30px; font-family:"Hiragino Mincho ProN", "ヒラギノ明朝 ProN W3", YuMincho, 'Yu Mincho', 'Noto Serif JP', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', YuGothic, "游ゴシック体", sans-serif, sans-serif; letter-spacing: 5.85px; text-align: center; color: #881b21;}

/* ----------------------------------------
  メインビジュアル
----------------------------------------- */
#ec_visual { width: 980px; margin: 0 auto; padding-bottom: 48px;}
#ec_visual img { max-width: 100%;}
#ec_visual #ec_main_visual { display: flex; flex-wrap: wrap; justify-content: space-between;}
#ec_visual #ec_main_visual li { width: 48%; margin: 0 0 10px; text-align: center;}
#ec_visual #ec_thumb { display: flex; flex-wrap: nowrap;}
#ec_visual #ec_thumb li { margin: 0; text-align: center;}

/* ----------------------------------------
  季節の、いいもの
----------------------------------------- */
#ec_season { width: 980px; margin: 0 auto; padding-bottom: 48px;}
#ec_season h3 { padding: 20px 0; text-align: left;}
#ec_season .ec-season-list { display: flex; justify-content: space-between; flex-wrap: wrap;}
#ec_season .ec-season-list-item { width: 312px; margin-bottom: 30px; border: none; box-sizing: border-box;}
#ec_season .ec-season-list-item a,
#ec_season .ec-season-list-item .nolink { text-decoration: none;}
#ec_season .ec-season-list-item .image  { width: 312px; height: 208px; margin: 0 0 20px; transition: 0.3s;}
#ec_season .ec-season-list-item .image img { max-width: 100%; max-height: 100%; object-fit: cover; border-radius: 10px;}
#ec_season .ec-season-list-item .image img.img-s { display: none;}
#ec_season .ec-season-list-item .image img.img-l { width: 312px; height: 208px; object-fit: cover; border-radius: 10px; display: inline;}
#ec_season .ec-season-list-item a:hover .image { opacity: 0.7;}
#ec_season .ec-season-list-item .title { font-size: 15px; line-height: 1.73; color: #888888;}
#ec_season .ec-season-list-item a .title:hover { text-decoration: underline;}
#ec_season .ec-season-list-item .text  { font-size: 15px; line-height: 1.73; color: #888888;}
#ec_season .ec-season-list-item .price { font-size: 15px; line-height: 1.73; color: #888888;}
#ec_season .ec-season-list-item:nth-child(n+4) { width: 230px;}
#ec_season .ec-season-list-item:nth-child(n+4) .image  { width: 230px; height: 230px; transition: 0.3s;}
#ec_season .ec-season-list-item:nth-child(n+4) .image img.img-s { display: inline;}
#ec_season .ec-season-list-item:nth-child(n+4) .image img.img-l { display: none;}

/* ----------------------------------------
  おすすめの、いいもの
----------------------------------------- */
#ec_osusume { width: 980px; margin: 0 auto; padding-bottom: 48px;}
#ec_osusume h3 { text-align: left;}
#ec_osusume .ec-osusume-list { display: flex; justify-content: space-between; flex-wrap: wrap;}
#ec_osusume .ec-osusume-list-item { width: 480px; padding: 25px; height: auto; margin-bottom: 20px; border: none; border-radius: 10px; background: #F6F7F2; box-sizing: border-box;}
#ec_osusume .ec-osusume-list-item a,
#ec_osusume .ec-osusume-list-item .nolink { text-decoration: none; display: flex; justify-content: space-between; align-items: flex-start;}
#ec_osusume .ec-osusume-list-item .image  { width: 200px;	transition: 0.3s;}
#ec_osusume .ec-osusume-list-item a:hover .image { opacity: 0.7;}
#ec_osusume .ec-osusume-list-item .image img { width: 200px;}
#ec_osusume .ec-osusume-list-item .desc  { width: 210px;}
#ec_osusume .ec-osusume-list-item .title { margin-bottom: 10px; font-size: 16px; font-weight: bold; color: #571C20;}
#ec_osusume .ec-osusume-list-item a .title:hover { text-decoration: underline;}
#ec_osusume .ec-osusume-list-item .text  { margin-bottom: 10px; font-size: 15px; line-height: 1.73; color: #888888;}
#ec_osusume .ec-osusume-list-item .price { font-size: 15px; line-height: 1.73; color: #888888;}
#ec_osusume .ec-osusume-list-item:nth-child(1) { width: 980px; padding: 30px 40px; margin: 18px 0 30px;}	
#ec_osusume .ec-osusume-list-item:nth-child(1) .image { width: 360px;}
#ec_osusume .ec-osusume-list-item:nth-child(1) .image img { width: 360px;}
#ec_osusume .ec-osusume-list-item:nth-child(1) .desc  { width: 500px;}
#ec_osusume .ec-osusume-list-item:nth-child(1) .title { margin-bottom: 30px; font-size: 25px;}
#ec_osusume .ec-osusume-list-item:nth-child(1) .text  { margin-bottom: 30px; font-size: 18px;}
#ec_osusume .ec-osusume-list-item:nth-child(1) .price { font-size: 18px;}

/* ----------------------------------------
  バナー
----------------------------------------- */
#ec_banner { width: 980px; margin: 0 auto; padding: 50px 0;}
#ec_banner img { max-width: 100%;}
#ec_banner #ec_banner_list { display: flex; flex-wrap: wrap; justify-content: space-between;}
#ec_banner #ec_banner_list li { width: 48%; margin: 0 0 10px; text-align: center;}
#ec_banner #ec_banner_list li a { text-decoration: none;}
#ec_banner #ec_banner_list li .image { margin-bottom: 10px; text-align: center;}
#ec_banner #ec_banner_list li .image img { width: 100%; border-radius: 10px; vertical-align: top;}
#ec_banner #ec_banner_list li .title { margin-bottom: 10px; font-size: 16px; font-weight: bold; text-align: left; color: #571C20;}
#ec_banner #ec_banner_list li .text  { margin-bottom: 10px; font-size: 15px; line-height: 1.73; text-align: left; color: #888888;}