@charset "utf-8";
/* CSS Document */




/*==================================
	loading
==================================*/
#loader-bg { display: none;}

/*==================================
	header
==================================*/
/*.sidelink_shop { right: 0;}*/

/* mv */
.sub_mv { width: 100%;}
.sub_mv .sub_mv_bg {
    width: 100%;
    background-image: url(../img/mv/common_mv.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.sub_mv .sub_mv_bg h1 {
/*    display        : inline-block;*/
    color          : #222222;
    letter-spacing : 4px;
    text-shadow    : 
       2px  2px 1px #ffffff,
      -2px  2px 1px #ffffff,
       2px -2px 1px #ffffff,
      -2px -2px 1px #ffffff,
       2px  0px 1px #ffffff,
       0px  2px 1px #ffffff,
      -2px  0px 1px #ffffff,
       0px -2px 1px #ffffff;
}
@media screen and (min-width: 751px) {
.sub_mv { padding-top: 80px;}
.sub_mv .sub_mv_bg {  height: 380px;}
.sub_mv .sub_mv_bg h1 { width: 1200px; margin: 0 auto; padding: 165px 0 0 100px; font-size: 40px; letter-spacing: 0.1em;}
}
@media screen and (max-width: 750px) {
.sub_mv { padding-top: 70px;}
.sub_mv .sub_mv_bg { padding-top: 30%; position: relative;}
.sub_mv .sub_mv_bg h1 { position: absolute; top: 35%; left: 5%; font-size: 160%;}
}

/* pankuzu */
.breadcrumbArea { width: 1000px; margin-left: auto; margin-right: auto;}
.breadcrumbArea #breadcrumb {}
.breadcrumbArea #breadcrumb ul { display: flex; flex-wrap: wrap;}
.breadcrumbArea #breadcrumb ul li {}
.breadcrumbArea #breadcrumb ul li:after { content: ">"; padding: 0 5px;}
.breadcrumbArea #breadcrumb ul li:last-child:after { content: ""; padding: 0;}
@media screen and (min-width: 751px) {
.breadcrumbArea #breadcrumb { margin: 30px 0 0 0; font-size: 14px;}
}
@media screen and (max-width: 750px) {
.breadcrumbArea { width: 90%; margin: 10px 5% 0 5%;}
.breadcrumbArea #breadcrumb { font-size: 80%;}
}

/*==================================
	footer
==================================*/
footer .copy .pagetopArea { position: relative;}
/*footer .copy .pagetopArea .pagetop { position: absolute; bottom: -15px; right: 0;}*/
footer .copy .pagetopArea .pagetop { position: fixed; bottom: 13px; right: 14px;}
footer .copy .pagetopArea .pagetop a { display: block; background: #222;border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%;}
footer .copy .pagetopArea .pagetop a:hover { opacity: 1;}
footer .copy .pagetopArea .pagetop a:before{ left: 2px; top: 2px; padding: 0; border-top: 1px solid #fff; border-right: 1px solid #fff; -webkit-transform: rotate(-45deg); transform: rotate(-45deg);}
@media screen and (min-width: 751px) {
footer .copy .pagetopArea .pagetop a { width: 60px; height: 60px;}
footer .copy .pagetopArea .pagetop a:before{ width: 12px; height: 12px;}
}
@media screen and (max-width: 750px) {
footer .copy .pagetopArea .pagetop a { width: 45px; height: 45px;}
footer .copy .pagetopArea .pagetop a:before{ width: 10px; height: 10px;}
}

/*==================================
	common
==================================*/

/* pagenavi */
.wp-pagenavi { font-size: 14px; min-height: 28px; text-align: center; margin-bottom: 100px;}
.wp-pagenavi .current { background: #dddddd none repeat scroll 0 0; border: 1px solid #dddddd; display: inline-block; }
.wp-pagenavi a { border: 1px solid #dddddd; text-decoration: none;}
.wp-pagenavi a:hover { background: #dddddd none repeat scroll 0 0; color: #444; opacity: 1; }
.wp-pagenavi a, #contents .wp-pagenavi span { display: inline-block;}
/* nav-below */
.nav-below { height: 50px; width: 100%; margin: 0 auto 100px auto; position: relative;}
.nav-below .nav-previous,
.nav-below .nav-next { position: absolute; bottom: 0; width: 160px; color: #222; overflow: hidden;}
.nav-below .nav-previous:hover,
.nav-below .nav-next:hover { opacity: 0.8;}
.nav-below .nav-previous a,
.nav-below .nav-next a { color: #222; border: solid 1px #ddd; padding: 10px 15px; display: block; text-decoration: none; font-size: 16px; text-align: center;}
.nav-below .nav-previous { left: 0; text-align: right;}
.nav-below .nav-previous .arr { float: left;}
.nav-below .nav-next { right: 0; text-align: left;}
.nav-below .nav-next .arr { float: right;}

@media screen and (min-width: 751px) {
#main { margin-top: 80px;}
/* pagenavi */
.wp-pagenavi .current {padding: 12px 14px; margin: 0 2px 0 10px;}
.wp-pagenavi a { padding: 12px 14px; }
.wp-pagenavi a, #contents .wp-pagenavi span { margin: 0 2px 0 10px;}
}
@media screen and (max-width: 750px) {
#main { margin-top: 60px;}
/* pagenavi */
.wp-pagenavi .current {padding: 10px; margin: 0 2px 0 5px;}
.wp-pagenavi a { padding: 10px;}
.wp-pagenavi a, #contents .wp-pagenavi span { margin: 0 2px 0 5px;}
/* nav-below */
.nav-below .nav-previous,
.nav-below .nav-next { width: 46%;}
.nav-below .nav-previous a,
.nav-below .nav-next a { font-size: 90%; padding: 10px 0;}
}

/*区切り帯*/
@media screen and (min-width: 992px) {
.accent_area { margin-top: 120px; margin-bottom: 120px; height: 350px; background: url(../img/top/sec04_img.jpg) no-repeat center center; background-attachment: fixed; background-size: cover;}
}
@media screen and ((min-width: 751px) and (max-width: 991px)) {
.accent_area { margin-top: 120px; margin-bottom: 120px; height: 250px; background: url(../img/top/sec04_img.jpg) no-repeat center center; background-attachment: fixed; background-size: cover;}
}
@media screen and (max-width: 750px) {
.accent_area { margin-top: 80px; margin-bottom: 80px; padding-top: 40%; background: url(../img/top/sec04_img.jpg) no-repeat center center;background-size: cover;}
}



/*==================================
	news
==================================*/
#news {}
/*#news .sub_mv .sub_mv_bg{ background: url(../img/news/mv.jpg) no-repeat center center; background-size: cover;}*/
#news .post a { line-height: 1.5; border-bottom: 1px dotted; }

#news .list li { border-bottom:  solid 1px #ddd; padding-bottom: 25px; margin-bottom: 25px;}
/*#news .list li a { display: block; line-height: 1.5;}*/
#news .list li  a { line-height: 1.5; border-bottom: 1px dotted; }
#news .list li .txt .txttit { margin-bottom: 10px;}
#news .list li .txt .txtarea { line-height: 1.7;}

#news #main .post .tit { margin-bottom: 5px;}
#news #main .post .info { margin-bottom: 30px;}
#news #main .post .txt p { line-height: 1.6; margin-bottom: 5px;}

@media screen and (min-width: 751px) {
#news { margin-bottom: 130px;}
#news .list { width: 850px; margin: 0 auto 80px auto;}
#news .list li { display: flex;}
#news .list li .date { width: 125px;}
#news .list li .txt { width: 725px;}
#news .list li .txt .txtarea { font-size: 15px;}

#news #main .post { margin-bottom: 80px;}
}
@media screen and (max-width: 750px) {
#news { margin-bottom: 80px;}
#news .list { width: 100%; margin: 0 auto 30px auto; font-size: 90%;}
#news .list li .date { width: 30%; margin-bottom: 10px;}
#news .list li .txt .txtarea { font-size: 90%;}

#news #main .post { margin-bottom: 60px;}
}



/*==================================
	product list
==================================*/
#product {}
#product .sub_mv .sub_mv_bg{ background: url(../img/mv/product_mv.jpg) no-repeat center center; background-size: cover;}
/*#product .product_txt { line-height: 2; margin-bottom: 70px;}*/
#product .product_txt { line-height: 2; margin-bottom: 40px;}
#product .product_anchor {}
#product .product_anchor ul {}
#product .product_anchor li {}
#product .product_anchor li a { text-align: center; background: #f0f0f0;}
#product .product_anchor li a:after{ right: 12px; width: 7px; height: 7px; border-top: 1px solid #222; border-right: 1px solid #222; -webkit-transform: rotate(135deg); transform: rotate(135deg);}
@media screen and (min-width: 992px) {
#product .product_anchor { margin-bottom: 80px;}
#product .product_anchor ul { display: flex; flex-wrap: wrap; }
#product .product_anchor li { margin-right: 27px; margin-top: 1rem; }
#product .product_anchor li:last-child { margin-right: 0;}
/*#product .product_anchor li { margin-left: 27px;}
#product .product_anchor li:first-child { margin-left: 0;}*/
/*#product .product_anchor li a { width: 230px; padding: 20px 10px; display: inline-block;}*/
#product .product_anchor li a { width: 225px; padding: 20px 10px; display: inline-block;}
#product .product_listbox { margin-top: 100px;}
#product .product_listbox:nth-of-type(1) { margin-top: 0;}
}
@media screen and ((min-width: 751px) and (max-width: 991px)) {
#product .product_anchor { margin-bottom: 80px;}
#product .product_anchor ul { display: flex; flex-wrap: wrap; }
#product .product_anchor li { margin-right: 18px; margin-top: 1rem; }
#product .product_anchor li:last-child { margin-right: 0;}
#product .product_anchor li a { width: 225px; padding: 20px 10px; display: inline-block;}
#product .product_listbox { margin-top: 100px;}
#product .product_listbox:nth-of-type(1) { margin-top: 0;}
}
@media screen and (max-width: 750px) {
#product .product_anchor {}
#product .product_anchor ul { margin-bottom: 50px;}
#product .product_anchor li { margin-bottom: 15px;}
#product .product_anchor li:last-child { margin-bottom: 0;}
#product .product_anchor li a { display: block; padding: 15px 5px;}
#product .product_listbox { margin-top: 50px;}
#product .product_listbox:nth-of-type(1) { margin-top: 0;}
}


/*==================================
	product_detail
==================================*/
.product_detail_mv { padding-top: 80px;}
#mainWapper .detailbox {}
#mainWapper .detailbox .slider {}

#mainWapper .detailbox .tit { border-bottom:  solid 1px #d9d9d9;}
#mainWapper .detailbox .txtbox {}
#mainWapper .detailbox .txtbox .info {}
#mainWapper .detailbox .txtbox .info .txt { line-height: 2;}
#mainWapper .detailbox .txtbox .info .img {}
#mainWapper .detailbox .txtbox .list { color: #787878;}
#mainWapper .detailbox .txtbox .list .listtit { border-bottom: solid 1px #d9d9d9;}
#mainWapper .detailbox .txtbox .list .table {}
#mainWapper .detailbox .txtbox .list .table dl { border-bottom: solid 1px #d9d9d9; padding-bottom: 15px; margin-top: 15px;}
#mainWapper .detailbox .txtbox .list .table dl dt {}
#mainWapper .detailbox .txtbox .list .table dl dd {}
#mainWapper .detailbox .eclink { text-align: center;}
#mainWapper .detailbox .eclink a { display: inline-block; border: solid 1px #ddd;}
#mainWapper .detailbox .eclink a:before {content: ""; background: url(../img/icon_cart_bk.gif) no-repeat; display: inline-block;}

/*@media screen and (min-width: 751px) {*/
@media screen and (min-width: 992px) {
#mainWapper .detailbox { width: 1000px; margin: 0 auto;}
#mainWapper .detailbox .slider { margin-top: 30px;}
#mainWapper .detailbox .tit { margin: 70px 0 40px 0; padding-bottom: 20px;}
#mainWapper .detailbox .txtbox { display: flex;}
#mainWapper .detailbox .txtbox .info { width: 440px;}
#mainWapper .detailbox .txtbox .info .txt {}
#mainWapper .detailbox .txtbox .info .img { margin-top: 40px;}
#mainWapper .detailbox .txtbox .list { width: 500px; margin-left: 60px; font-size: 16px;}
#mainWapper .detailbox .txtbox .list .listtit { padding: 15px 10px;}
#mainWapper .detailbox .txtbox .list .table {}
#mainWapper .detailbox .txtbox .list .table dl { display: flex;}
#mainWapper .detailbox .txtbox .list .table dl dt { width: 150px; padding: 0 15px;}
#mainWapper .detailbox .txtbox .list .table dl dd { padding: 0 15px 0 0; width: 350px;}
#mainWapper .detailbox .eclink { margin-top: 60px;}
#mainWapper .detailbox .eclink a { font-size: 18px; padding: 20px 50px 20px 70px;}
#mainWapper .detailbox .eclink a:before { width: 18px; height: 18px; margin-right: 20px;}
#mainWapper .product_listbox { width: 1000px; margin: 120px auto 0 auto;}
}
@media screen and ((min-width: 751px) and (max-width: 991px)) {
#mainWapper .detailbox img { width: 100%;}
#mainWapper .detailbox { width: 90%; margin: 0 auto;}
#mainWapper .detailbox .slider { margin-top: 20px;}
#mainWapper .detailbox .tit { margin: 30px 0; padding-bottom: 15px; font-size: 140%;}
#mainWapper .detailbox .txtbox {}
#mainWapper .detailbox .txtbox .info {}
#mainWapper .detailbox .txtbox .info .txt { font-size: 87%;}
#mainWapper .detailbox .txtbox .info .img { margin-top: 10px; text-align: center;}
#mainWapper .detailbox .txtbox .info .img  img { max-width: 440px;}
#mainWapper .detailbox .txtbox .list { margin-top: 20px; font-size: 87%;}
#mainWapper .detailbox .txtbox .list .listtit { padding: 15px 0;}
#mainWapper .detailbox .txtbox .list .table {}
#mainWapper .detailbox .txtbox .list .table dl { display: flex;}
#mainWapper .detailbox .txtbox .list .table dl dt { width: 30%;}
#mainWapper .detailbox .txtbox .list .table dl dd { padding: 0 5% 0 0; width: 70%;}
#mainWapper .detailbox .eclink { margin-top: 60px;}
#mainWapper .detailbox .eclink a { padding: 20px 30px;}
#mainWapper .detailbox .eclink a:before { width: 18px; height: 18px; margin-right: 15px;}
#mainWapper .product_listbox { width: 90%; margin: 30px auto 0 auto;}
}
@media screen and (max-width: 750px) {
#mainWapper .detailbox img { width: 100%;}
#mainWapper .detailbox { width: 90%; margin: 0 auto;}
#mainWapper .detailbox .slider { margin-top: 20px;}
#mainWapper .detailbox .tit { margin: 30px 0; padding-bottom: 15px; font-size: 140%;}
#mainWapper .detailbox .txtbox {}
#mainWapper .detailbox .txtbox .info {}
#mainWapper .detailbox .txtbox .info .txt { font-size: 87%;}
#mainWapper .detailbox .txtbox .info .img { margin-top: 10px; text-align: center;}
#mainWapper .detailbox .txtbox .info .img  img { max-width: 440px;}
#mainWapper .detailbox .txtbox .list { margin-top: 20px; font-size: 87%;}
#mainWapper .detailbox .txtbox .list .listtit { padding: 15px 0;}
#mainWapper .detailbox .txtbox .list .table {}
#mainWapper .detailbox .txtbox .list .table dl { display: flex;}
#mainWapper .detailbox .txtbox .list .table dl dt { width: 30%;}
#mainWapper .detailbox .txtbox .list .table dl dd { padding: 0 5% 0 0; width: 70%;}
#mainWapper .detailbox .eclink { margin-top: 60px;}
#mainWapper .detailbox .eclink a { padding: 20px 30px;}
#mainWapper .detailbox .eclink a:before { width: 18px; height: 18px; margin-right: 15px;}
#mainWapper .product_listbox { width: 90%; margin: 30px auto 0 auto;}
}


#mainWapper .detailbox .slider{
    position: relative;
    max-width: 1000px;
}
#mainWapper .detailbox .slider img{
    max-width: 100%;
    height: auto;
}
#mainWapper .detailbox .slider .slider-nav-wrap{
    position: relative;
}
#mainWapper .detailbox .slider .slider-nav-wrap .slider-nav .slick-list{
    padding: 0 !important;
}
#mainWapper .detailbox .slider .slider-nav-wrap .slider-nav .slick-track{
    left: 0 !important;
    width: 100%;
    opacity: 1;
}
#mainWapper .detailbox .slider .slider-nav-wrap .slider-nav .slick-slide {
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease;
    opacity: 1;
	padding: 5px 2px 0 2px;
	border: none;
}
#mainWapper .detailbox .slider .slider-nav-wrap .slider-nav .slick-slide:hover{
    opacity: .5;
}
/*@media screen and (min-width: 751px) {*/
@media screen and (min-width: 992px) {
    #mainWapper .detailbox .slider .slider-for{
        width: 760px;
    }
    #mainWapper .detailbox .slider .slider-nav-wrap{
        position: absolute;
        top: 0;
        right: 0;
        width: 220px;
        padding: 0;
    }
    #mainWapper .detailbox .slider .slider-nav-wrap .slider-nav .slick-track{
        left: 0 !important;
    }
	#mainWapper .detailbox .slider .slider-nav-wrap .slider-nav .slick-track {
		margin: -10px 0;
	}
    #mainWapper .detailbox .slider .slider-nav-wrap .slider-nav .slick-slide {
      	margin: 10px 0;
		padding: 0;
		width: 220px;
		height: 150px;
    }
	#mainWapper .detailbox .slider .slider-nav-wrap .slider-nav .slick-slide img {
		object-fit: cover;
		width: 220px;
		height: 150px;
	}
}

