@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Alice);
/*
＿/＿/＿/＿/＿/＿/＿/＿/＿/＿/＿/＿/＿/＿/＿/＿/＿/＿/＿/＿/＿/＿/＿/＿/＿/＿/＿/＿/＿/＿/＿/

このCSSファイルはSassで管理されています。
ファイルの直接編集はご注意下さい。

＿/＿/＿/＿/＿/＿/＿/＿/＿/＿/＿/＿/＿/＿/＿/＿/＿/＿/＿/＿/＿/＿/＿/＿/＿/＿/＿/＿/＿/＿/＿/
*/
h2, h3 { word-break: keep-all; word-wrap: normal; }

.index-section-header { position: relative; }

.index-section-header-title { display: inline-block; font-family: 'Alice', serif; font-size: 32px; }

.index-section-header-description { position: absolute; top: 50%; left: 0; display: block; width: 100%; margin-top: -0.7em; font-size: 11px; text-align: center; }
.index-section-header-description span { position: relative; color: #333; line-height: 1; }
.index-section-header-description span:before, .index-section-header-description span:after { content: ''; position: absolute; top: 0.05em; width: 3em; height: 0.5em; border-bottom: 1px solid #dfd6c7; }
.index-section-header-description span:before { left: -4em; }
.index-section-header-description span:after { right: -4em; }

.index-section-header-archive_link { position: absolute; top: 50%; right: 0; margin-top: -0.8em; color: #bb8168; }
.index-section-header-archive_link:hover { color: #bb8168; text-decoration: none; opacity: 0.7; }
.index-section-header-archive_link img { height: 1em; margin-left: 8px; }

.index-section-news .index-section-header { margin-top: 48px; margin-bottom: 87px; }

.index-section-news-section { position: relative; min-height: 430px; }

.index-section-news-card { position: absolute; top: 0; background-color: #f2f0ea; padding: 17px; box-shadow: 1px 1px 5px #9a9898; }
.index-section-news-card p { margin-top: 17px; line-height: 1; text-align: right; color: #666; }

.index-section-news-sub_title { margin-bottom: 27px; padding-bottom: 22px; border-bottom: 1px solid #e7d3c9; }
.index-section-news-sub_title img { margin-right: 34px; }

.index-section-news-sub_title-inner { position: relative; min-height: 47px; padding-left: 118px; }
.index-section-news-sub_title-inner img { position: absolute; top: 0; left: 0; }

.index-section-news-sub_title-text { word-break: break-all; }

.index-section-news-content a { color: #5d1010; }
.index-section-news-content .index-section-news-content-inner { line-height: 2.0; padding-left: 20px; }

.index-section-news-left_card .index-section-news-sub_title { padding-left: 40%; }
.index-section-news-left_card .index-section-news-content { padding-left: 40%; }
.index-section-news-left_card .index-section-news-card { width: 350px; left: 0; transform: rotate(2.8deg); }
.index-section-news-left_card img { max-width: 100%; height: auto; }

.index-section-news-right_card .index-section-news-sub_title { padding-right: 40%; }
.index-section-news-right_card .index-section-news-content { padding-right: 40%; }
.index-section-news-right_card .index-section-news-card { width: 350px; right: 0; transform: rotate(-2.8deg); margin-top: -40px; }
.index-section-news-right_card img { max-width: 100%; height: auto; }

.index-section-coordinate { padding-top: 100px; padding-bottom: 70px; background: url("/themes/jolisac_front/images/pc/bcg/bcg-beige.jpg"); box-shadow: inset 0 1px 2px #cecac3; }
.index-section-coordinate .index-section-header { margin-bottom: 40px; }

@media (max-width: 1040px) { .index-section-coordinate .contents_width { padding: 0; } }
.index-section-coordinate-silhouette { position: absolute; top: -53px; left: -40px; }

.index-section-coordinate-list { margin-left: -20px; list-style: none; }
.index-section-coordinate-list li { float: left; width: 320px; margin-left: 20px; padding-top: 20px; border-top: 5px solid #bb8168; }
.index-section-coordinate-list a { display: block; color: #333; }
.index-section-coordinate-list:after { content: ''; display: block; clear: both; }

.index-section-coordinate-list-image { position: relative; width: 320px; }
.index-section-coordinate-list-image > img { margin-bottom: 32px; box-shadow: 1px 1px 2px #b3ada7; max-width: 100%; height: auto; }

.index-section-coordinate-btn_check { position: absolute; top: 440px; right: 0; width: 150px; height: 40px; background-color: #bb8168; color: #fff; line-height: 40px; font-size: 16px; text-align: center; }
.index-section-coordinate-btn_check img { position: absolute; top: 50%; right: 14px; height: 16px; margin-top: -8px; }

.index-section-recommende { padding-top: 48px; padding-bottom: 60px; background: url("/themes/jolisac_front/images/pc/bcg/bcg-beige.jpg"); border-top: 1px solid #c6b09a; }
.index-section-recommende .index-section-header { margin-bottom: 40px; }
.index-section-recommende .index-section-header .contents_width { position: relative; }

.index-section-recommende-wrapper .contents_width { width: 100%; max-width: 1170px; min-width: 1000px; }

.index-section-recommende-nav { float: left; width: 16.66%; }
.index-section-recommende-nav h3 { padding: 14px 0; background-color: #150c07; color: #fff; font-size: 14px; text-align: center; border-left: 1px solid #fff; }
.index-section-recommende-nav a { display: block; width: 100%; height: 0; padding-bottom: 100%; overflow: hidden; border: solid #150c07; border-width: 0 0 1px 1px; text-align: center; }
.index-section-recommende-nav img { width: 100%; }
.index-section-recommende-nav:first-child h3 { border-left: 1px solid #150c07; }
.index-section-recommende-nav:last-child h3 { border-right: 1px solid #150c07; }
.index-section-recommende-nav:last-child a { border: solid #150c07; border-width: 0 1px 1px 1px; }

.index-section-articles { padding-top: 48px; padding-bottom: 60px; background: url("/themes/jolisac_front/images/pc/bcg/bcg-beige.jpg"); border-top: 1px solid #c6b09a; }
.index-section-articles .index-section-header { margin-bottom: 40px; }

.index-section-articles-section-header .contents_width { position: relative; }

.index-section-articles-section-header-title { padding: 5px 0; border: solid #d2b6a8; border-width: 1px 0; }
.index-section-articles-section-header-title h3 { padding: 19px 0; background: url("/themes/jolisac_front/images/pc/bcg/bcg-booklabel.jpg"); font-family: 'Alice', serif; font-size: 30px; color: #3e240b; text-align: center; line-height: 0.7; }
.index-section-articles-section-header-title span { display: inline-block; margin: 0 auto; padding: 0 87px; background: url("/themes/jolisac_front/images/pc/bcg/deco-booklabel-left.png") left center no-repeat, url("/themes/jolisac_front/images/pc/bcg/deco-booklabel-right.png") right center no-repeat; }

.index-section-articles-section-header-description { margin-bottom: 30px; padding: 30px 0; border-bottom: 1px solid #d2b6a8; text-align: center; font-size: 11px; }

.index-section-articles-section { margin-bottom: 56px; }

.index-section-articles-section-body h4 { margin-bottom: 17px; font-weight: normal; }
.index-section-articles-section-body h4 a { font-size: 20px; color: #450303; }

.index-section-articles-section-body-left { float: left; width: 23%; margin-right: 5%; }
.index-section-articles-section-body-left img { width: 100%; }

.index-section-articles-section-body-right { float: left; width: 72%; }
.index-section-articles-section-body-right header { margin-bottom: 15px; }

.index-section-articles-section-body-btn_detail { position: relative; text-align: right; }
.index-section-articles-section-body-btn_detail a { display: inline-block; width: 150px; height: 40px; background-color: #bb8168; background-size: auto 1em; color: #fff; line-height: 40px; font-size: 16px; text-align: center; }
.index-section-articles-section-body-btn_detail a:hover { text-decoration: none; opacity: 0.7; }
.index-section-articles-section-body-btn_detail img { position: absolute; top: 50%; right: 14px; height: 14px; margin-top: -9px; }

.banner-home .contents_width { padding: 0; }

.banner-home-list { padding: 85px 0 94px; list-style: none; margin-left: -20px; }
.banner-home-list li { float: left; margin-left: 20px; margin-bottom: 23px; }
.banner-home-list a:hover { opacity: 0.7; }

/*# sourceMappingURL=home.css.map */