@charset 'utf-8';
/*
 * name:Zwigen Kanazawa LP.css
 * author:Rotana
*/
.font-yu-michio{font-family: 'Hiragino Mincho ProN', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'Meiryo', 'メイリオ', 'ＭＳ Ｐゴシック', 'MS P Gothic', Osaka, Arial, Helvetica, Verdana, sans-serif;}
#product{ background-color: #fff; }
/* #zwigen-visual { margin-top: 80px; position: relative; background: url(../../img/zwigen-kanazawa/visual-min.jpg)no-repeat center; background-size: cover; width: 100%; height: calc(100vh - 80px); min-height: 550px; } */
#zwigen-visual{ margin-top: 80px; }
#zwigen-visual img{ width: 100%; }
.zwigen-visual__block{ position: absolute; max-width: 1200px; width: calc(100% - 40px); left: 50%; top: 45%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.zwigen-visual--title{ padding-bottom: 20px; letter-spacing: 0.1em; color: #031C21; border-bottom: 1px dashed #707070; }
.zwigen-visual--title p{ font-size: 2.5rem; line-height: calc(40/25); }
.zwigen-visual--title small{ position: relative; bottom: .2em; font-size: 1.4rem; line-height: calc(22/14); }
.zwigen-visual--title h2{ font-size: 5.7rem; line-height: calc(92/57); }
.zwigen-visual--txt{ margin-top: 38px; font-size: 2rem; letter-spacing: 0.072em; line-height: calc(38/20); color:#031C21; }
.zwigen-visual--desc{ display: table; }

.zweigen-about__row{ padding-bottom: 90px; display: flex; flex-wrap: wrap; justify-content: space-between; border-bottom: 1px dashed #707070; }
.zweigen-about__desc--title{ margin-top: 16px; margin-bottom: 50px; padding: 11px 10px; max-width: 360px; font-size: 2.4rem; letter-spacing: 0.05em; line-height: calc(38/24); text-align:center; color:#fff; background-color: #0E1F3C; }
.zweigen-about__desc--cmn,
.zweigen-about--txt01{ font-size: 1.8rem; letter-spacing: 0.072em; line-height: calc(38/18); color:#262626; }
.zweigen-about__row.row-reverse{ flex-direction: row-reverse; }

.product__block{ border-bottom: 1px dashed #707070; }

@media screen and (min-width: 769px) {
	#product{ padding: 90px 0 0; }
	.zweigen-about__pic{ width: calc(630/1200 * 100%); }
	.zweigen-about__desc{ width: calc(490/1200 * 100%); }
	.product__block__desc--btn{ max-width: 75.24%; }
}

@media screen and (max-width: 768px) {
	#zwigen-visual{ margin-top: 60px; }
	.zwigen-visual--title p{ font-size: 2rem; }
	.zwigen-visual--title h2{ font-size: 4.6rem; }
	.zwigen-visual--txt{ font-size: 1.6rem; }
	.zweigen-about__row{ padding-bottom: 70px; }
}

.zweigen-block{ padding-top: 65px; padding-bottom: 80px; }
.zweigen-block.bg-color-red{ background: rgb(165,32,41);	background: linear-gradient(180deg, rgba(165,32,41,1) 0%, rgba(0,0,0,1) 100%);}
.zweigen-block.bg-color-white{ padding-bottom: 270px; background-color:#fff;}
.zweigen--title{ display: table; margin: 0 auto; font-size: 5.7rem; line-height: calc(92/57); letter-spacing: 0.1em; color:#fff; border-bottom: 1px solid #fff; }
.zweigen--title sub{ display: table; padding-right: 57px; position: relative; font-size: 1.4rem; letter-spacing: 0.05em; color:#6E6C6C; }
.zweigen--title sub:after{ content: ''; position: absolute; right: 0; top: 12px; width: 46px; height: 1px; background-color: #6E6C6C; }
.zweigen-block.bg-color-white .zweigen--title{ border-bottom-color: #011E41; }
.zweigen-block.bg-color-white .zweigen--title b{ color: #011E41; }
.zweigen-about.about02{ margin-top: 80px; }
.zweigen-about.about02 .zweigen-about__row{ padding-bottom: 0; border-bottom: 0; }
.zweigen-about.about02 .zweigen-about__row:not(:nth-child(-n+1)){ margin-top: 150px; }
.zweigen-about.about02 .zweigen-about__desc--title{ margin-top: 0; max-width: 480px; background-color: #A52029; }
.zweigen-about.about02 .zweigen-about__desc--cmn{ color:#fff; }
.zweigen-about__desc--title02{ margin-bottom: 43px; font-size: 2.8rem; font-weight: 400; letter-spacing: 0.072em; line-height: calc(38/28); color:#090707; }
.zweigen-about--txt02{ margin-top: 100px; font-size: 2.4rem; font-weight: 400; letter-spacing: 0.072em; line-height: calc(38/24); text-align: center; color: #011E41; }

.zweigen-about--bnr{ margin-top: 120px; display: flex; flex-wrap: wrap; }
.zweigen-about--bnr img{ width: 50%; }
.zweigen-about--btn{ padding: 16px 0; display: block; width: 100%; max-width: 380px; margin: 80px auto 0; font-size: 2.2rem; letter-spacing: 0.08em; text-align: center; line-height: calc(37/22); color:#fff !important; background-color: #A52029; border-radius: 6px; }
.zweigen-block.bg-color-white  .zweigen-about__desc--cmn{ color: #011E41; }
.zweigen-about--txt01{ margin-top: 50px; margin-bottom: 180px; color: #011E41; text-align: center; }

#zweigen-store{ padding-top: 100px; padding-bottom: 140px; background-color: #011E41; color:#fff; }
.zweigen-store--inner{ max-width: 984px; margin: 0 auto; }
.zweigen-store--title{ margin-bottom: 100px; font-size: 3.2rem; font-weight: 500; text-align: center; line-height: calc(40/32); letter-spacing: 0.05em;  }
.zweigen-store--row{ display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 60px; }
.zweigen-store--col{ width: calc(460/984 * 100%); }
.zweigen-store--item__btn{ padding: 0 30px; position: relative; margin-top: 15px; min-height: 80px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; font-size: 2.2rem; font-weight: 500; text-align: center; letter-spacing: 0.05em; line-height: calc(28/22); color:#fff !important; border:1px solid #fff; }
.zweigen-store--item__btn:before{ position: absolute; right: 10px; top:50%; transform: translateY(-50%); content: '＞'; font-weight: 400; }
.zweigen-store--table{ margin-top: 18px; font-size: 1.6rem; font-weight: 400; letter-spacing: 0.072em; line-height: calc(26/16); }
.zweigen-store--table th{ padding-right: 16px; vertical-align: top; text-align: left; font-weight: 400; word-break: keep-all; }
.zweigen-store--special{ margin-top: 190px; }
.zweigen-store--title02{ padding: 6px 0; display: table; margin: 0 auto 48px; width: 100%; max-width: 480px; font-size: 2.4rem; letter-spacing: 0.06em; line-height: calc(38/24); text-align: center; background-color: #fff; color:#011E41; }
.zweigen-store--txt{ font-size: 1.8rem; font-weight: 400; letter-spacing: 0.04em; line-height: calc(38/18); }
.zweigen-store--map{ margin-top: 90px; }

@media screen and (min-width: 769px) {
	.zweigen-store--inner{ width: calc(100% - 84px); }
	.zweigen-store--row.row02{ width: calc(100% + 42px); }
	.zweigen-store--row.row02 .zweigen-store--col:nth-child(2n+1){ width: calc(460/1026 * 100%); }
	.zweigen-store--row.row02 .zweigen-store--col:nth-child(2n+2){ width: calc(502/1026 * 100%); }
}

@media screen and (max-width: 768px) {
	.zweigen-about__desc--title{ font-size: 1.8rem; }
	.zweigen-about__desc--cmn, .zweigen-about--txt01{ font-size: 1.4rem; }
	.zweigen-about__desc{ margin-top: 40px; }
	.zweigen-about.about02 .zweigen-about__row:not(:nth-child(-n+1)){ margin-top: 120px; }
	.zweigen-about--bnr img{ width: 100%; }
	.zweigen-about--bnr{ margin: 95px auto 0; max-width: 450px; }
	.zweigen-about--btn{ font-size: 1.8rem; }
	.zweigen--title{ font-size: 2.4rem;  line-height: calc(73/57); padding-bottom: 0.3em;}
	.zweigen--title sub{ margin-bottom: 0.4em; font-size: 1rem; }
	.zweigen--title sub:after{ top: 6px; }
	.zweigen-store--title{ font-size: 2.6rem; }
	.zweigen-store--row{ margin-top: 34px; }
	.zweigen-store--col{ width: 100%; }
	.zweigen-store--col:not(:nth-child(-n+1)){ margin-top: 40px; }
	.zweigen-store--item__btn{ min-height: 65px; font-size: 1.4rem; }
	.zweigen-store--table{ font-size: 1.4rem; }
	.zweigen-store--special{ margin-top: 142px; }
	.zweigen-store--title02{ font-size: 1.9rem; }
	.zweigen-store--txt{ font-size: 1.4rem; }
	.zweigen-store--map{ margin-top: 70px; }
	.zweigen-about--txt01{ margin-top: 40px; margin-bottom: 144px; }
	.zweigen-about__desc--title02{ font-size: 2.2rem; }
	.zweigen-about--txt02{ margin-top: 80px; font-size: 1.6rem; }
	.zweigen-block.bg-color-white{ padding-bottom: 216px; }
}

/* footer */
.syufunotomo-footer{ padding: 80px 0 70px; margin-bottom: 150px; }
.syufunotomo-footer--wrap{ width: 100%; max-width: 1030px; margin: 0 auto; }
.syufunotomo-footer--title{ padding-bottom: 35px; font-size: 3.6rem; font-weight: 500; font-family: 'Yu Mincho Db'; text-align: center; color:#fff; line-height: 1; border-bottom: 1px solid #fff; }
.syufunotomo-footer--headline{ padding: 50px 70px; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; background-color: #fff; }
.syufunotomo-footer--headline+.syufunotomo-footer--headline{ margin-top: 80px; }
.syufunotomo-footer--logo{ width: 207px; }
.syufunotomo-footer--headline--btn { width: 483px; }
.syufunotomo-footer--headline--btn a{ padding: 23px 0; display: block; font-family: 'Yu Mincho Db'; font-weight: 400; font-size: 2.4rem; color:#0E1F3C; letter-spacing: 0.01em; line-height: 1.25; text-align: center; border:2px solid #0E1F3C; }
.syufunotomo-footer--list{ margin-top: 60px; }
.syufunotomo-footer--list-img{ border:1px solid #fff; }
.syufunotomo-footer--list--btn{ padding: 5px; margin-top: 16px; min-height: 78px; width: calc(100% - 12px); display: inline-flex; align-items: center; justify-content: center; font-size: 2.4rem; font-weight: 400; font-family: 'Yu Mincho Db'; letter-spacing: 0.01em; line-height: 1.24; color:#fff !important; border:1px solid #fff; }
.syufunotomo-footer--list p{ margin-top: 18px; font-family: 'Yu Mincho Db'; font-weight: 400; font-size: 1.6rem; color:#fff; letter-spacing: 0.01em; line-height: 1.75; }
.syufunotomo-footer--list p span{ display: block; text-indent: -5em; margin-left: 5em; }
.syufunotomo-footer--nav{ padding-bottom: 16px; margin-top: 67px; border-bottom: 1px solid #fff; }
.syufunotomo-footer--nav-list{}
.syufunotomo-footer--nav-list li { margin: 0 21px; }
.syufunotomo-footer--nav-list li a{ font-family: 'Yu Mincho Db'; font-size: 1.6rem; font-weight: 400; color:#fff; letter-spacing: 0.04em; line-height: 1.875; color:#fff; }
.syufunotomo-footer--copyright{ margin-top: 17px; font-size: 1.6rem; font-family: 'Yu Mincho Db'; font-weight: 400; line-height: 1.875; letter-spacing: 0.04em; text-align: center; color:#fff; }
.syufunotomo-logo--ttl{ width: unset; font-size: 2.2rem; font-weight: 600; }

/* responsive style 
------------------------------------------------ */
@media screen and (min-width: 769px) {
	.product--break.mt-60{ margin-top: 60px; }
	.product__block__desc--cmn.cmn-mw-440{ max-width: 424px; }
	.product__block__main.flex-start{ align-items: flex-start; }
	/* syufunotomo-footer */
	.syufunotomo-footer{ background: url(../../img/syufunotomo/syufunotomo_bg.png) no-repeat right 74px / auto 807px; background-color: #0E1F3C; }
	.syufunotomo-footer--list{ display: flex; flex-wrap: wrap; justify-content: space-between; }
	.syufunotomo-footer--list li{ width: 46.894%; }
	.syufunotomo-footer--list li:not(:nth-child(-n+2)){ margin-top: 40px; }
	.syufunotomo-footer--nav-list{ display: flex; flex-wrap: wrap; justify-content: center; }
}

@media screen and (max-width: 1240px) and (min-width: 769px) {
	.syufunotomo-footer{ background-position: right 6.16666666667vw; background-size: auto 67.25vw; }
	.syufunotomo-footer--title{ font-size: 3vw; }
	.syufunotomo-footer--wrap{ max-width: 85.8333333333vw; }
	.syufunotomo-footer--logo{ width: 17.25vw; }
	.syufunotomo-footer--headline--btn{ width: 40.25vw; }
	.syufunotomo-footer--headline--btn a{ font-size: 2vw; }
	.syufunotomo-footer--headline{ padding: 4.16666666667vw 5.83333333333vw; }
	.syufunotomo-footer--list--btn{ font-size: 2vw; min-height: 6.5vw; }
	.syufunotomo-footer--list p,
	.syufunotomo-footer--nav-list li a,
	.syufunotomo-footer--copyright{ font-size: 1.33333333333vw; }
}

@media screen and (max-width: 768px) {
	.syufunotomo-footer{ padding: 43px 0 25px; /*background-size: auto 365px;*/ /*background-position: calc(100% + 182px) 10px;*/ background: url(../../img/syufunotomo/sp_syufunotomo_bg_1.png) no-repeat right 74px / auto 178px, url(../../img/syufunotomo/sp_syufunotomo_bg_2.png) no-repeat 0 421px / auto 198px , #0E1F3C; }
	.syufunotomo-footer--wrap{ width: calc(100% - 40px); padding: 0 20px; }
	.syufunotomo-footer--title{ margin-bottom: 31px; padding-bottom: 23px; font-size: 2.4rem; }
	.syufunotomo-footer--headline{ padding: 24px 22px; flex-direction: column; }
	.syufunotomo-footer--logo{ margin-bottom: 24px; width: 163px; }
	.syufunotomo-footer--headline--btn{ width: 100%; }
	.syufunotomo-footer--headline--btn a{ padding: 17px 0; font-size: 1.4rem; border-width: 1px; }
	.syufunotomo-footer--list{ margin-top: 34px; }
	.syufunotomo-footer--list-row{ display: flex; flex-wrap: wrap; justify-content: space-between; border:1px solid #fff; }
	.syufunotomo-footer--list-img{ width: 39.375vw; border:0; }
	.syufunotomo-footer--list--btn{ padding: 0 13px 0 0; width: calc(43.4375vw - 13px); margin: 0; display: inline-flex; font-size: 1.3rem; border:0; min-height: unset; justify-content: flex-start; }
	.syufunotomo-footer--list p{ margin-top: 7px; font-size: 1.1rem; line-height: 1.55; }
	.syufunotomo-footer--list li+li{ margin-top: 35px; }
	.syufunotomo-footer--nav{ margin-top: 35px; padding-bottom: 29px; }
	.syufunotomo-footer--nav-list li{ margin: 0; }
	.syufunotomo-footer--nav-list li+li{ margin-top: 23px; }
	.syufunotomo-footer--nav-list li a{ font-size: 1.4rem; }
	.syufunotomo-footer--copyright{ margin-top: 24px; font-size: 1.2rem; line-height: 2; }
}

/* hinotori */
.hinotori-desc01{ padding: 80px 0 150px; background-color: #F1EDE1; font-size: 1.8rem; letter-spacing: 0.072em; line-height: calc(38/18); color:#4A4A4A; }
.hinotori-desc01-box{ display: flex; flex-wrap: wrap; justify-content: space-between; max-width: 940px; margin: 0 auto; padding: 75px 100px 120px; background-color: #fff; }
.hinotori-desc01-box-col--pht{ padding-top: .6em; width: calc(460/940 * 100%); }
.hinotori-desc01-box-col--pht figcaption{ margin-top: 25px; color:#262626; }
.hinotori-desc01-box-col--txt{ width: calc(416/940 * 100%); }
.hinotori-desc01-box-col--title{ width: 100%; margin-bottom: 90px; }
.hinotori-desc01-box-col--title h2{ font-size: 3rem; text-align: center; letter-spacing: .1em; line-height: calc(47/30); color:#011E41; }
.hinotori-desc01-box-col--title2{ margin-bottom: 15px; font-size: 2.4rem; letter-spacing: 0.07em; line-height: calc(38/24); }
.zweigen-about__desc--title.bg-color-blue,
.zweigen-about--btn.bg-color-blue{ background-color: #004091 !important; }

@media screen and (max-width: 1024px) and (min-width: 769px) {
	.hinotori-desc01-box{ padding: 75px 50px 125px; }
}

@media screen and (min-width: 769px) {
	.hinotori-desc01-box+.hinotori-desc01-box{ margin-top: 60px; }
	.hinotori-desc01-box-col--pht2{ width: calc(300/940 * 100%); margin-left: calc(80/940 * 100%); }
	.hinotori-desc01-box.box2{ padding-top: 50px; padding-bottom: 50px; }

	.zweigen-about__desc--title.bg-color-blue{ font-size: 2.2rem !important; }
}

@media screen and (max-width: 768px) {
	.hinotori-desc01{ padding: 40px 0; font-size: 1.4rem; }
	.hinotori-desc01-box{ padding: 40px 25px; flex-direction: row; }
	.hinotori-desc01-box-col--title{ margin-bottom: 25px; }
	.hinotori-desc01-box-col--title h2{ font-size: 1.8rem; }
	.hinotori-desc01-box-col--pht{ width: 100%; margin: 0 0 20px; }
	.hinotori-desc01-box-col--txt{ width: 100%; }
	.hinotori-desc01-box-col--title2{ font-size: 1.6rem; padding-top: 25px; }
	.hinotori-desc01-box+.hinotori-desc01-box{ margin-top: 40px; }
	.zweigen-about__desc--title.bg-color-blue{ font-size: 1.5rem; }
}

@media screen and (max-width: 375px) {
	.zweigen-about__desc--title.bg-color-blue{ font-size: 4vw; }
}

/* BayStars */
.baystars-store{ padding: 110px 0 70px; margin-bottom: 150px; background-color: #011E41; color:#fff; }
.border-top-dashed{border-top: 1px dashed #707070;}
.zweigen-block.bg-color-blue{ 
	background: rgb(0, 64, 145);
    background: linear-gradient(180deg, rgba(0, 64, 145, 1) 0%, rgba(0, 0, 0, 1) 100%);
}
.baystars-store--row{ margin-top: 70px !important; }
@media screen and (min-width: 769px) {
	.baystars--title{ font-size: 3.8rem; line-height: calc(61/38); }
	.baystars--title sub{ margin-bottom: 26px; }
	.baystars-block{ padding-bottom: 116px; }
	.baystars-about--btn{ margin-top: 150px; }
	.baystars-products{ padding-top: 35px !important; }
	.syufunotomo-footer--title{ padding-bottom: 80px; }
}
@media screen and (max-width: 768px) {
	.baystars-store{ padding: 43px 0 25px; }
}

.hinotori__visual-img{
	position: relative;
}
.hinotori-link{ 
	position: absolute;
    width: calc(336 / 1366 * 100%);
    height: 9%;
    background: transparent;
    z-index: 1;
    left: calc(67 / 1366 * 100%);
    bottom: 20%;
    opacity: 0;
    color: transparent;
 }

 .bonobono-link{
	position: absolute;
    right: 17.8%;
    background: transparent;
    width: calc(336 / 1366 * 100%);
    height: 9%;
    bottom: 32.3%;
	opacity: 0;
    color: transparent;
 }

.bonobono-desc-foot{ width: 100%; }
.bonobono-desc-link{ display: block; padding: 8px 0; margin: 60px auto 0; width: 100%; max-width: 380px; font-size: 2.2rem; font-weight: 400; text-align: center; color: #fff !important; background-color: #5E4B3C; border:4px solid #fff; border-radius: 2px; }
.bonobono-desc01{ background: url(../../img/2026/bonobono/brand/brand_bg.jpg) no-repeat center bottom / cover; }
.bonobono-desc01 .hinotori-desc01-box{ padding-bottom: 75px; background-color: rgba(255,255,255,.9); }
.bonobono-desc01 .hinotori-desc01-box-col--title{ margin-bottom: 40px; }
.bonobono-nasa-section img{ width: 100%; }

@media screen and (min-width: 769px) {
	.bonobono-desc01-box-col--pht01{ width: calc(320/940 * 100%); }
	.bonobono-desc01-box-col--pht02{ width: calc(280/940 * 100%); padding-top: 60px; text-align: right; }
	.bonobono-desc01-box-col--pht02 img{ max-width: 226px; }
	.bonobono-desc01-box-col--txt{ flex: 1; padding-left: 60px; padding-right: 25px; }
}

@media screen and (max-width: 768px) {
	.bonobono-desc01 .hinotori-desc01-box-col--title{ order:1; margin-bottom: 30px; }
	.bonobono-desc01 .hinotori-desc01-box-col--title2{ padding-top: 0; text-align: center; margin-bottom: 30px; }
	.bonobono-desc01-box-col--txt{ order:2; max-width: calc(496/624 * 100%);margin: 0 auto; }
	.bonobono-desc01-box-col--pht01,
	.bonobono-desc01-box-col--pht02{ order:3; max-width: calc(370/627 * 100%);margin: 30px auto 0; }
	.bonobono-desc01 figcaption{ margin-top: 20px; }
	.bonobono-desc-foot{ order:4; max-width: calc(380/627 * 100%); margin: 0 auto; }
	.bonobono-desc-link{ padding: 2px 0; margin: 25px auto 0; font-size: 1.4rem; }
	.bonobono-desc01 .hinotori-desc01-box{ padding-bottom: 40px; }
}