@media screen and (max-width: 750px) {
}


/*==================================
    about
==================================*/
#about { line-height: 2; }
#about h2 { font-size: 230%; margin-top: 2rem; }
#about table { width: 100%; }
@media screen and (max-width: 750px) {
#about h2 { font-size: 180%; }
}

/*写真・お店の言葉*/
#about .about_ph { display: flex; justify-content: space-between; flex-wrap: wrap; }
#about .about_ph img { width:100%; }
#about .about_ph_right { text-align: center; font-size: 80%; }
@media screen and (min-width: 751px) {
#about .about_ph { flex-direction: row-reverse; margin: 100px 0; }
#about .about_ph_right { width: 40%; }
#about .company { width: 58%; margin: 2rem 0; text-align: center; }
}
@media screen and (max-width: 750px) {
#about .about_ph { margin: 40px 0; }
#about .about_ph_right { width: 100%; }
#about .company { width: 100%; margin: 2rem 0; }
}

/*社長の言葉*/
#about .ceo {
    background-image: url(../img/about/ceo_bg.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-attachment: fixed;
}
#about .ceo_filter {
    backdrop-filter: sepia(85%) blur(1px) contrast(60%) brightness(105%);
    background-color: rgba(191,47,45,0.1);
}
#about .ceo_container {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
#about .ceo h3 { font-size: 150%; margin-bottom: 1rem; }
#about .ceo_photo { width: 20%; margin: auto }
#about .ceo_photo img { width: 100%; }
#about .ceo_text {
    width: 90%;
    margin: 0 1rem;
    padding: 2rem;
    color: #fff;
}
#about .ceo_name { text-align: right }
@media screen and (max-width: 750px) {
    #about .ceo_container { flex-direction: column-reverse; }
    #about .ceo_photo { width: 85%; margin: 1rem auto }
    #about .ceo_text {
        width: 100%;
        margin: 0;
        padding: 1rem;
    }
}

