@charset "utf-8";
/*
	Last Update:2021/11/21
	Auther:okada
*/
/*===================================================================
	layout
===================================================================*/
a:link { color:#000; }
a:visited { color:#000; }

@media (max-width:767px) {
	html.no_scroll , body.no_scroll { overflow:hidden; height:100%; }
}

.wrapper, .wrapper-t, .wrapper-b { position:relative; }
@media (max-width:767px) {
	.wrapper, .wrapper-t { padding-top:50px; }
	.wrapper, .wrapper-b { padding-bottom:50px; }
}
@media (min-width:768px) {
	.wrapper, .wrapper-t { padding-top:90px; }
	.wrapper, .wrapper-b { padding-bottom:90px; }
}

.center, .center2,.center3 { width:100%; margin:0 auto; text-align:left; }
.center { max-width:1200px; }
.center2 { max-width:960px; }
@media (max-width:1230px) {
	.center { padding-left:15px; padding-right:15px; }
}
@media (max-width:990px) {
	.center2 { padding-left:15px; padding-right:15px; }
}

.mincho { font-family:"Noto Serif JP","ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","Sawarabi Mincho","游明朝","YuMincho","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif; }

body.colorbox_open { overflow-y:hidden; }

/*===================================================================
	#head
===================================================================*/

#head { position:fixed; z-index:999; width:100%; transition:.2s; opacity:0; }
#head.fixed { opacity:1; }
@media (max-width:767px) {
	#base:not(.open) #head._hide { pointer-events:none; opacity:0; }
}
#base.open #head { background:#fff; }
#head.fixed { background:#fff; box-shadow:0 4px 16px rgba(0,0,0,.16); }
.head { display:flex; justify-content:space-between; align-items:center; position:relative; z-index:10; width:100%;
}

#head .head .left { padding:15px 15px 15px 20px; }
#head .left { display:flex; justify-content:center; align-items:center; }
#head .left img { width:221px; object-fit:contain; }

#head h1 { position:relative; display:flex; justify-content:center; align-items:center; }
#head h1 a { display:block; width:160px; }
#head h1 p { color:#707070; font-size:0.8em; line-height:1.15em; letter-spacing:-2px; margin-left:5px; }

#head .head .right { padding:20px 20px 20px 30px; border-radius:0 0 0 30px; }
#head .right { display:flex; justify-content:center; align-items:center; }
#head .right ul.navi { 	display:flex; flex-wrap:wrap; padding-right:10px; }
#head .right ul.navi li { padding:0 10px; }

/*cart_btn*/
#cart_btn { display:flex; justify-content:center;  z-index:9999; width:60px; height:60px; }
#cart_btn > a { padding:20px 0; background:url(../image/layout/cart_btn.png) no-repeat center /contain; display:block; position:relative; }
#cart_btn a > span { visibility:hidden; }
#cart_btn a > .alert_num { right:-5px; top:0px; width:23px; height:23px; font-size:1em; }

#btn_open { display:none; }
@media (max-width:991px) {
	#head .right ul.navi { position:absolute; top:100px; left:0; width:100%; display:flex; flex-direction:column; width:100%; background:#fff; padding:0; box-shadow:0 4px 4px rgb(0 0 0 / 16%); }
	#head .right ul.navi li { border-top:1px dashed #ccc; padding:0; }
	#head .right ul.navi li a { width:100%; padding:10px 20px; display:block; }
	#btn_open { display:block; padding-left:15px; }
	#btn_open a { width:50px; height:50px; display:block; }
	#btn_open a .bar_wrap { position:relative; width:100%; height:100%; }
	#btn_open a .bar_wrap .bar { position:absolute; width:40px; height:3px; background:#000; top:50%; left:50%; transform:translate(-50%, -50%); }
	#btn_open a .bar_wrap::before,
	#btn_open a .bar_wrap::after { content:""; position:absolute; width:40px; height:3px; background:#000; left:50%; transform:translate(-50%, -50%); }
	#btn_open a .bar_wrap::before { top:30%; }
	#btn_open a .bar_wrap::after { top:70%; }
	#base.open #btn_open a .bar_wrap .bar { display:none; }
	#base.open #btn_open a .bar_wrap::before,
	#base.open #btn_open a .bar_wrap::after { width:calc(40px * 1.14 ); top:50%; }
	#base.open #btn_open a .bar_wrap::before { transform:translate(-50%, -50%) rotate(-45deg); }
	#base.open #btn_open a .bar_wrap::after { transform:translate(-50%, -50%) rotate(45deg); }
	#base:not(.open) #head .right ul.navi { display:none; }
}
@media (max-width:767px) {
	#head .left img { width:120px; }
}
@media (max-width:575px) {
	#cart_btn a > .alert_num { top:-10px; }
	#cart_btn { width:50px; height:50px; }
	#head .right ul.navi { top:90px; }
	#head h1 p { display:none; }
}

/*===================================================================
	#foot
===================================================================*/

#foot { padding:50px 15px; }
#foot #pagetop img { width:200px; z-index:500; }
#copyright { font-size:13px; }
#foot .navi a { color:#707070; display:block; text-align:center; }
#foot .Instagram { width:40px; margin-left:auto; }
#foot .foot_link_list { display:flex; align-items:center; flex-wrap:wrap; justify-content:flex-end; }
#foot .foot_link_list .unit:not(:last-child) { padding-right:20px; }
@media(min-width:768px) {
	#foot .navi .li:not(:first-child) { border-left:1px solid #C3C3C3; }
}
@media(min-width:576px) {
	#foot .Instagram { text-align:right; }
}
@media(max-width:575px) {
	#foot #pagetop { margin-bottom:20px; }
}

/*===================================================================
	color
===================================================================*/
.bg_gray { background-color:#F5F4F3; }

/*===================================================================
	dots
===================================================================*/
#body .slick-dots li { width:30px; }
#body .slick-dots li button:before { width:14px; height:14px; }
#body .slick-dots li.slick-active button:before { content:""; background:linear-gradient(180deg, rgba(223,0,134,1) 0%, rgba(55,0,96,1) 100%); border-radius:30px; width:19px; height:19px; border:none; margin:4px; }
#body .slick-prev:before { content:"none"; background:url(../image/layout/modal-l.png) no-repeat 0 0; position:absolute; top:0; left:15px; font-size:0px; }
#body .slick-next:before { content:"none"; background:url(../image/layout/modal-r.png) no-repeat 0 0; position:absolute; top:0; right:15px; font-size:0px; }
#body .slick-dots { position:static; }
#body .slick-dots li button:before { border-radius:30px; border:1px solid #000; content:""; width:17px; height:17px; color:#999; margin:4px; }
@media (max-width:767px) {
	#body .slick-prev:before, #body .slick-next:before { width:45px; height:45px; background-size:45px; }
}
@media (max-width:575px) {
	#body .slick-prev:before, #body .slick-next:before { width:30px; height:30px; background-size:30px; }
  #body .slick-prev:before { left:-5px; }
  #body .slick-next:before { right:-5px; }
}
@media (min-width:768px) {
	#body .slick-prev:before, #body .slick-next:before { width:60px; height:60px; background-size:60px; }
}
/*===================================================================
	common
===================================================================*/
.hl_1 { line-height:1em; margin-bottom:60px; }
.hl_1 .main { font-size:1.5em; font-weight:600; }
.hl_1 .sub:after { position:absolute; content:""; border-top:2px solid #707070; width:160px; transform:rotate(-45deg); top:25px; right:-65px; z-index:-2; }
.hl_1 .sub { position:relative; margin-bottom:40px; font-weight:bold; display:inline-block; z-index:-1; }
@media (max-width:575px) {
	.hl_1 { margin-bottom:30px; }
	.hl_1 .sub { font-size:3em; }
}
@media (min-width:576px) {
	.hl_1 { margin-bottom:50px; }
	.hl_1 .sub { font-size:3em; }
}

.hl_2 { font-weight:600; margin-bottom:20px; line-height:1.75em; }
@media (max-width:575px) {
	.hl_2 { font-size:1.5em; }
}
@media (max-width:991px) {
	.hl_2 { font-size:1.75em; }
}
@media (min-width:992px) {
	.hl_2 { font-size:2em; }
}

.hl_3 { font-weight:600; margin-bottom:20px; }
@media (max-width:575px) {
	.hl_3 { font-size:1em; }
}
@media (min-width:576px) {
	.hl_3 { font-size:1.25em; }
}

.marker_1 { background:linear-gradient(transparent 60%, #FBE6F0 60%); }
.marker_2 { background:linear-gradient(transparent 60%, #E5F2DE 60%); }
.marker_3 { background:linear-gradient(transparent 60%, #FBDDC6 60%); }
.marker_4 { background:linear-gradient(transparent 60%, #EFF9FD 60%); }
.marker_5 { background:linear-gradient(transparent 60%, #ECE9F4 60%); }
.marker_6 { background:linear-gradient(transparent 60%, #FAF7CC 60%); }

.alert_num { position:absolute; top:-15px; right:-15px; background:#EF3749; color:#fff; font-weight:bold;
	width:35px; height:35px; display:flex; justify-content:center; align-items:center; border-radius:50px; font-size:1.25em; }

.btn { text-align:center; font-weight:bold; color:#fff!important; border-radius:5px; background:#2C2E33; border:transparent; display:block; width:100%; margin:0 auto; padding:5px 0; }

.btn_1 { background-color:#332C2C; color:#FFF; padding:17px 15px; border-radius:30px; max-width:331px; width:100%; font-weight:500; position:relative; text-align:center; display:inline-block; }
.btn_1 span { color:#fff; }
.btn_1:after { background:url(../image/layout/arrow-r.png) no-repeat 0 0; position:absolute; content:""; background-position:right; width:16px; height:16px; top:21px; background-size:8px; right:18px; }
.btn_1._back:after { background:url(../image/layout/arrow-l.png) no-repeat 0 0; position:absolute; content:""; background-position:left; width:16px; height:16px; top:21px; background-size:8px; left:18px; }

.box { background:#fff; width:100%; box-shadow:0 1px 3px rgb(0 0 0 / 16%); padding:15px; }

.tbl_form { width:100%; }
.tbl_form tr > * { vertical-align:middle; padding:15px 10px; border-top:1px solid #ccc; }
.tbl_form tbody th { background:#F8F8F8; position:relative; }
.tbl_form tbody th label { display:inline-block; width:100%; position:relative; }
.tbl_form .form-zip .zip dt { margin-right:5px; }
.tbl_form .form-zip .zip button { background:#FAFAFA; border:1px solid #666666; border-radius:50px; padding:5px 10px; }
.tbl_form .form-zip .zip,.tbl_form .form-zip .zip dd { display:flex; align-items:center; }
.tbl_form tr > * { border-bottom:1px solid #ccc; }
.tbl_form tbody tr > th { width:200px; padding:20px 10px;    text-align:center; }
.tbl_form .cap { padding-top:15px; }
#cboxContent { border-radius:unset!important; }
@media (max-width:767px) {
	.tbl_form tbody tr > th { width:100px; }
}

/*===================================================================
	icon
===================================================================*/
.icon { display:inline-block; line-height:100%; background-repeat:no-repeat; background-size:contain; background-position:left center; }
.icon_i1 { background-image:url(../image/layout/icon/right.png); background-size:8px; background-position:right 10px center; padding:10px 15px 10px 0px; border-radius:30px; }
.icon_i2 { background-image:url(../image/layout/icon/instagram.png); background-size:20px; background-position:left center; padding:5px 0px 5px 30px; }
.icon_i3 { background-image:url(../image/layout/icon/cart.png); background-size:20px; background-position:left center; padding:5px 0px 5px 30px; }
.icon_i4 { background-image:url(../image/layout/icon/cart2.png); background-size:20px; background-position:left center; padding:5px 0px 5px 25px; }
.icon_i5 { background-image:url(../image/layout/icon/i5.png); background-size:20px; background-position:left center; padding:5px 0px 5px 30px; }
.icon.insta { background-image:url(../image/layout/icon/insta.png); background-size:20px; background-position:left center; padding:5px 0px 5px 30px; }

/*===================================================================
	common
===================================================================*/
.mb0 { margin-bottom:0 !important; }
.mb5 { margin-bottom:5px !important; }
.mb10 { margin-bottom:10px !important; }
.mb15 { margin-bottom:15px !important; }
.mb20 { margin-bottom:20px !important; }
.mb30 { margin-bottom:30px !important; }
.mb40 { margin-bottom:40px !important; }
.mb50 { margin-bottom:50px !important; }

.mt10 { margin-top:10px !important; }
.mt20 { margin-top:20px !important; }
.mt30 { margin-top:30px !important; }
.p0 { padding:0 !important; }

.disp_b { display:block; }
.disp_ib { display:inline-block; }
.disp_tbl { display:table; width:100%; height:100%; }
.disp_td { display:table-cell; vertical-align:middle; }
.disp_td_b { display:table-cell; vertical-align:bottom; }

.img_back { background-position:center center; background-repeat:no-repeat; background-size:cover; overflow:hidden; }
.img_back > img { visibility:hidden; width:1px; height:1px; }
.img_rect { padding-top:56%;/*padding-top:65%;*/ line-height:1px; }
.img_rect_1 { padding-top:46%; line-height:1px; }
.img_sq { padding-top:100%; line-height:1px; }

.parallax,
.parallax:before,
.parallax:after { transition:opacity .8s, transform .8s, left .8s, right .8s; transition-delay:0.5s; }
.parallax[data-parallax-in="vertical"],
.parallax[data-parallax-in="vertical2"],
.parallax[data-parallax-in="vertical3"] { opacity:1; transform:translateY(0); -webkit-transform:translateY(0); -ms-transform:translateY(0); }
.parallax[data-parallax-in="vertical"]:not(.parallax_on),
.parallax[data-parallax-in="vertical2"]:not(.parallax_on),
.parallax[data-parallax-in="vertical3"]:not(.parallax_on) { opacity:0 !important; }
.parallax[data-parallax-in="vertical"]:not(.parallax_on) { transform:translateY(30px); -webkit-transform:translateY(30px); -ms-transform:translateY(30px); }
.parallax[data-parallax-in="vertical2"]:not(.parallax_on) { transform:translateY(60px); -webkit-transform:translateY(60px); -ms-transform:translateY(60px); }
.parallax[data-parallax-in="vertical3"]:not(.parallax_on) { transform:translateY(90px); -webkit-transform:translateY(90px); -ms-transform:translateY(90px); }
.parallax[data-parallax-in="vertical4"]:not(.parallax_on) { transform:translateY(120px); -webkit-transform:translateY(120px); -ms-transform:translateY(120px); }
.parallax[data-parallax-in="vertical5"]:not(.parallax_on) { transform:translateY(150px); -webkit-transform:translateY(150px); -ms-transform:translateY(150px); }
.parallax[data-parallax-in="left"] { position:relative; left:0; }
.parallax[data-parallax-in="left"]:not(.parallax_on) { left:-100vw; }
.parallax[data-parallax-in="right"] { position:relative; right:0; }
.parallax[data-parallax-in="right"]:not(.parallax_on) { right:-100vw; }

.parallax[data-parallax-in="slide_right"],
.parallax[data-parallax-in="slide_left"] { display:inline-block; position:relative; }
.parallax[data-parallax-in="slide_right"] > *,
.parallax[data-parallax-in="slide_left"] > * { position:relative; display:block; transform:translateX(0vw); transition:all .5s; transition-delay:.4s; }
.parallax[data-parallax-in="slide_right"]:before,
.parallax[data-parallax-in="slide_left"]:before { content:""; position:absolute; top:0; width:100%; height:100%; background:#9CB5A7; transition:all .5s; }
.parallax[data-parallax-in="slide_right"]:before { right:0; }
.parallax[data-parallax-in="slide_left"]:before { left:0; }
.parallax[data-parallax-in="slide_right"]:not(.parallax_on):before,
.parallax[data-parallax-in="slide_left"]:not(.parallax_on):before { width:0%; }
.parallax[data-parallax-in="slide_right"]:not(.parallax_on)  > * { transform:translateX(100vw); }
.parallax[data-parallax-in="slide_left"]:not(.parallax_on)  > * { transform:translateX(-100vw); }

/* オーバーレイ */
.overlay { position:fixed; top:0; left:0; bottom:0; width:100%; height:100vh; background:rgba(0, 0, 0, 0.6); opacity:0; visibility:hidden; transition:.3s; }
.overlay.active { opacity:1; visibility:visible; z-index:1000; overflow-x:hidden; }
.items .modal .text_unit { justify-content:flex-start; }

.modal { max-width:1000px; width:85vw; background:#fff; position:fixed; top:50%; left:50%; transform:translate(-50%, -50%); opacity:0; visibility:hidden; transition:.3s; z-index:1200; overflow-y:visible; }
.modal .modal_wrap { overflow-y:auto; max-height:85vh; }
.modal .text_unit { padding:15px 20px; line-height:2em; }
@media (max-width:575px) {
  .modal .modal_wrap { max-height:60vh; }
}

.modal .tbl_1 { display:table; width:100%; }
.modal .tbl_1 th , .modal .tbl_1 td { padding:15px 15px; border-top:1px solid #ccc; border-bottom:1px solid #ccc; }
.modal .tbl_1 th { text-align:center; background-color:#F8F8F8; }
.modal .tbl_1 td { padding-left:15px; width:80%; }
@media (max-width:767px) {
	.modal .tbl_1 th { width:35%; }
}

.modal .item_box { border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding:10px 0; }
.modal .item_box .num { width:110px; }
.modal .item_box .text { line-height:1.7em; }
.modal.active { opacity:1; visibility:visible; }
.modal .close { position:absolute; cursor:pointer; font-size:20px; }
.modal .close:after { content:" "; background-image:url(../image/layout/icon/close.png); width:50px; height:50px;display:inline-block; background-size:cover; vertical-align:middle; }
@media (max-width:767px) {
	.modal .close { top:-40px; right:0px; }
	.modal .close:after { width:30px; height:30px; }
}
@media (min-width:768px) {
	.modal .close { top:-60px; right:-10px; }
	.modal .close:after { width:50px; height:50px; }
}

.modal h2 { font-size:18px;font-weight:normal;margin-bottom:10px; }
.no_scroll { overflow:hidden; height:100%; }
.modal .item_box .img { width:120px; }
.modal.active .hl_2 { line-height:30px; }
.modal.active .text_unit { max-width:1000px ; }
@media (max-width:991px) {
	.modal .hl_2 { font-size:1.5em; }
	.modal p { font-size:13px; }
}
@media (max-width:991px) {
	.modal.active .text_unit { padding-top:20px; }
	.modal p { font-size:1em; }
}

/*slide youtube*/
.contents .youtube_wrap { position:relative; padding-top:0px; }
.contents .youtube_wrap iframe { position:absolute; top:0; left:0; }

#sp_top_main .main_text { z-index:1001; }
#sp_top_main #sp_top_slide .image { filter:grayscale(0.15); }
#sp_top_main .modal { background:rgba(255,255,255,0); }
#sp_top_main .modal .close { display:none; }

.lanthanum .modal.active .img_back { background-size:cover; }
.lanthanum .modal.active .img_rect { padding-top:56%; }

.news_list { margin-bottom:-20px; }
.news_list .row { display:flex; flex-wrap:wrap; }
.news_list .row > * { float:none; }
.news_list .row::before,
.news_list .row::after { display:none; }
.news_list .unit a { display:flex; align-items:center; padding-bottom:20px; border-bottom:1px dashed #CECECE; margin-bottom:20px; font-weight:500; }
.news_list .unit .image_wrap { padding-right:25px; width:120px; }
.news_list .unit .image_wrap .img_back { width:100%; height:0; padding-bottom:100%; }
.news_list .unit .text_wrap { width:calc(100% - 120px); padding:10px 0; }
.news_list .unit .text_wrap .text_head { display:flex; flex-wrap:wrap; align-items:center; margin-bottom:5px; }
.news_list .unit .text_wrap .category { font-size:.8em; display:flex; flex-wrap:wrap; align-items:center; }
.news_list .unit .text_wrap .category > * { display:inline-block; margin-top:2px; margin-bottom:2px; margin-right:5px; border:1px solid #000; padding:0 10px; border-radius:20px; }
.news_list .unit .text_wrap .category > .main { background:#000; color:#fff; }
.news_list .unit .text_wrap .category > .sub { background:#fff; color:#000; }
.news_list .unit .text_wrap .date { font-weight:500; color:#B2B2B2; margin-right:5px; font-size:.9em; }
.news_list .unit .text_wrap .title { color:#575757; font-size:0.9em; }
@media (max-width:991px) {
	.news_list .unit .image_wrap { padding-right:15px; }
}
@media (max-width:575px) {
	.news_list .unit .text_wrap { width:calc(100% - 80px); }
	.news_list .unit .image_wrap { width:80px; padding-right:10px; }
	.news_list .unit a { padding-bottom:15px; margin-bottom:15px; }
}

.news_detail .news_head { padding-bottom:20px; margin-bottom:40px; border-bottom:1px solid #CECECE; }
.news_detail .news_head .date_category_wrap { display:flex; flex-wrap:wrap; align-items:center; margin-bottom:5px; }
.news_detail .news_head .category > * { display:inline-block; margin-top:2px; margin-bottom:2px; margin-right:5px; border:1px solid #000; padding:0 10px; border-radius:20px; }
.news_detail .news_head .category > .main { background:#000; color:#fff; }
.news_detail .news_head .category > .sub { background:#fff; color:#000; }
.news_detail .news_head .title { font-size:1.25em; margin-bottom:10px; }
.news_detail .news_head .date { margin-right:5px; color:#B2B2B2; }
.news_detail .news_cont { display:flex; align-items:flex-start; }
.news_detail .news_cont .news_images_wrap { width:230px; padding-right:30px; }
.news_detail .news_cont .news_text { width:calc(100% - 230px ); }
.news_detail .news_images_wrap .unit:not(:last-child) { margin-bottom:25px; }
.news_detail .news_images_wrap .unit img { width:auto; height:auto; }
@media (max-width:767px) {
	.news_detail .news_cont { flex-wrap:wrap; }
	.news_detail .news_cont > * { width:100%!important; }
	.news_detail .news_cont .news_images_wrap { padding-right:0; padding-bottom:30px; }
}

.news_list_wrap .pickup_more_button { margin-top:20px; display:inline-block; }
.news_list_wrap .pickup_more_button .main { padding-top:18px; background:url(../image/layout/icon/down.png) no-repeat center top / 19px auto; display:inline-block; }
.news_list_wrap .view_all { padding-top:20px; }
.news_list_wrap .view_all .main { display:inline-block; padding-left:20px; background:no-repeat url(../image/layout/icon/clone.png) center left / 15px auto; }
.news_list_wrap.active .pickup_more_button .main { background-image:url(../image/layout/icon/up.png); }
.news_list_wrap:not(.active) .news_list .unit_wrap:nth-child(n+5),
.news_list_wrap:not(.active) .view_all { display:none; }

.c_blue { color:#69BCD0!important; }
._u, a._u, .button._u > span { text-decoration:underline; }
body.pc a._u:hover, body.pc .button._u:hover > span { text-decoration:none; }

dialog { overflow:visible; padding:0; background:none; border:0; }
dialog::backdrop { background:rgba(0, 0, 0, 0.66); }
dialog .dialog_cont { position:relative; overflow:visible; }
dialog .dialog_inner { max-height:calc(100vh - 200px); overflow-y:auto; overscroll-behavior:none; padding:40px; max-width:1000px; background:#fff; }
dialog .dialog_inner .youtube_wrap { width:100%; height:0; padding-bottom:56.25%; position:relative; }
dialog .dialog_inner .youtube_wrap iframe { position:absolute; width:100%; height:100%; left:0; top:0; }
dialog .dialog_close { display:block; width:30px; height:30px; background:url(../image/layout/icon/cross.png) no-repeat center center / contain; position:absolute; right:0; bottom:calc(100% + 10px); border:none; }
@media (max-width:767px) {
	dialog { max-width:100%; }
	dialog .dialog_inner { max-height:calc(100vh - 160px); padding:20px; }
	dialog .dialog_close { right:20px; width:20px; height:20px; }
}