@charset 'utf-8';

.wrap { margin:0 auto;}
@media screen and (min-width: 840px) {
	.wrap { margin:0 auto 50px auto; }
}

footer { padding-bottom:70px; }

.flaglist { width:auto;margin: 0px auto 5px 0; display:flex; justify-content:left; }
.flag.flag_new { margin-right:5px; }

.bukkenH1 { width:100%; margin:20px 0; display:flex; flex-direction:column; justify-content:left; }
.titleBuy { margin:10px 0; }
.COPY { width:100%; margin:20px 0; display:none; text-align:justify; }
@media screen and (min-width: 840px) {
	.bukkenH1 { margin:30px 0 0 0; }
	.COPY { margin:10px 0 20px 0; display:block; }
}

.contents_wrap { width:100%; position:relative; overflow:hidden; }
.contents { position:relative; }
.detail { width:100%; display:flex; justify-content:space-between; flex-direction:column; flex-wrap:wrap; }
@media screen and (min-width: 840px) {
	.contents_wrap { margin-bottom: 0px; }
	.detail { display:flex; justify-content:space-between; flex-direction:row; align-items:flex-start; }
	.detailReverse { flex-direction:row-reverse; }
}

/*PHOTO*/
.PHOTO{ width:100%; margin:0 0 20px 0;}
.NOPHOTO { display:none; }
.swiper-wrapper { width: 100%; height:auto; }
.swiper-slide { color: #ffffff; width: 100%; height: 100%; text-align: center; line-height: 400px; display:flex; justify-content:center;align-items: start;}
.mySwiper2 { height: 80vw; width: 100%; margin-bottom:10px; border:1px solid #ccc; box-sizing:border-box; }
.mySwiper { width:100%; height:auto; box-sizing: border-box; padding: 10px 0; }
.mySwiper .swiper-slide { width:auto; height:90px; opacity: 0.4; line-height: 80px; border:1px solid #ccc; box-sizing:border-box; position:relative; display: flex; align-items: center; }
.mySwiper .swiper-slide-thumb-active { opacity: 1; }
.PHOTO .swiper-button-next, .PHOTO .swiper-rtl .swiper-button-prev { width:30px; height:30px; display:block; transition:0.3s; opacity:0.7; }
.PHOTO .swiper-button-next:hover, .PHOTO .swiper-rtl .swiper-button-prev:hover { transition:0.3s; opacity:1; }
.PHOTO .swiper-button-prev, .PHOTO .swiper-rtl .swiper-button-next { width:30px; height:60px; display:block; transition:0.3s; opacity:0.7; }
.PHOTO .swiper-button-prev:hover, .PHOTO .swiper-rtl .swiper-button-next:hover { transition:0.3s; opacity:1; }
.PHOTO .swiper-button-next::before, .PHOTO .swiper-button-prev::before { content:''; width:30px; height:30px; display:block; background:#999; border-radius:50%; position:absolute; }
.PHOTO .swiper-button-next::after, .PHOTO .swiper-button-prev::after { font-weight:bold; font-size:16px; line-height:30px; position: absolute; top:0; color:#fff; }
.PHOTO .swiper-button-next::after { left: 50%; margin-left: -3px; }
.PHOTO .swiper-button-prev::after { right: 50%; margin-right: -3px; }
.PHOTO img{ width:auto; max-width:100%; height:auto; max-height:100%; margin:0 auto; object-fit:cover; }
.PHOTO .PHOTO_noimg { display:flex; align-items:center; justify-content:center; background:#d8d8d8; width:100%; aspect-ratio: 5 / 4; font-weight:bold; font-size:24px; }
.PHOTO .PHOTO_noimg img { width:60%; }
.PHOTO_TEXT { width:100%; display:flex; justify-content:space-between; align-items:end; padding:5px 2.5%; background:rgba(0,0,0,0.3); text-align:left; position:absolute; bottom:0; left:0; text-align:justify; font-size:12px; line-height:1.2; box-sizing:border-box; }
.PHOTO_COMMENT { margin-right:5px; }
@media screen and (min-width: 840px) {
	.PHOTO{ width:52.5%; }
	.NOPHOTO { width:100%; height:440px; display:flex; justify-content:center; align-items:center; background:#F6F6F6; text-align:center; font-weight:bold; font-size:32px; }
	.mySwiper { width:100%; }
	.mySwiper2 {height: 31.5vw; max-height: 390px; }
	.mySwiper2 .swiper-slide { min-height: 390px; align-items:center; }
	.PHOTO_TEXT { font-size:14px; }
	.PHOTO_COMMENT { margin-right:10px; line-height:1.2; }
}

/*EXPLANATION*/
.EXPLANATION{ width:100%; display:flex; flex-direction:column; justify-content: space-between; align-items: flex-end; }
.EXPLANATION_TEXT{ width:100%; padding:20px 5%; display:block; background:#F6F6F6; }
.EXPLANATION_TABLE_LIST { display:flex; align-items:flex-start; margin:0 0 15px 0; line-height:1.2; }
.EXPLANATION_TABLE_LIST_PRICE { align-items:flex-end; }
.EXPLANATION_TABLE dt{ width:25%; padding:0; font-size:14px; }
.EXPLANATION_TABLE_LIST_PRICE dt { padding:0 0 5px 0; }
.EXPLANATION_TABLE dt span{ display:block; width:100%; line-height:1.2; }
.EXPLANATION_TABLE dd{ width:75%; }
.EXPLANATION_TABLE dd strong { margin:0 5px 0 0; color:#FB8B25; font-weight:bold; font-size:28px; }
.EXPLANATION_TABLE dd a.gmap{ color:#0A3F67; float:right; }
.EXPLANATION_TABLE dd a:hover{ text-decoration:underline; }
.EXPLANATION_TABLE a i{ margin-right:5px; }
@media screen and (min-width: 840px) {
	.EXPLANATION { width:45%; margin-bottom:20px; flex-direction:column; }
	.EXPLANATION_ZUMEN { width:100%; display:block; margin:0; }
	.EXPLANATION_TEXT {width:100%; box-sizing:border-box; }
	.EXPLANATION_TABLE_LIST dt{width:80px; }
	.EXPLANATION_TABLE_LIST dd{width:calc(100% - 80px); }
}

.ZUMENS { width:100%; height:auto; display:flex; justify-content:center; align-items:center; margin:0 0 20px 0; background:#fff; border:1px solid #ccc; box-sizing:border-box; position:relative; transition:0.3s; pointer-events:none; }
.ZUMEN { width:auto; max-width:100%; height:auto; max-height:300px; margin:0 auto; display:block; }
.EXPAND { display:none; }
@media screen and (min-width: 840px) {
	.ZUMENS { pointer-events:auto; }
	.ZUMENS:hover { opacity:0.7; transition:0.3s; }
	.EXPAND { width:24px; height:24px; display:block; position:absolute; bottom:0; right:0; background:#fff; text-align:center; line-height:24px; }
}

.detailH2 { width:100%; margin-bottom:10px; padding-bottom:5px; display:block; position:relative; border-bottom:1px solid #0D3058; }
.detailH2Eng { width:100%; display:block; font-size:32px; line-height:1.2; font-family:futura-pt, sans-serif; letter-spacing:0.15em; }
.detailH2Jpn { width:100%; margin:5px 0 0 0; display:block; line-height:1.2; }
.detailH2 i { position:absolute; bottom:10px; right:0; }
@media screen and (min-width: 840px) {
	.detailH2 { margin-bottom:20px; padding-bottom:0; border:none; text-align:center; }
	.detailBox .detailH2 { text-align:left; }
	.detailH2Eng { font-size:40px; }
	.detailH2 i { display:none; }
}

.map { width:100%; display:block; margin:30px 0; position:relative; }
.map iframe { width:100%; height:200px; }
.map a.gmap { width:100%; margin: 0;font-size: 14px;}
.map a.gmap:hover { text-decoration:underline; }
.map a.gmap i { margin:0 5px 0 0; }
@media screen and (min-width: 840px) {
	.map { margin:30px 0 50px 0; }
	.map iframe { height:360px; }
}

.POINT { width:100%; margin:0 0 20px 0; position:relative; }
.POINT p { display:block; width:100%; text-align:justify; font-size:16px; }
@media screen and (min-width: 840px) {
	.POINT { margin:50px 0 30px 0; }
}

.detailComment { width:100%; display:block; margin:0; position:relative; }
.comment { width:100%; display:block; margin:30px 0 0 0; position:relative; }
.commentStaff { display:flex; justify-content:space-between; }
.commentStaffTitle .title_text_st { display:none; font-size:32px; }
.commentStaffLink { width:100px; display:flex; flex-direction:column; justify-content:left; align-items:center; }
.commentStaffLinkPhoto { width:100%; margin-right:0; display:block; }
.commentStaffLinkName { width:100%; margin:5px 0 0 0; display:block; text-align:center; font-size:14px; line-height:1.2; letter-spacing:0; }
.commentStaffLinkName img { width:5px; margin-right:5px; display:inline; }
.commentStaffLinkFuki { display:none; }
.comment p { display:block; width:100%; text-align:justify; font-size:16px; }
.detailComment iframe { width:100%; height:200px; margin:20px 0 50px 0; display:block; }
@media screen and (min-width: 840px) {
	.detailComment{ width:47.5%; }
	.comment { margin:50px 0 30px 0; }
	.commentStaffTitle { margin-top:10px; }
	.commentStaffTitle .title_text_st { display:inline-block; font-size:40px; }
	.commentStaffLink { width:240px; padding-right:120px; }
	.commentStaffLink img { transition:0.3s; }
	.commentStaffLink:hover img { opacity:0.7; transition:0.3s; }
	.commentStaffLink:hover .commentStaffLinkName { text-decoration:underline; }
	.commentStaffLinkFuki { width:180px; display:block; position:absolute; top:0; right:-40px; }
	.comment p { margin:10px 0 0 0; }
	.detailComment iframe { height:250px; margin:50px 0; }
}

.loan { width:100%; margin:30px 0 0 0;display:block; position:relative; }
.loanTitle { width:100%; padding:0 10%; display:block; border:1px solid #ccc; border-radius:7px; position:relative; transition:0.3s;}
.loanTitle.close { transition:0.3s; }
.loanH2 { line-height:50px; }
.loanTitle i { margin-top:-7px; position:absolute; right:10%; top:50%; transition:0.3s; }
.loanTitle.close i { transform:rotate(180deg); transition:0.3s; }
.loanTitle i.fa-plus { opacity:1; transform:rotate(0deg); transition:0.3s; }
.loanTitle i.fa-minus { opacity:0; transform:rotate(0deg); transition:0.3s; }
.loanTitle.close i.fa-plus { opacity:0; transform:rotate(180deg); transition:0.3s; }
.loanTitle.close i.fa-minus { opacity:1; transform:rotate(180deg); transition:0.3s; }

.loanBox { width:100%; }
.loanBox p { margin:10px 0 0 0; display:block; text-align:center; font-size:14px; line-height:1.5; }
.loanBoxDl { width:100%; margin:20px 0 0 0; display:flex; justify-content:space-between; }
.loanBoxDl dt { width:35%; display:flex; align-items:center; justify-content:center; background:#F7F4E6; border-radius:7px; text-align:center; line-height:1.5; }
.loanBoxDl dd { width:60%; padding:10px 0; display:flex; flex-direction:column; align-items:center; justify-content:center; border-top:1px solid #000; }
.loanBoxDlText { width:100%; display:flex; justify-content:left; align-items:flex-end; }
.loanBoxDlTextBox { width:120px; height:40px; margin:0 10px 0 0; padding:0 20px; background:#f6f6f6; border-radius:5px; line-height:40px; }
input.loanBoxDlTextBox::-webkit-outer-spin-button,input.loanBoxDlTextBox::-webkit-inner-spin-button { -webkit-appearance:none;  margin:0; -moz-appearance:textfield; } 
.loanBoxDl input[type=range] { -webkit-appearance:none; background:#F0D29D; height:4px; width:100%; margin:15px 0 0 0; }
.loanBoxDl input[type=range]::-webkit-slider-thumb{ -webkit-appearance:none; background:#F0D29D; height:20px; width:20px; margin:0; border-radius:50%; box-shadow:none; }
.loanBoxDl input[type=range]::-ms-tooltip{ display:none; }
.loanBoxDl input[type=range]::-moz-range-track{ height:0; }
.loanBoxDl input[type=range]::-moz-range-thumb{ background:#F0D29D; height:20px; width:20px; margin:-7px 0 0 0; border:none; border-radius:50%; }
.loanBoxButton { width:100%; margin:20px auto; padding-bottom:20px; display:flex; flex-direction:column; align-items:center; justify-content:center; position:relative; }
.loanBoxButton input { width:60%; height:50px; margin:0 auto 10px auto; display:block; border-radius:10px; background:#F78824; color:#fff; text-align:center; transition:0.3s; }
.loanBoxButton input:hover { opacity:0.7; transition:0.3s; }
.loanBoxButton::after { content:''; width:auto; border-right:20px solid transparent; border-top:20px solid #F78824; border-left:20px solid transparent; position:absolute; bottom:0; left:auto; right:auto; }
.loanBoxResults { width:100%; display:flex; justify-content:space-between; }
.loanBoxResult { width:47.5%; display:flex; flex-direction:column; }
.loanBoxResultTitle { width:100%; font-size:14px; }
.loanBoxResultPrices { width:100%; display:flex; align-items:flex-end; }
.loanBoxResultPrice { width:80%; height:40px; background:#f6f6f6; border-radius:5px; text-align:center; }
.loanBoxResultPrice1 { width:25%; height:40px; background:#f6f6f6; border-radius:5px; text-align:center; }
.loanBoxResultPrice2 { width:55%; height:40px; background:#f6f6f6; border-radius:5px; text-align:center; }
.loanBoxResultPrices span { width:15%; padding:0 0 0 5px; display:flex; }
.loanBoxAlart { width:100%; margin:15px 0 0 0; display:block; }
.loanBoxAlart li { width:100%; display:block; font-size:12px; line-height:1.2; letter-spacing:0; }
@media screen and (min-width: 840px) {
	.loan { width:47.5%; margin:50px 0 30px 0; padding:20px 0; border:1px solid #ccc; border-radius:7px; }
	.loanTitle { width:100%; padding:0 10%; display:block; border:none; position:relative; }
	.loanH2 { width:100%; display:block; color:#9A8A71; text-align:center; font-size:20px; line-height:1.7; }
	.loanTitle i { display:none; }
	.loanBox { width:450px; margin:0 auto; }
	.loanBoxDlTextBox { width:180px; }
	.loanBoxResultTitle { font-size:16px; }
}

h2.h2_one { width:100%; display:block; margin:50px 0 0 0; border-bottom:1px solid #000; font-weight:bold; font-size:16px; }
h2.h2_one img { width:100px; margin:0 10px -10px 5px; position: relative; z-index:10; }
@media screen and (max-width: 840px) {
	h2.h2_one { cursor:pointer; margin:20px 0 0 0; }
	h2.h2_one img { width:75px; margin:0 10px -7px 5px; }
	h2.h2_one span { margin:0 0 0 10px; }
	h2. span i.fa-plus { display:inline; }
	h2. span i.fa-minus { display:none; }
	h2.close span i.fa-plus { display:none; }
	h2.close span i.fa-minus { display:inline; }
}

/*OUTLINE*/
.outlineTitle { height:50px; padding:0 10%; display:block; border:1px solid #ccc; border-radius:7px; position:relative; transition:0.3s; }
.outlineTitle.close { transition:0.3s; }
.outlineTitle h2 { line-height:50px; }
.outlineTitle .title_text_st { display:none; }
.outlineTitle i { margin-top:-7px; position:absolute; right:10%; top:50%; transition:0.3s; }
.outlineTitle.close i { transform:rotate(180deg); transition:0.3s; }
.outlineTitle i.fa-plus { opacity:1; transform:rotate(0deg); transition:0.3s; }
.outlineTitle i.fa-minus { opacity:0; transform:rotate(0deg); transition:0.3s; }
.outlineTitle.close i.fa-plus { opacity:0; transform:rotate(180deg); transition:0.3s; }
.outlineTitle.close i.fa-minus { opacity:1; transform:rotate(180deg); transition:0.3s; }
.OUTLINE{ margin:20px 0 0 0; box-sizing: border-box; font-size: 14px; overflow:visible; position:relative; }
.OUTLINE p { line-height:1.5; text-align:justify; margin-top: 5px;}
.TABLE_WRAP:first-child { border-top: solid #ccc 1px; }
.WRAP_LIST {width: 100%; display:flex; flex-direction:column; border-bottom: solid #ccc 1px; line-height:1.2; }
.WRAP_LIST dt {width:100%; padding: 10px 2.5%; background: #F6F6F6;  text-align: left; box-sizing: border-box; }
.WRAP_LIST dd {width:100%; padding: 10px 2.5%; background:#fff; text-align: justify; box-sizing: border-box;}
.WRAP_LIST dd .ACCESS span { display:block; }
.WRAP_LIST_AREA { display:block; margin-left:0; }
@media screen and (min-width: 840px) {
	.outlineTitle { height:auto; margin:100px 0 0 0; padding:0; border:none; text-align:center; }
	.outlineTitle h2 { line-height:1.7em; }
	.outlineTitle .title_text_st { display:block; }
	.outlineTitle i { display:none; }
	.outlineTitle i.fa-plus { display:none; }
	.OUTLINE{ margin-bottom: 30px; }
	.TABLE_WRAP {display: flex; flex-wrap: wrap;}
	.WRAP_LIST { flex-direction:row; line-height:1.5;}
	.WRAP_LIST dt {width: 150px; padding: 10px 1.25%; }
	.WRAP_LIST dd {width: calc(100% - 150px); padding: 10px 1.25%; }
	.WRAP_LIST dd .ACCESS span { display:block; }
	.WRAP_LIST_AREA { margin-left:10px; }
	.WRAP_LIST_AREA:hover { text-decoration:underline; }
	.WRAP_LIST_50 {width: 50%; display: flex;}
	.WRAP_LIST_50:nth-child(2n+1):last-child { width: 100%; }
	.WRAP_LIST_50 dt {width:150px; padding: 10px 2.5%; }
	.WRAP_LIST_50 dd {width:calc(100% - 150px); padding: 10px 2.5%; }
	.WRAP_LIST_50:nth-child(2n+1):last-child dt { padding: 10px 1.25%; }
	.WRAP_LIST_50:nth-child(2n+1):last-child dd { padding: 10px 1.25%; }
}

/*スマホ問合せ*/
.FCONTACTS { width:100%; height:70px; display:flex; padding:10px 5%; position:fixed; justify-content:space-between; align-items:center; bottom:0; left:0; z-index:2; background:#FB8B25; }
a.FCONTACT { width:auto; height:50px; padding:0 10px; display:flex; justify-content:center; align-items:center; border-radius:7px; background:#fff; color:#FB8B25; text-align:center; letter-spacing:0; }

@media screen and (max-width:320px) {
 a.FCONTACT.ICON i { display:none; }
}
@media screen and (min-width:321px) {
	a.FCONTACT.ICON i { display:block; }
	a.FCONTACT { width:32%; }
}
@media screen and (min-width:410px) {
	a.FCONTACT.ICON i { display:block; }
	a.FCONTACT { width:33%; }
}
@media screen and (min-width: 740px) {
	a.FCONTACT { width:40%; }
}
a.FCONTACT_TEL { width:50px; }
a.FCONTACT i { margin-right:5px; font-size:16px; }
a.FCONTACT_TEL i { margin:0 auto; font-size:28px; }
a.FCONTACT_TEL span { display:none; }
a.FCONTACT_LINE { height:50px; }
a.FCONTACT_LINE img { height:50px; }
@media screen and (min-width: 840px) {
	.FCONTACTS { justify-content:center; gap:20px; }
	a.FCONTACT { width:auto; padding:0 30px; }
	a.FCONTACT:hover{opacity: 0.5;}
	a.FCONTACT_TEL { width:auto; background:none; color:#fff; pointer-events:none; }
	a.FCONTACT_TEL span { display:inline; font-weight:bold; font-size:36px; }
	a.FCONTACT_LINE { display:none; }
	.contact_button_wrap .FCONTACT.ICON { height:auto; padding:0 ; }
}

/*問合せ*/
.CONTACTS { display:none; }
@media screen and (min-width: 740px) {
    .CONTACTS { width:100%; height:auto; display:block; background-image:linear-gradient(to top, #F7F4E6 0%, #F7F4E6 75%, #fff 75.1%,  #fff 100%); margin:30px 0 0px 0; padding-bottom:30px; }
    .CONTACT_TITLE { width:510px; margin:0 auto; display:flex; align-items: center; flex-direction: row;}
    .CONTACT_TITLE div { width:50%; position: relative; text-align:left; }
    .CONTACT_TITLE div img { width:100%; }
	.CONTACT_TITLE div strong { margin-bottom:20px; display:inline-block;}
    .CONTACT_TITLE_ST::before {  content: url(../../img/text_kazari.svg); position:absolute; left:0; top:-20px; }
    .CONTACT_LINK { width:690px; margin:0px auto 50px auto; display:flex; justify-content: space-between;}
    .CONTACT_LINK li { width:225px; margin:30px 0 0px 0; display:inline-block; position: relative; color: #000;text-align: center;text-decoration: none; }
    .CONTACT_LINK li a { width:100%; background:#000; padding:10px 0;border: 2px solid #000; border-radius:7px; color:#fff; line-height:3; display:flex; justify-content:center; align-items:center; transition: 500ms; }
    .CONTACT_LINK li a:hover { background:#666; transition: 500ms; }
	.CONTACT_LINK li a.CONTACT_LINE { background:#fff; color:#000; }
	.CONTACT_LINK li a.CONTACT_LINE:hover { background:#ccc; }
    .CONTACT_LINK li a::after { position: absolute; right:1.5rem;font-family: "Font Awesome 5 Free";font-weight: 900; content: '\f105'; transition: 500ms;}
    .CONTACT_LINK li a:hover::after { right: 1rem; transition: 500ms; }
    .CONTACT_LINK li a i { margin-right:5px; }
    .CONTACT_LINK li a .icon_line { width:30px; margin-right:5px;}
	.CONTACT_TEL { padding-bottom:20px; display:flex; justify-content:center; align-items:center; }
	.CONTACT_FREE { display:flex; font-size:40px; align-items:flex-end; }
	.CONTACT_FREE img { width:60px; margin-right:5px; }
	.CONTACT_DATE { margin-left:20px; line-height:1.2;font-size: 14px; }
}


/*周辺施設*/
.facilityTitle { margin:50px 0 0 0; }
.facilityTitle { height:50px; padding:0 10%; display:block; border:1px solid #ccc; border-radius:7px; position:relative; transition:0.3s; }
.facilityTitle.close { transition:0.3s; }
.facilityTitle h2 { line-height:50px; }
.facilityTitle span { display:none; }
.facilityTitle i { margin-top:-7px; position:absolute; right:10%; top:50%; transition:0.3s; }
.facilityTitle.close i { transform:rotate(180deg); transition:0.3s; }
.facilityTitle i.fa-plus { opacity:1; transform:rotate(0deg); transition:0.3s; }
.facilityTitle i.fa-minus { opacity:0; transform:rotate(0deg); transition:0.3s; }
.facilityTitle.close i.fa-plus { opacity:0; transform:rotate(180deg); transition:0.3s; }
.facilityTitle.close i.fa-minus { opacity:1; transform:rotate(180deg); transition:0.3s; }
.FACILITY { display:block; }
.FACILITY h3 { width:100%; display:block; margin:30px 0 0 0; font-weight:bold; }
.FACILITY ul { margin:0 0 50px 0; display:flex; flex-wrap:wrap; justify-content:center; gap:20px 5%; }
.FACILITY li { width:47.5%; margin:20px 0 0 0; }
.facility_img { display:block; width:100%; }
.facility_noimg { display:flex; align-items:center; justify-content:center; background:#d8d8d8; width:100%; aspect-ratio: 5 / 4; font-weight:bold; font-size:24px; }
.facility_title { width:100%; margin:5px 0 0 0; line-height:1.5; }
.facility_walk { width:100%; margin:5px 0 0 0; font-size:14px; line-height:1.5; }
@media screen and (min-width: 840px) {
	.facilityTitle { height:auto; margin:80px 0 20px 0; padding:0; border:none; text-align:center; }
	.facilityTitle h2 { line-height:1.7em; }
	.facilityTitle span { display:inline; }
	.facilityTitle i { display:none; }
	.facilityTitle i.fa-plus { display:none; }
	.FACILITY ul { gap:20px 3.33%; }
	.FACILITY li { width:22.5%; margin:20px 0 0 0; line-height:1.5; }
	.FACILITY li:nth-child(2n) { margin-right:0; }
	.facility_img { height:150px; object-fit:cover; }
}
@media screen and (min-width: 1240px) {
	.facility_img { height:170px; object-fit:cover; }
}

.recommend { width:100%; position:relative; }
.triangle{ display:none; }
.blists { background:none; }
.blist_link { border:1px solid #f3f3f3; }
@media screen and (min-width: 840px) {
	.recommend { background:#F3F3F3; padding-bottom:50px; }
	.triangle{ display:block; border-right:50vw solid transparent; border-bottom:150px solid #F3F3F3; border-left: 50vw solid transparent; margin:0 auto ; padding-bottom:50px; }
}

/*STORE*/
.store{ width:100%; display:block; margin:20px 0 0 0; border:2px solid #000; border-radius:7px; }
.h2Store { width:100%; display:block; padding:5px 0%; font-weight:bold; font-size:20px; line-height:1.2; }
.storeWrap { width:100%; padding:0 5%; display:flex; flex-direction:column; }
.storeOutlines { width:100%; padding:20px 0; display:flex; flex-direction:column; }
.storeOutline { width:100%;flex-direction:row; align-items:flex-start; gap:2.5%; }
.storeOutline dt { width:100%; padding:5px 0; display:block; font-size:12px; line-height:1.2;border-top: 1px solid #f8f8f8; }
.storeOutline dd { width:100%; padding:5px 0; display:flex; text-align:justify; font-size:14px; line-height:1.2; }
.storeOutlineFree { width:40px; margin:0 5px 0 0; }
.storeOutline dd.storeOutlineTel { font-size:20px; }
.storeOutlineTel .sp_tel { display:block; }
.storeOutlineTel .pc_tel { display:none;}
.storeImg { width:100%; height:auto; margin:0 auto 20px auto; }
.storeImg img { width:100%; }
.storeImg span { width:100%; display:block; font-size:14px; line-height:1.5; }
.storeMap { width:100%; padding:0 0 20px 0; }
.storeMap iframe { width:100%; height:200px; display:block; }
.storeMap a { margin:5px 0 0 0; font-size:14px; line-height:1.5; }
.storeMap a i { margin:0 5px 0 0; }
@media screen and (min-width: 840px) {
	.h2Store { margin:0 0 20px 0; padding: 10px 0 20px 0; font-size: 20px;font-weight: bold; position:relative; }
	.h2Store::after { content:''; width:50px; height:3px; background:#000; position:absolute; bottom:0; left:0; }
	.storeWrap { padding:30px 2.5%; flex-direction:row; align-items:flex-start; gap:2.5%; }
	.storeOutlines { width:40%; padding:0; display:flex; flex-direction:column; }
	.storeOutline dt { width:22%; padding:10px 0; border-top:none;}
	.storeOutline dd { width:75%; padding:10px 0; }
	.storeOutline_info{ margin-top:10px; }
	.storeOutline { width:auto; display:flex; align-items:center; }
	.storeOutline dd.storeOutlineTel { font-size:24px; }
	.storeOutlineTel .sp_tel { display:none; }
	.storeOutlineTel .pc_tel { display:block;}
	.storeImg { width:30%; margin:0; }
	.storeMap { width:30%; padding:0; }
	.storeMap iframe { height:250px; }
}
@media screen and (min-width: 1240px) {
	.storeWrap { width:100%; padding:30px 2.5%; justify-content:space-between; }
	.storeOutlines { width:400px; }
	.storeImg { width:320px; }
	.storeMap { width:290px; }
}

.box { display:none; z-index:1; }
@media screen and (min-width: 840px){
	.box {display: block !important; height:auto !important; }
}


/*販売終了*/
.finish { width:100%; max-width:960px; display:block; margin:0 auto 50px auto; padding:50px 0; background:#F6F6F6; border-radius:20px; }
.finish_title { width:100%; display:block; text-align:center; font-weight:bold; font-size:16px; }
.finish_img { width:90%; max-width:240px; display:block; margin:20px auto;  }
.finish_p { width:100%; display:block; margin:30px 0 0 0; text-align:center; }
.onedy { width:70px; display:block; margin:20px auto; }
.finish_con { display:flex; flex-direction:column; justify-content:center; }
.finish_con li { width:80%; height:45px; display:block; margin:0 auto 10px auto; }
.finish_con li a { width:100%; height:100%; display:flex; justify-content:center; align-items:center; background:#fff; border:1px solid #000; border-radius:10px; font-weight:bold; transition:0.3s; }
.finish_con li a:hover { opacity:0.7; transition:0.3s; }
.finish_con li a img { width:5px; margin:0 0 0 10px; }
@media screen and (min-width: 840px){
	.finish { margin:30px auto 100px auto; }
	.finish_con { flex-direction:row; }
	.finish_con li { width:280px; height:45px; margin:0 auto 10px auto; }
	.finish_con li.finish_con_search { margin-right:10px; }
	.finish_con li.finish_con_mail { margin-left:10px; }
}

.share { width:100%; height:50px; margin:30px 0 0 0; display:flex; align-items:center; justify-content:center; border:1px solid #ccc; border-radius: 7px; transition:0.3s; }
.shareLine { height:30px; margin-right:10px; }
.shareArrow { width:5px; margin:0 0 0 5px; }
@media screen and (min-width: 840px){
	.share { display:none; }
	
}

@media screen and (min-width: 840px){
	a.FCONTACT { margin:0; }
}