/*沿革*/
#about table.enkaku { width: 85%; margin: 0 auto; }
#about .enkaku .date { width: 12%; }
#about td { border-bottom: 1px solid #ccc; padding: 15px 0; }
@media screen and (max-width: 750px) {
#about table.enkaku { width: 95%; }
#about .enkaku .date { width: 28%; }
}

/*店舗情報*/
#about .store_item { width: 100%; margin-bottom: 4rem; }
#about .store_info { width: 55%; }
#about .store_info .name { position: relative; width: 90%; font-size: 1.5rem; margin-bottom: 15px; padding: 5px 0 5px 20px; color: #fff; background-color: var(--color-honten); }
#about .store_info .name:after {position: absolute; content: ''; border-bottom: 59px solid transparent; border-left: 25px solid var(--color-honten); top: 0; right: -24px; }
#adachi .store_info .name { background-color: var(--color-adachi); }
#adachi .store_info .name:after { border-left-color: var(--color-adachi); }
#kokura .store_info .name { background-color: var(--color-kokura); }
#kokura .store_info .name:after { border-left-color: var(--color-kokura); }

#about .store_info .outline { margin-bottom: 15px; }
#about .store_info .add { }
#about .store_info .add .notes { font-size: 80%; }
#about .store_info .info { display: flex; flex-wrap: wrap; line-height: 1.5;}
#about .store_info .info dt,
#about .store_info .info dd { margin-bottom: 5px;}
#about .store_info .info dt { width: 10%;}
#about .store_info .info dd { width: 85%;}

