@charset "utf-8";
/* ------------------------------------------------------------ common */
/* ------------------------------------------------------------ fonts */
body { color: #000; min-width: 1200px; }
a:link 		{ color: #111; text-decoration: none; }
a:visited 	{ color: #111; text-decoration: none; }
a:hover,
a:hover img,
input[type="submit"]:hover { color: #111; text-decoration: none; 
	filter:alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8; }

input[type="text"],
select,
textaera	{ border: 1px solid #b5b5b5; }

input[type="submit"] { -webkit-appearance: button; cursor: pointer; padding: 0; border: none; }

.inner 	{ width: 1200px; margin: 0 auto; }

.btn 		{ text-align: center; }
.btn a 		{ display: inline-block; *display: inline; *zoom: 1; color: #fff; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.btn a.back { width: 300px; font-size: 16px; background: #a78671; padding: 15px 0; }

.btn_top { text-align: center; }
.btn_top a { display: inline-block; width: 300px; font-size: 16px; border: 1px solid #000; padding: 15px 0; }

.btn_top2 { text-align: center; }
.btn_top2 a { display: inline-block; width: 300px; font-size: 16px; border: 1px solid #a78671; padding: 15px 0; color: #a78671; }

.btn_back { text-align: center; }
.btn_back a { display: inline-block; width: 300px; font-size: 16px; background: #a78671; color: #fff; padding: 15px 0; }

.f-bnr a{ display: block; margin: 100px 0; }
.f-bnr img{ width: 100%; height: auto; }


.SP { display: none; }

p.empty { padding: 20px 0; text-align: center; font-size: 20px; }

/* ------------------------------------------------------------ bread */

#bread { margin: 0 auto; padding: 0 0 30px; }
#bread ol li { float: left; font-size: 12px; color: #343434; padding: 0 0 0 25px; position: relative; }
#bread ol li:before { position: absolute; top: 6px; margin: auto 0; left: 5px; display: block; width: 8px; height: 8px; border-top: solid 1px #000; border-right: solid 1px #000; -webkit-transform: rotate(45deg); transform: rotate(45deg); content: ''; }
#bread ol li:first-child { padding: 0; }
#bread ol li:first-child:before { content: none; }

/* ------------------------------------------------------------ header */

#head_wrapper { padding: 159px 0 0; }

header { padding: 40px 40px 20px; min-width: 1120px; width: calc(100% - 80px); background: #fff; position: fixed; z-index: 10; left: 0; top: 0; }
header .left { float: left; }
header .left a { font-size: 34px; font-family: 'Abyssopelagic'; letter-spacing: 8px; }
header .left p { font-size: 12px; display: inline-block; vertical-align: middle; padding:0 0 5px 5px; line-height: 140%;}
header .right { float: right; }
header .right .users { text-align: right; padding: 0 0 30px; }
header .right .users .search { display: inline-block; width: 250px; border-bottom: 1px solid #d2d2d2; }
header .right .users .search input[type="submit"] { border: none; width: 15%; background: url(../images/common/search.png) center center no-repeat; }
header .right .users .search input[type="text"] { border: none; width: 85%; padding: 0; font-size: 16px; }
header .right .users .login { margin: 0 10px 0 50px; }
header .right .users a { display: inline-block; width: 70px; text-align: center; vertical-align: top; }
header .right .users a span { display: block; font-size: 12px; color: #6c6c6c; }
header .right .users .cart { display: inline-block; position: relative; margin: 0 10px 0 0; }
header .right .users .cart small { display: block; position: absolute; border-radius: 50%; background-color: #e70101; color: #fff; width: 18px; height: 18px; text-align: center;
    line-height: 18px; font-size: 10px; right: 10px; top: -10px;
}
header .right .users .logout { display: inline-block; }
header .right .nav ul li { float: left; padding: 0 10px 0 22px; background: url(../images/common/slash.png) left center no-repeat; }
header .right .nav ul li:first-child { background: none; }
header .right .nav ul li a { font-size: 14px; }
header .right .nav ul li.hover_nav { position: relative; }
header .right .nav ul li .hover_cat { padding: 20px 0; background: #f8f8f8; position: fixed; left: 0; top: 138px; border-radius: 0 0 10px 10px; display: none; width: 100%; min-width: 1200px; }
header .right .nav ul li .hover_cat .inner { background: #fff; padding: 20px 50px; border-radius: 20px; box-sizing: border-box; width: 1100px; }
header .right .nav ul li .hover_cat .hover_link { float: left; width: 200px; }
header .right .nav ul li .hover_cat .hover_link a { display: block; padding: 10px 0;}
header .right .nav ul li .hover_cat.wide .hover_link { width: 250px; }



/* ------------------------------------------------------------ fv */

#firstview { background: url(../images/product/fv.jpg) center center no-repeat; background-size: cover; padding: 180px 0; margin: 40px 0 0; }
#firstview h3 { text-align: center; color: #fff; font-size: 20px; letter-spacing: 3px; }
#firstview h3 span { font-size: 80px; font-family: 'Abyssopelagic'; letter-spacing: 10px; display: block; line-height: 100%; }

/* ------------------------------------------------------------ aside */

aside { float: left; width: 280px; }
aside p.title { text-align: center; padding: 0 0 30px; font-size: 15px; letter-spacing: 3px; }
aside p.title span { font-family: 'Abyssopelagic'; font-size: 38px; display: block; line-height: 100%; letter-spacing: 8px; }
aside p.sub_tt { font-size: 16px; background:#e4e4e3; padding:15px 20px;}
aside p.sub_tt span { font-size: 30px; color: #a78670; letter-spacing: 5px; display: block; font-family: 'Abyssopelagic'; line-height: 100%; }
aside ul.mid_cat { padding: 0 0 20px; }
aside ul.mid_cat li { border-top: 1px solid #dcdcdc; position: relative; display: block; font-size: 15px; }
aside ul.mid_cat li a { display: block; overflow: hidden; height: 51px; }
aside ul.mid_cat li a:hover { background: #f0ece7; }
aside ul.mid_cat li:first-child { border: none; }
aside ul.mid_cat li img {  }
aside ul.mid_cat li.solo:before { position: absolute; top: 20px; margin: auto 0; right: 20px; display: block; width: 8px; height: 8px; border-top: solid 1px #b79e8d; border-right: solid 1px #b79e8d; -webkit-transform: rotate(45deg); transform: rotate(45deg); content: ''; }
aside ul.mid_cat li.solo a { line-height: 51px; padding: 0 0 0 10px;  }
aside ul.mid_cat li.multi { cursor: pointer; }
aside ul.mid_cat li.multi:before { position: absolute; top: 20px; margin: auto 0; right: 20px; display: block; width: 8px; height: 8px; border-top: solid 1px #b79e8d; border-right: solid 1px #b79e8d; -webkit-transform: rotate(135deg); transform: rotate(135deg); content: ''; }
aside ul.mid_cat li.multi.close:before { position: absolute; top: 23px; margin: auto 0; right: 20px; display: block; width: 8px; height: 8px; border-top: solid 1px #b79e8d; border-right: solid 1px #b79e8d; -webkit-transform: rotate(315deg); transform: rotate(315deg); content: ''; }

aside ul.mid_cat li.multi p { height: 51px; line-height: 51px; padding: 0 0 0 10px; }
aside ul.mid_cat li.multi ol { display: none; }
aside ul.mid_cat li.multi ol li { margin: 0 0 0 30px; font-size: 13px; }
aside ul.mid_cat li.multi ol li:before { position: absolute; top: 17px; margin: auto 0; right: 20px; display: block; width: 8px; height: 8px; border-top: solid 1px #b79e8d; border-right: solid 1px #b79e8d; -webkit-transform: rotate(45deg); transform: rotate(45deg); content: ''; }
aside ul.mid_cat li.multi ol li a { padding: 10px; height: 42px; box-sizing: border-box; }

aside .keyword { padding: 0 0 20px; }
aside .keyword p { font-size: 16px; padding: 0 0 10px; }
aside .keyword .icn_find { border-bottom: 1px solid #b5b5b5; }
aside .keyword .icn_find span { float: left; width: 37px; padding: 4px 0; cursor: pointer; text-align: center; }

aside .keyword input[type="text"] { float: left; border: none; padding: 3px; box-sizing: border-box; width: calc(100% - 37px); font-size: 16px; }
aside ul.topsearch { display: none; }
aside ul.topsearch li { padding: 10px 0; font-size: 16px; }
aside ul.topsearch li p { font-size: 16px; }
aside ul.topsearch li input[type="text"] { border: 1px solid #e5e5e5; padding: 5px; box-sizing: border-box; width: 100%; }
aside ul.topsearch li select { border: 1px solid #e5e5e5; padding: 5px 25px 5px 5px; width: 110px; -webkit-appearance: none; appearance: none; -moz-appearance: none; background: url(../images/common/down_arrow.png) 93% center no-repeat; }
aside ul.topsearch li label { display: inline-block; width: 49%; line-height: 100%; padding: 5px 0; }
aside ul.topsearch li input[type="checkbox"] { border-radius: 0; margin: 0 5px 0 0; }
aside ul.topsearch li.checks { font-size: 13px; }
aside ul.topsearch li input[type="submit"] { width: 60%; line-height: 40px; font-size: 16px; background: #a78671; color: #fff; display: block; margin: 0 auto; }
aside .toggle_search { font-size: 16px; text-align: center; cursor: pointer; margin: 0 auto 60px; padding: 40px 0 0; border-top: 1px solid #e5e5e5; position: relative; }
aside .toggle_search:before { position: absolute; top: 15px; margin: 0 auto; left: 0; right: 0; display: block; width: 12px; height: 12px; border-top: solid 1px #b79e8d; border-right: solid 1px #b79e8d; -webkit-transform: rotate(135deg); transform: rotate(135deg); content: ''; transition: .5s; }
aside .toggle_search.active { margin: 40px auto 60px; transition: .5s; }
aside .toggle_search.active:before { top: 20px; -webkit-transform: rotate(315deg); transform: rotate(315deg);}

aside .bnr { padding: 40px 0 20px; }
aside .bnr li { padding: 0 0 10px; }
aside .bnr li img { width: 100%; height: auto; }

/* ------------------------------------------------------------ footer */

.contac_corner { padding: 40px 0; background: #f8f8f8; }
.contac_corner .left { float: left; width: 480px; }
.contac_corner .left p.contac_tt {font-size: 23px;  padding:0 0 20px;}
.contac_corner .left div { display: table; }
.contac_corner .left div .cell { display: table-cell; font-size: 14px; }
.contac_corner .left div .cell:first-of-type { padding: 0 20px 0 0; vertical-align: middle; }
.contac_corner .left div .cell:nth-of-type(2) { border-left: 1px solid #767678; }
.contac_corner .left div .cell a { display: block; padding: 0 0 0 40px; font-size: 36px; line-height: 100%; background: url(../images/common/tel.png) 15px 12px no-repeat; }
.contac_corner .left div .cell small { padding: 0 0 0 40px; font-size: 14px; }
.contac_corner .middle { float: left; width: 320px; text-align: center; /* padding: 77px 0 0; */ padding: 61px 0 0; }
.contac_corner .middle a { font-size: 16px; color: #fff; background: url(../images/common/mail.png) 30px center no-repeat #a78671; padding: 15px 50px 15px 70px; display: block; }
.contac_corner .right { float: right; width: 350px; background: #fff; text-align: center; padding: 10px 0 20px; box-sizing: border-box; }
.contac_corner .right p { font-size: 16px; padding: 0 0 10px; }
.contac_corner .right a { background: #b61e4f; color: #fff; padding: 10px 30px; display: inline-block; width: 250px; box-sizing: border-box;  }

.footer_description { background: url(../images/common/footer_bg.jpg) center center no-repeat; background-size: cover; color: #fff; padding: 90px 0; }
.footer_description h4 { font-size: 16px; padding: 0 0 10px; }
.footer_description p.ftr_tt { font-size: 16px; padding: 0 0 10px; width: auto; line-height: 100%;}
.footer_description p { width: 560px; font-size: 12px; line-height: 200%; }

footer { background: #f8f8f8; padding: 100px 0 50px; }
footer .left { float: left; width: 300px; }
footer .left p { font-size: 12px; padding: 0 0 30px; text-align: center; width: 140px; }
footer .left p span { display: block; }
footer .left p span a { font-family: 'Abyssopelagic'; font-size: 34px; letter-spacing: 8px; line-height: 100%;  }
footer .left .foot-txt{ text-align: left; width: 100%; }
footer .left ul li {  }
footer .left ul li a { display: block; font-size: 14px; padding: 8px 0 8px 15px; background: url(../images/common/arrow_little.png) left center no-repeat; }
footer .left .sns { padding: 30px 0 0; }
footer .left .sns a { float: left; margin: 0 15px 0 0; }
footer .right { width: 900px; float: right; }
footer .right p.right_tt{font-size: 16px; border-bottom: 1px solid #000; padding: 0 0 10px; margin: 0 0 15px;}
footer .right .cat_list p { font-size: 16px; display: table-cell; width: 160px; vertical-align: top; }
footer .right .cat_list { display: table; width: 100%; padding: 0 0 30px; }
footer .right .cat_list h5 { font-size: 16px; display: table-cell; width: 160px; vertical-align: top; }
footer .right .cat_list ul { display: table-cell; }
footer .right .cat_list ul li { float: left; width: calc(100% / 3); }
footer .right .cat_list ul li a { font-size: 14px; position: relative; padding: 0 0 0 10px; }
footer .right .cat_list ul li a:before { content: ""; position: absolute; left: 0; top: 11px; width: 5px; height: 2px; background: #000; }
footer .right .tag_list {  }
footer .right .tag_list a { display: block; width: calc(100% / 5); float: left; padding: 5px 0; }

footer .copyright { clear: both; text-align: center; padding: 100px 0 0; }
footer .logo{ margin: 20px 0 0; text-align: center; }


/* ------------------------------------------------------------ footer_shop */
.footer_shop { padding: 120px 0 155px; background: #ede7e3; }
.footer_shop .flex { display: flex; align-items: center; gap: 5%; }
.footer_shop .text{ flex: 1; }
.footer_shop .text p{ padding: 0 0 25px; border-bottom: 1px solid #000; font-size: 20px; font-weight: 500; }
.footer_shop .text strong{ display: block; padding: 10px 0 0; font-size: 35px; }
.footer_shop .text div{ padding: 25px 0 10px; font-size: 16px; line-height: 1.8; }
.footer_shop .picture{ width: 700px; }
.footer_shop .picture img{ width: 100%; height: auto; }


/* ------------------------------------------------------------ pager */
#pager { font-size: 20px; padding: 10px 0 20px; text-align: center; }
#pager span,
#pager a { color: #fff; margin: 0 2px; background: #b3845a; padding: 6px 15px 6px; }
#pager .number a { color: #b3845a; background: #fff; padding: 5px 15px 5px; border: 1px solid #b3845a; }
#pager ul { margin: 0 auto; line-height: 40px; }
#pager li { display: inline-block; vertical-align: bottom; }
#pager li.prev a,
#pager li.next a { background: none; border: 1px solid #b3845a; padding: 5px 15px 5px; vertical-align: text-top; padding: 5px 10px 2px\0; }
#pager li.prev a img,
#pager li.next a img { width: 10px; height: auto; vertical-align: auto; }


/* ------------------------------------------------------------ news aside */
#news_aside { width: 300px; float: right; padding: 15px 0 0; }
#news_aside h4 { font-size: 34px; font-family: 'Abyssopelagic'; color: #fff; text-align: center; letter-spacing: 10px; padding: 0 0 10px; margin: 0 0 20px; border-bottom: 1px solid #fff; }
#news_aside ul li .left { width: 150px; float: left; }
#news_aside ul li .left > img { width: 100%; height: auto; }
#news_aside ul li .right { width: 130px; float: right; }

#news_aside .category { background: #a78671; padding: 30px 20px; }
#news_aside .category h5 { font-size: 16px; float: left; width: 170px; color: #b3845a;}
#news_aside .category ul li { padding: 15px; background: #fbf7f4; border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px; margin: 0 0 10px;}
#news_aside .category ul li span { float: right; width: calc(100% - 170px); font-size: 18px; color: #b58963; text-align: right; }
#news_aside .category ul li a { text-transform: uppercase; }

#news_aside .pickup { padding: 40px 0;}
#news_aside .pickup h4 { text-align: left; color: #a78671; border-bottom: 1px solid #a78671; }
#news_aside .pickup p.cat { padding: 0 0 10px;}
#news_aside .pickup p.cat span { display: inline-block; font-size: 12px; color: #a78671; background: #f6f3f1; padding: 1px 15px 2px; border-radius: 15px; }
#news_aside .pickup p.date { font-size: 12px; color: #c4c4c4; padding: 10px 0 0; }
#news_aside .pickup ul li { margin: 0 0 20px;}
#news_aside .pickup ul li h5 { font-size: 12px; color: #333333; text-align: left; /* height: 41px; overflow: hidden;  */}

.nav_banner { width: 100%; background: #f5f5f5; text-align: center; }


@media only screen and (max-width:640px){

.nav_banner { }
.nav_banner img { width: 100%; height: auto; }

body { min-width: 100%; }
.inner 	{ width: 94%; }

.PC { display: none; }
.SP { display: block; }

.btn_top a { width: 260px; font-size: 14px; padding: 10px 0; }
.f-bnr a{ margin: 50px 0; }

/* ------------------------------------------------------------ header */

#head_wrapper { padding: 107px 0 0; }

header { padding: 10px 15px; width: calc(100% - 30px); min-width: inherit; }
header .left a { font-size: 28px; letter-spacing: 8px; line-height: 100%; }
header .left p { font-size: 11px; display: none; }
header .left a img { height: 40px; width: auto; }
header .right .users { padding: 5px 0 0; }
header .right .users .menu_modal { display: inline-block; cursor: pointer; margin: 0 0 0 5px; text-align: center; }
header .right .users .search { display: none; }
header .right .users .login { margin: 0 2px 0 0; }
header .right .users .cart { margin: 0 2px 0 0; }
header .right .users a { width: 45px; }
header .right .users a img { width: 20px; height: auto; }
header .right .users a span { font-size: 9px; line-height: 1; padding: 4px 0 0; }
header .right .users .menu_modal img { width: 20px; height: auto; }
header .right .users .menu_modal span { display: block; font-size: 9px; color: #6c6c6c; line-height: 1; padding: 6px 0 0; }
header .right .users .cart small { width: 15px; height: 15px; line-height: 15px; right: 5px; top: -5px; }

header .search { clear: both; width: 100%; border-bottom: 1px solid #d2d2d2; padding: 20px 0 0; }
header .search input[type="submit"] { border: none; width: 15%; background: url(../images/common/search.png) center center no-repeat; }
header .search input[type="text"] { border: none; width: 85%; padding: 0; font-size: 16px; }
header .right #mask_nav { display: none; background: #000; opacity: .5; position: fixed; width: 100%; height: 100%; left: 0; top: 0; z-index: 8; }
header .right .nav { overflow-y: scroll; position: absolute; top: 0; right: 0; width: 0; box-sizing: border-box; background: #fff; z-index: 9; height: 100vh; transition: .3s; }
header .right .nav.open { width: 70vw; }
header .right .nav ul { padding: 20px; }
header .right .nav ul li { float: none; padding: 10px 0; background: none; border-top: 1px solid #d2d2d2; }
header .right .nav ul li:first-child { background: none; border: none; }
header .right .nav ul li a { font-size: 14px; }
header .right .nav ul li.sp_toggle { cursor: pointer; padding: 0; }
header .right .nav ul li.sp_toggle h3 { font-size: 14px; position: relative; padding: 10px 0; }
header .right .nav ul li.sp_toggle h3:before { content: ""; display: block; width: 7px; height: 7px; border-top: 1px solid #a78670; border-right: 1px solid #a78670; -webkit-transform: rotate(135deg); transform: rotate(135deg); position: absolute; right: 0; top: 0; bottom: 0; margin: auto 0 auto auto; transition: 0.5s; }
header .right .nav ul li.sp_toggle.on h3:before { content: ""; display: block; width: 7px; height: 7px; border-top: 1px solid #a78670; border-right: 1px solid #a78670; -webkit-transform: rotate(315deg); transform: rotate(315deg); position: absolute; right: 0; top: 0; bottom: 0; margin: auto 0 auto auto; }
header .right .nav ul li .toggle_cat { display: none; }
header .right .nav ul li .toggle_cat a { display: block; }
header .right .nav ul li .toggle_cat h4 { font-size: 11px; padding: 15px; background: #e4e4e3; }
header .right .nav ul li .toggle_cat h4 span { font-size: 20px; color: #a78670; letter-spacing: 5px; display: block; font-family: 'Abyssopelagic'; line-height: 100%; }
header .right .nav ul li .toggle_cat .mid_cat { padding: 10px 0 10px 15px; }
header .right .nav ul li .toggle_cat .mid_cat .multi { padding: 0; }
header .right .nav ul li .toggle_cat .mid_cat .multi p { padding: 10px 0; position: relative; }
header .right .nav ul li .toggle_cat .mid_cat .multi p:before { content: ""; display: block; width: 7px; height: 7px; border-top: 1px solid #a78670; border-right: 1px solid #a78670; -webkit-transform: rotate(135deg); transform: rotate(135deg); position: absolute; right: 0; top: 0; bottom: 0; margin: auto 0 auto auto; transition: 0.5s; }
header .right .nav ul li .toggle_cat .mid_cat .multi p.on:before { content: ""; display: block; width: 7px; height: 7px; border-top: 1px solid #a78670; border-right: 1px solid #a78670; -webkit-transform: rotate(315deg); transform: rotate(315deg); position: absolute; right: 0; top: 0; bottom: 0; margin: auto 0 auto auto; }

header .right .nav ul li.sp_toggle2 {  } 
header .right .nav ul li .toggle_cat2 { display: none; }
header .right .nav ul li.sp_toggle2 h3 { position: relative; }
header .right .nav ul li.sp_toggle2 h3:before { content: ""; display: block; width: 7px; height: 7px; border-top: 1px solid #a78670; border-right: 1px solid #a78670; -webkit-transform: rotate(135deg); transform: rotate(135deg); position: absolute; right: 0; top: 0; bottom: 0; margin: auto 0 auto auto; transition: 0.5s; }
header .right .nav ul li.sp_toggle2.on h3:before { content: ""; display: block; width: 7px; height: 7px; border-top: 1px solid #a78670; border-right: 1px solid #a78670; -webkit-transform: rotate(315deg); transform: rotate(315deg); position: absolute; right: 0; top: 0; bottom: 0; margin: auto 0 auto auto; }
header .right .nav ul li .toggle_cat2 a { font-size: 14px; }
header .right .nav ul li .toggle_cat2 div { padding: 10px 0 0; }

header .right .nav ul li .toggle_cat .mid_cat ol { display: none; }
header .right .nav ul li .toggle_cat .mid_cat a { font-size: 12px; }

/* ------------------------------------------------------------ aside */

aside { float: none; width: 100%; }

aside .keyword .icn_find span { width: 15%; padding: 4px 0; }
aside .keyword input[type="text"] { padding: 3px; box-sizing: border-box; width: 85%; font-size: 16px; }

aside p.title { padding: 0 0 30px; font-size: 14px; }
aside p.title span { font-size: 30px; }
aside p.sub_tt { font-size: 14px; padding: 15px 20px; }
aside p.sub_tt span { font-size: 26px; }
aside ul.mid_cat { padding: 0 0 20px; }
aside ul li { font-size: 14px; }

aside ul.topsearch li { padding: 10px 0; font-size: 14px; }
aside ul.topsearch li label { padding: 10px 0; }
aside .bnr li { float: left; width: 48.5%; margin: 0; padding: 0; }
aside .bnr li:first-child { width: 100%; margin: 0 0 10px; }
aside .bnr li:nth-child(2n) { margin: 0 3% 10px 0; }


/* ------------------------------------------------------------ footer */

.contac_corner { padding: 30px 0; }
.contac_corner .left { float: none; width: 100%; }
.contac_corner .left p.contac_tt { font-size: 16px; padding: 0 0 20px; text-align: center; }
.contac_corner .left div { display: inherit; text-align: center; }
.contac_corner .left div .cell { display: block; font-size: 14px; }
.contac_corner .left div .cell:first-of-type { padding: 0 0 10px; }
.contac_corner .left div .cell:nth-of-type(2) { padding: 10px 0 0; border-left: none; border-top: 1px solid #767678; }
.contac_corner .left div .cell a { display: inline-block; font-size: 30px; background: url(../images/common/tel.png) 15px 9px no-repeat; }
.contac_corner .left div .cell small { display: block; padding: 0; }
.contac_corner .middle { float: none; width: 100%; text-align: center; padding: 20px 0; }
.contac_corner .middle a { display: inline-block; font-size: 14px; padding: 15px 45px 15px 65px; }
.contac_corner .right { float: none; width: 100%;  padding: 20px 0; }
.contac_corner .right p { padding: 0 0 10px; }
.contac_corner .right a { padding: 10px 25px; display: inline-block; width: 250px; box-sizing: border-box;  }

.footer_description { padding: 60px 0; }
.footer_description h4 { font-size: 15px; }
.footer_description p.ftr_tt { font-size: 15px; }
.footer_description p { width: 100%; font-size: 12px; }

footer { padding: 35px 0 15px; }
footer .left { float: none; width: 100%; }
footer .left p { padding: 0 0 30px; text-align: center; }
footer .left p span a { font-size: 30px; }
footer .left ul li a { font-size: 13px; padding: 8px 0 8px 15px; }
footer .left .sns { padding: 20px 0 30px; }
footer .left .sns a { margin: 0 15px 0 0; }
footer .right { width: 100%; float: none; padding: 15px 0 0; }
footer .right h4 { font-size: 15px; padding: 0 0 5px; margin: 0 0 10px; }
footer .right .cat_list { display: inherit; width: 100%; padding: 0 0 20px; }
footer .right p.right_tt{ font-size: 15px; padding: 0 0 5px; margin: 0 0 10px; }
footer .right .cat_list p { font-size: 14px; display: block; width: 100%; padding: 0 0 5px; }
footer .right .cat_list ul { display: block; }
footer .right .cat_list ul li { float: left; width: calc(100% / 2); }
footer .right .cat_list ul li a { font-size: 12px; padding: 0 0 0 7px; }
footer .right .cat_list ul li a:before { top: 9px; width: 5px; }
footer .right .tag_list {  }
footer .right .tag_list a { display: inline-block; width: inherit; float: none; padding: 0 10px 5px 0; }

footer .copyright { clear: both; text-align: center; padding: 50px 0 0; }


/* ------------------------------------------------------------ footer_shop */
.footer_shop{ padding: 50px 0; }
.footer_shop .flex{ flex-direction: column; gap: 30px; }
.footer_shop .text p{ padding: 0 0 24px; font-size: 15px; }
.footer_shop .text strong{ padding: 7px 0 0; font-size: 28px; }
.footer_shop .text div{ padding: 20px 0 0; font-size: 13px; }
.footer_shop .picture{ width: 100%; }


/* ------------------------------------------------------------ pager */
#pager span,
#pager a { margin: 2px; display: inline-block; line-height: 25px !important; vertical-align: inherit !important; }
#pager .number { width: calc(100% - 100px); vertical-align: bottom; line-height: 39px; }
#pager .number a { display: none; }
#pager .number a.first_page { display: inline-block; }
#pager .number a.last_page { display: inline-block; }
#pager ul { width: 300px; margin: 10px auto 0; }


/* ------------------------------------------------------------ news aside */

#news_aside { width: 100%; float: none; padding: 15px 0 0; }
#news_aside h4 { font-size: 28px; padding: 0 0 5px; }
#news_aside ul li .left { width: 42%; }
#news_aside ul li .right { width: 55%; }

#news_aside .category { padding: 30px 20px; }
#news_aside .category h5 { font-size: 14px; }
#news_aside .category ul li { padding: 10px 15px; margin: 0 0 10px;}
#news_aside .category ul li span { font-size: 14px; text-align: right; }
#news_aside .category ul li a { text-transform: uppercase; }

#page_top {
	position: fixed;
	right: 5%;
	bottom: 5%;
}

	#page_top a {
		position: relative;
		display: block;
		width: 66px;
		padding: 29px 0 17px;
		background: #000;
		color: #fff;
		text-align: center;
		border-radius: 38px;
		font-size: 12px;
	}

	#page_top a:before {
		content: "";
		position: absolute;
		width: 8px;
		height: 8px;
		border-left: 3px solid #fff;
		border-top: 3px solid #fff;
		left: 0;
		top: 0;
		right: 0;
		bottom: 20px;
		margin: auto;
		transform: rotate(45deg);
	}

}