#about .store_img { width: 40%; margin: 2rem; margin-right: 0; }
#about .store_img img { width: 100%; }

#about .line { background-color: #07b53b; color: #fff; font-family: sans-serif; font-weight: bold; text-align: center; width: 55%; margin: 1rem auto 1rem 0; }
#about .line a { display: block; color: #fff; padding: 15px 0; }

#about .store_map { margin-top: 1rem; }
#about .store_map iframe { width: 100%; height: 300px; }


@media screen and ((min-width: 751px) and (max-width: 991px)) {
#about .line { width: 75%; margin: 1rem auto 1rem 0;}
}

@media screen and (max-width: 750px) {
#about .store_info { width: 100%; }
#about .store_info .info dt { width: 20%;}
#about .store_info .info dd { width: 75%;}
#about .store_img { width: 100%; margin-right: 2rem; }
#about .line { width: 85%; margin: 1rem auto;}
}

/*==================================
    faq
    common_style.css 参照
==================================*/

/*==================================
    recruit
==================================*/
#recruit { line-height: 2; }
#recruit h2 { font-size: 230%; margin-top: 2rem; }
#recruit table { width: 85%; }
#recruit th, #recruit td { border-bottom: 1px solid #ccc; padding: 15px 0; }
#recruit th { width: 20%; }
@media screen and (max-width: 750px) {
#recruit table { width: 95%; }
#recruit h2 { font-size: 180%; }
#recruit th, #recruit td { display: block; width: 100%; }
#recruit th { text-align: left; border-bottom: none; padding: 15px 0 0; }
#recruit th:before { content: '▶︎'; margin-right: 3px; }
}

/*==================================
    policy
==================================*/
#policy h3 { font-size: 130%; margin: 2rem 0 1rem; }
#policy p { line-height: 1.7; }