@charset "UTF-8";


/* =================== */
/*       pubulic       */
/* =================== */
html {
	overflow-x:hidden;
	scroll-padding-top:150px !important;
}
html,body {
  /*font-size:clamp(10px, 1.33vw, 20px);*/
  font-size:clamp(5px, .69vw, 20px);
  font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
  font-weight:400;
	position:relative;
  /*-webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;*/
  /*overflow-x:hidden;*/
  letter-spacing:.15em;

  /*max-width:2500px;
	margin:0 auto;*/
}

body::before {
	content:"";
	width:100vw;
	height:100vh;
	background:url(/img/bg.jpg) repeat;
	background-size:100% auto;
	display:block;
	position:fixed;
	top:0;
	left:0;
	z-index:-1;
}


.en-font {
	font-family: "Times New Roman", Times, serif;
  font-optical-sizing:auto;
  font-weight:400;
  font-style:normal;
  letter-spacing:.075em;
}



img {
  width:100%;
  height:auto;
}
.sp-on { display:none; }
a { transition:0.5s ease all; }


.flex-box {
  display:-webkit-box;
  display:flex;
  -webkit-box-pack:justify;
  justify-content:space-between;
  align-items:center;
}

.inner-box {
	width:124rem;
	margin:0 auto;
	position:relative;
}


.fadein {
	opacity:0;
	transform:translate(0, 3rem);
	transition:1s;
}
.fadein.is-show {
	transform:translate(0, 0);
	opacity:1;
}
.blur {
	filter:blur(10px);
	transition:1.5s;
}
.blur.is-show {
	filter:blur(0);
	opacity:1;
}


.slick-dots {
  display:flex;
  justify-content:flex-end;
  position:absolute;
  bottom:2rem;
  right:2rem;
}
.slick-dots li {
  width:1.5rem !important;
  height:1.5rem !important;
  margin:0 .5rem !important;
  padding:0 !important;
  border-radius:100vmax;
  background:#fff;
}
.slick-dots li.slick-active { background:#000; }
.slick-dots li button { display:none; }






/* =================== */
/*       #header       */
/* =================== */
#header {
	background:url(/img/bg.jpg) repeat;
	background-size:100% auto;
	position:fixed;
	width:100%;
	top:0;
	left:0;
	z-index:100;
}
#header #site-logo {
	/*width:20.05rem;
	margin:4rem auto 0;*/
	width:10rem;
  margin:2rem 0 0 6.8%;
	transition:0.5s ease all;
	position:relative;
	z-index:1;
}
#header #site-logo .yoko { display:none; }
body.index.scr #header #site-logo {
	/*width:16rem;*/
	width:10rem;
	margin-top:2rem;
}
#header #site-logo a:hover { opacity:.5; }
#header ul.site-switch-list {
	font-size:1.5rem;
	position:fixed;
	top:1rem;
	right:2rem;
	align-items:flex-end;
}
#header ul.site-switch-list li.on a::before {
	content:"\f0ac";
	font-family:"Font Awesome 6 Free";
	font-weight:900;
	display:block;
	margin-bottom:.5rem;
	font-size:90%;
	text-align:center;
}
#header ul.site-switch-list li a {
	vertical-align:text-bottom;
	display:inline-block;
}
#header ul.site-switch-list li::after {
	content:"|";
	display:inline-block;
	margin:0 1.3rem;
	vertical-align:baseline;
}
#header ul.site-switch-list li:last-child::after { display:none; }
#header ul.site-switch-list li a:hover { color:#ffa96d; }
#header .move-box {
	/*width:37.5rem;*/
	width:26%;
	position:fixed;
	left:0;
	/*top:16rem;*/
	top:17rem;
}
/*body.index.scr #header .move-box { top:16rem; }*/
#header .move-box a:hover { color:#ffa96d; }
#header ul.main-nav {
	/*padding-left:10rem;*/
	padding-left:26%;
}
#header ul.main-nav li {
	font-size:1.7rem;
	margin-bottom:2rem;
	letter-spacing:.075em;
}
#header ul.main-nav li span { vertical-align:middle; }
#header ul.main-nav li i { vertical-align:middle; font-size:75%; }
#header ul.sns-nav {
	justify-content:flex-start;
	padding:2rem 0 6rem 10rem;
	padding-left:26%;
	border-bottom:2px solid #000;
}
#header ul.sns-nav li {
	font-size:2.25rem;
	margin-right:1rem;
}
#header .head-news-box {
	/*padding-left:10rem;*/
	padding-left:26%;
	margin-top:2rem;
}
#header .head-news-box .en-font { font-size:1.8rem; }
#header .head-news-box time {
	display:block;
	font-size:1.4rem;
	margin:1.7rem 0 .3rem;
}
#header .head-news-box .news-title {
	font-size:1.3rem;
	line-height:1.9;
}
#header .head-news-box .view-btn a {
	font-size:1.25rem;
	padding:.5rem 1rem;
	border:2px solid #000;
	display:inline-block;
	border-radius:100vmax;
	margin-top:1rem;
}
#header .head-news-box .view-btn a:hover { background:#000; color:#fff; }

#header.fixed { padding-bottom:2rem; }
#header.fixed #site-logo {
	margin-left:4rem;
	margin-top:2rem;
	-webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
  width:16rem !important;
}
#header.fixed #site-logo .yoko { display:block; }
#header.fixed #site-logo .sq { display:none; }
#header.fixed .move-box {
	-webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;

  width:100%;
  position:fixed;
  top:4.2rem !important;
  left:0;
}
#header.fixed .move-box ul.main-nav {
	padding-left:5rem;
	display:flex;
	justify-content:center;
	align-items:center;
}
#header.fixed .move-box ul.main-nav li {
	margin:0 1.5rem;
	font-size:1.6rem;
}
#header.fixed .move-box .head-news-box { display:none; }
#header.fixed .move-box ul.sns-nav { display:none; }
@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-150px);
    -ms-transform: translateY(-150px);
    transform: translateY(-150px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}








/* =================== */
/*       #footer       */
/* =================== */
#footer .foot-in {
	margin:11rem 3.5rem 4rem;
	align-items:flex-end;
}
#footer .foot-logo {
	width:20.05rem;
	margin-bottom:2.5rem;
}
#footer .foot-logo a:hover { opacity:.5; }
#footer small {
	font-size:1.4rem;
	letter-spacing:.025em;
}
#footer ul.sns-nav {
	justify-content:flex-end;
	margin-bottom:3rem;
}
#footer ul.sns-nav li {
	font-size:2.25rem;
	margin-left:1rem;
}
#footer ul.foot-link-list li {
	font-size:1.5rem;
	letter-spacing:0;
}
#footer ul.foot-link-list li:last-child::before {
	content:"|";
	margin:0 1rem;
	display:inline-block;
}
#footer ul.foot-link-list li span {
	display:inline-block;
	vertical-align:middle;
}
#footer ul.foot-link-list li i {
	font-size:70%;
	display:inline-block;
	vertical-align:middle;
}
#footer .r-box a:hover { color:#ffa96d; }




/* =================== */
/*        main         */
/* =================== */
#fixed-online-btn a {
	border-radius:100vmax;
	border:.25rem solid #ffa96d;
	display:block;
	/*width:16rem;
	height:16rem;*/
	width:14rem;
	height:14rem;
	color:#ffa96d;
	text-align:center;
	position:fixed;
	/*top:10rem;*/
	top:11rem;
	right:7rem;
	z-index:100;
	background:#fff;
}
#fixed-online-btn a .txt {
	font-size:2rem;
	margin-top:5.5rem;
}
#fixed-online-btn a .icon {
	font-size:2.25rem;
	margin-top:2rem;
}
#fixed-online-btn a:hover {
	background:#ffa96d;
	color:#fff;
}
/*#fixed-online-btn.fixed a {
	width:12.3rem;
	height:12.3rem;
	top:6.5rem;
	right:3rem;
}
#fixed-online-btn.fixed a .txt { font-size:1.8rem; margin-top:4.3rem; }
#fixed-online-btn.fixed a .icon { font-size:2rem; margin-top:1.5rem; }*/
#fixed-online-btn a {
	/*width:12.3rem;
	height:12.3rem;*/
	width:10rem;
	height:10rem;
	top:6.5rem;
	right:3rem;
}
#fixed-online-btn a .txt { /*font-size:1.8rem; margin-top:4.3rem;*/ font-size:1.5rem; margin-top:3.5rem; }
#fixed-online-btn a .icon { font-size:2rem; /*margin-top:1.5rem;*/ margin-top:1.2rem; }


body.index #intro-sec {
	width:66.7%;
	margin-left:calc(100% - 66.7%);
	margin-top:10rem;
}
body.index #intro-sec .sec-ttl-box {
	position:sticky;
	top:9rem;
	left:0;
	padding-left:14rem;
	/*padding-top:6rem;*/
	padding-top:2rem;
	padding-bottom:5rem;
	z-index:1;
	transition:0.5s ease all;
}
body.index #intro-sec h2 {
	font-size:4.23rem;
	line-height:1.29;
	width:12.5em;
	transition:0.5s ease all;
}
body.index #intro-sec .deco-line {
	width:27.85rem;
	position:absolute;
	left:26rem;
	bottom:-2rem;
	transition:0.5s ease all;
}
body.index #intro-sec .sec-ttl-box {
	background:url(/img/bg.jpg) repeat;
	background-size:100% auto;
}
/*body.index #intro-sec .sec-ttl-box::before {
	content:"";
	width:100%;
	height:100%;
	display:block;
	position:absolute;
	bottom:-20.8rem;
	left:0;
	transition:2s ease all;
}
body.index #intro-sec.scr .sec-ttl-box::before {
	background:url(../img/wht_bk.png) no-repeat bottom;
	background-size:100% auto;
}*/
body.index #intro-sec .main-pic {
	margin-top:20px;
	-webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: picfade;
  animation-name: picfade;

}
/*body.index #intro-sec .main-pic img {
	display:block;
	margin-top:1rem;
	-webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: picfade;
  animation-name: picfade;
}*/
@keyframes picfade {
  0% {
    opacity: 0;
    margin-top:20px;
  }
  100% {
    opacity: 1;
    margin-top:10px;
  }
}
body.index #intro-sec .txt {
	font-size:2.25rem;
	line-height:2.2;
	padding-left:16.8%;
	margin:7rem 0;
	position:relative;
}
body.index #intro-sec .illust {
	width:11.7rem;
	margin:0 auto;
	position:relative;
}
body.index.scr #intro-sec h2 {
	font-size:3rem;
	width:13em;
}
body.index.scr #intro-sec .sec-ttl-box {
	padding-top:3rem;
	padding-bottom:3rem;
	top:8.5rem;
	padding-left:16.5%;
}
body.index.scr #intro-sec .deco-line {
	width:20rem;
	left:23rem;
}




body.index #series-sec {
	margin-top:15rem;
	position:relative;
}
body.index #series-sec h3 {
	font-size:4.25rem;
	text-align:center;
}
body.index #series-sec h3::after {
	content:"";
	width:17.6rem;
	height:1.95rem;
	background:url(/img/ttl_deco2.png) no-repeat;
	background-size:cover;
	display:block;
	margin:2rem auto 0;
}
body.index #series-sec ul.series-list {
	flex-wrap:wrap;
	justify-content:center;
	margin-top:6rem;
}
body.index #series-sec ul.series-list li:nth-child(odd) {
	width:31.35%;
	margin-bottom:4rem;
}
body.index #series-sec ul.series-list li:nth-child(even) {
	width:33.2%;
	margin:0 1.7% 4rem 2.4%;
}
body.index #series-sec ul.series-list li.series4 { margin-left:33.68%; }
body.index #series-sec ul.series-list li:nth-child(odd) .thumb { padding-top:2.95rem; }
body.index #series-sec ul.series-list li .txt-box {
	width:30rem;
	margin:2.5rem auto 0;
}
body.index #series-sec ul.series-list li .txt-box .name {
	font-size:2.45rem;
	letter-spacing:0;
}
body.index #series-sec ul.series-list li .txt-box .name span {
	padding-bottom:.5rem;
	border-bottom:1px solid #000;
	font-weight:bold;
}
body.index #series-sec ul.series-list li .txt-box .txt {
	font-size:1.8rem;
	line-height:2;
	margin-top:1rem;
}
body.index #series-sec ul.series-list li a:hover { opacity:.5; }
body.index #series-sec .sub-pic {
	width:18.6%;
	position:absolute;
	left:9%;
	bottom:10rem;
}

body.index #shop-sec .inner-box {
	margin-top:15rem;
	position:relative;
	background:url(/img/shop_bk.png) no-repeat top center;
	background-size:100% auto;
	padding-top:23rem;
	padding-left:15rem;
	align-items:flex-start;
	justify-content:flex-start;
	padding-bottom:8rem;
}
body.index #shop-sec h3 {
	font-size:4.25rem;
	writing-mode:vertical-rl;
	padding-top:1.5rem;
}
body.index #shop-sec h3::after {
	content:"";
	width:2.9rem;
	height:15.75rem;
	background:url(/img/ttl_deco3.png) no-repeat;
	background-size:cover;
	display:block;
	margin-top:-1.5rem;
	margin-right:2rem;
}
body.index #shop-sec ul {
	margin-left:19.5rem;
}
body.index #shop-sec ul li {
	display:flex;
	align-items:center;
	margin-bottom:2.5rem;
}
body.index #shop-sec ul li .thumb {
	width:15rem;
	margin-right:2.5rem;
}
body.index #shop-sec ul li .name span {
	font-size:2.5rem;
	font-weight:bold;
	padding-bottom:.5rem;
	border-bottom:2px solid #000;
}
body.index #shop-sec ul li .pref {
	font-size:2.15rem;
	margin-top:2rem;
}
body.index #shop-sec .deco {
	width:21.8rem;
	position:absolute;
	left:6.5rem;
	/*bottom:-6.5rem;*/
	bottom:-14.5rem;
}

body.index #news-sec { margin-top:12rem; }
body.index #news-sec h3 {
	font-size:4.25rem;
	text-align:center;
}
body.index #news-sec h3::after {
	content:"";
	width:13.45rem;
	height:1.7rem;
	background:url(/img/ttl_deco4.png) no-repeat;
	background-size:cover;
	display:block;
	margin:1rem auto 0;
}
body.index #news-sec .view-btn {
	text-align:right;
	margin-top:-4.5rem;
}
body.index #news-sec .view-btn a {
	font-size:1.8rem;
	border:1px solid #000;
	border-radius:100vmax;
	display:inline-block;
	width:14rem;
	line-height:3.25rem;
	text-align:center;
}
body.index #news-sec .view-btn a:hover {
	background:#000;
	color:#fff;
}
body.index #news-sec ul { margin-top:5rem; }
body.index #news-sec li {
	display:flex;
	align-items:center;
	justify-content:space-between;
	border-bottom:1px solid #000;
	padding:4.5rem 2rem;
}
body.index #news-sec li time {
	font-size:1.8rem;
	width:13rem;
}
body.index #news-sec li .cat-name {
	font-size:1.5rem;
	color:#888;
	width:10rem;
	text-align:center;
}
body.index #news-sec li .ttl {
	font-size:1.8rem;
	overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp:1;
  width:calc(100% - 23rem - 4rem);
}
body.index #news-sec li .ttl a:hover { color:#ffa96d; }


#page-btm-bnr {
	width:100%;
	height:30rem;
	background:url(/img/btm_bnr_bk.jpg) no-repeat;
	background-size:cover;
	display:flex;
	justify-content:flex-end;
	align-items:center;
	margin-top:17rem;
	position:relative;
}
#page-btm-bnr .txt-box {
	width:41rem;
	margin-right:12rem;
}
#page-btm-bnr .txt-box .txt {
	font-size:2rem;
	line-height:2;
	letter-spacing:0;
}
#page-btm-bnr .txt-box .btn a {
	font-size:2.25rem;
	width:100%;
	display:block;
	line-height:4rem;
	background:#ffa96d;
	border-radius:100vmax;
	text-align:center;
	color:#fff;
	margin-top:2.5rem;
}
#page-btm-bnr .txt-box .btn a span { vertical-align:middle; }
#page-btm-bnr .txt-box .btn a i { font-size:60%; vertical-align:middle; }
#page-btm-bnr .txt-box .btn a:hover { opacity:.5; }
#page-btm-bnr .illust {
	width:6.35rem;
	position:absolute;
	right:10rem;
	top:-7.5rem;
}






@media screen and (max-width: 1240px) {
	/*body.index #intro-sec .sec-ttl-box { padding-left:5rem; }
	body.index.scr #intro-sec .sec-ttl-box { padding-left:5%; }
	body.index #intro-sec .deco-line { left:17rem; }
	body.index.scr #intro-sec .deco-line { left:13rem; }
	#fixed-online-btn a {
		width:12.3rem;
		height:12.3rem;
		top:6.5rem;
		right:3rem;
	}
	#fixed-online-btn a .txt { font-size:1.8rem; margin-top:4.3rem; }
	#fixed-online-btn a .icon { font-size:2rem; margin-top:1.5rem; }
	body.index #intro-sec .txt { font-size:2rem; padding-left:5%; }*/
	body.index #shop-sec .inner-box { padding-top:18rem; }
	body.index #shop-sec ul { margin-left:10.5rem; }
	body.index #shop-sec ul li .thumb { width:12rem; }
	/*body.index #series-sec h3 { font-size:3.5rem; }
	body.index #shop-sec h3 { font-size:3.5rem; }
	body.index #news-sec h3 { font-size:3.5rem; }
	#page-btm-bnr .txt-box { margin-right:5rem; }
	#page-btm-bnr .txt-box .txt { text-shadow:0px 2px 3px rgba(255, 255, 255, 1),0px 2px 3px rgba(255, 255, 255, 1),0px 2px 3px rgba(255, 255, 255, 1); }
	#header.fixed #site-logo { margin-left:2rem; }
	#header.fixed .move-box ul.main-nav li { font-size:14px; margin:0 1rem; }*/
}

@media screen and (max-width: 960px) {
	html { scroll-padding-top:80px !important; }
	.pc-on { display:none; }
	.sp-on { display:initial; }

	body.open { height:100svh; overflow:hidden; }
	body.open main { filter:blur(5px); }
	html, body { overflow-x:hidden; }
	body::before { display:none; }

	.inner-box { width:84.4%; }

	#header { padding-bottom:30px; background:#fff; }
	#header #hamburger {
		display:block;
		width:45px;
		height:50px;
		cursor:pointer;
		z-index:10000;
		position:fixed;
		right:15px;
		top:33px;
		transition: 0.5s ease all;
	}
	#header #hamburger .inner_line {
		display:block;
		margin:0 auto;
		width:35px;
		height:1px;
		transition:1s;
		background:#404040;
		position:absolute;
		left:5px;
	}
	#header #hamburger .inner_line span { transition:all .4s; }
	#header #hamburger #line1 { top:13px; }
	#header #hamburger #line2 { top:21px; }
	#header #hamburger #line3 { top:29px; }
	#header #hamburger #line4 { background:none; top:36px; }
	#header #hamburger #line4::before { content:"Menu"; font-size:13px; font-family: "Times New Roman", Times, serif; font-optical-sizing:auto; font-weight:400; }
	#header #hamburger.open #line1 { transform:translateY(6px) rotate(-45deg); }
	#header #hamburger.open #line2 { transform:translateY(-2px) rotate(45deg); }
	#header #hamburger.open #line3 { display:none; }
	#header #hamburger.open #line4::before { content:"Close"; }
	#header ul.site-switch-list { display:none; }
	#header.open ul.site-switch-list { display:flex; margin:30px auto 0; width:85%; position:initial; padding:10px 0; border-top:2px solid #000; border-bottom:2px solid #000; justify-content:center; font-size:18px; }
	#header .move-box { display:none; }
	#header.open .move-box { display:block; position:initial; width:85%; margin:40px auto 0; }
	#header #site-logo { width:180px; margin:30px auto 0; }
	body.index.scr #header #site-logo { width:180px; margin:10px auto 0; }
	#header.fixed #site-logo { animation:none; margin-left:auto; }
	#header.fixed { padding-bottom:10px; }
	body.index.scr #header { padding-bottom:10px; }
	body.index.scr #header #hamburger { top:12px; }
	#header.open .head-main-box { background:rgba(255,255,255,.7); width:100vw; height:100svh; position:fixed; top:0; left:0; z-index:1000; }
	#header ul.main-nav { padding-left:0; }
	#header ul.main-nav li { font-size:18px; margin-bottom:30px; }
	#header ul.site-switch-list li::after { margin:0 15px; }
	#header ul.site-switch-list li.on a::before { font-size:85%; margin-bottom:7px; }
	#header ul.sns-nav { padding:0; padding-bottom:50px; }
	#header ul.sns-nav li { font-size:25px; }
	#header .head-news-box { padding:0; display:flex; align-items:baseline; }
	#header .head-news-box .en-font { font-size:22px; width:110px; }
	#header .head-news-box .txt-box { width:calc(100% - 110px); }
	#header .head-news-box time { font-size:17px; }
	#header .head-news-box .news-title { font-size:14px; }
	#header .head-news-box .view-btn { display:none; }
	#header #site-logo .yoko { display:block; }
	#header #site-logo .sq { display:none; }
	#header.fixed #site-logo { width:180px !important; }

	#fixed-online-btn a,
	#fixed-online-btn.fixed a { background:#ffa96d; color:#fff; width:100%; top:initial; bottom:0; right:0; height:75px; border-radius:0; border:0; display:flex; align-items:center; justify-content:center; transition:none; }
	#fixed-online-btn a .txt,
	#fixed-online-btn.fixed a .txt { font-size:25px; order:2; margin-left:20px; margin-top:0; }
	#fixed-online-btn a .icon,
	#fixed-online-btn.fixed a .icon { font-size:28px; margin-top:0; order:1; }

	body.index #intro-sec { width:100%; margin-left:0; margin-top:120px; }
	body.index #intro-sec .sec-ttl-box,
	body.index.scr #intro-sec .sec-ttl-box { position:initial; padding:0; padding-left:10px; }
	body.index #intro-sec .sec-ttl-box { background:none; }
	body.index #intro-sec h2 { font-size:26px; margin:0 auto; }
	body.index #intro-sec .deco-line { position:relative; left:initial; bottom:initial; z-index:1; width:165px; margin:5px auto 0; }
	body.index.scr #intro-sec .deco-line { width:165px; left:initial; }
	body.index.scr #intro-sec h2 { width:12.5em; font-size:26px; }
	body.index #intro-sec .main-pic.pc-on { display:none; }
	body.index #intro-sec .main-pic.sp-on { margin-top:-10px !important; margin-left:12px; aspect-ratio:1 / 1; display:block; }
	body.index #intro-sec .main-pic .slick-list,
	body.index #intro-sec .main-pic .slick-track { height:100% !important; }
	body.index #intro-sec .main-pic .slick-slide { object-fit:cover; object-position:left; }
	body.index #intro-sec .txt { padding-left:10px; font-size:19px; width:90%; margin:50px auto 40px; max-width:600px; }
	body.index #intro-sec .illust { width:110px; }

	body.index #series-sec { margin-top:100px; }
	body.index #series-sec h3 { font-size:35px; }
	body.index #series-sec h3::after { width:130px; height:13px; }
	body.index #series-sec ul.series-list { display:block; margin:50px auto 0; max-width:600px; }
	body.index #series-sec ul.series-list li:nth-child(odd) { width:100%; margin-bottom:30px; }
	body.index #series-sec ul.series-list li:nth-child(odd) .thumb { padding-top:0; width:calc(100% - 12px); }
	body.index #series-sec ul.series-list li .txt-box .name { font-size:23px; }
	body.index #series-sec ul.series-list li .txt-box .name span { padding-bottom:5px; }
	body.index #series-sec ul.series-list li .txt-box .txt { font-size:17px; margin-top:15px; }
	body.index #series-sec ul.series-list li .txt-box { width:75%; margin-top:35px; }
	body.index #series-sec ul.series-list li:nth-child(even) { width:100%; margin:0; }
	body.index #series-sec ul.series-list li:nth-child(even) .thumb { width:110%; margin:0 -5%; }
	body.index #series-sec ul.series-list li.series5 .thumb { margin-left:12px; }
	body.index #series-sec .sub-pic { position:initial; width:180px; margin:0 auto; }

	body.index #shop-sec .inner-box { background:none; height:1000px; position:relative; padding-left:0; margin-top:50px; display:block; padding-top:180px; width:100%; }
	body.index #shop-sec .inner-box::before {
		content:"";
		width:1240px;
		height:1000px;
		background:url(/img/shop_bk_sp.png) no-repeat top center;
    background-size:cover;
    display:block;
    position:absolute;
    left:-250px;
    top:0;
	}
	body.index #shop-sec h3 { font-size:35px; position:relative; writing-mode:initial; padding-top:0; text-align:center; max-width:380px; margin:0 auto; }
	body.index #shop-sec h3::after {
		margin-right:0;
    margin-left:26%;
    transform:rotate(90deg);
    margin-top:-145px;
    width:27px;
    height:150px;
	}
	body.index #shop-sec ul { margin:100px auto 0; position:relative; max-width:450px; }
	body.index #shop-sec ul li .thumb { /*width:150px; margin-left:-55px; margin-right:25px;*/ width:120px; margin-right:15px; margin-left:10px; }
	body.index #shop-sec ul li .name span { font-size:21px; line-height:2; }
	body.index #shop-sec ul li .pref { font-size:20px; }
	body.index #shop-sec .deco { width:170px; }

	body.index #news-sec { margin-top:100px; }
	body.index #news-sec h3 { font-size:35px; }
	body.index #news-sec h3::after { width:120px; height:15px; }
	body.index #news-sec li { display:block; padding:50px 0; }
	body.index #news-sec li time { font-size:17px; display:block; text-align:center; width:100%; }
	body.index #news-sec li .cat-name { font-size:14px; text-align:center; width:100%; margin:20px 0; }
	body.index #news-sec li .ttl { font-size:17px; width:100%; -webkit-line-clamp:2; line-height:2; }
	body.index #news-sec .view-btn.sp-on { display:block; text-align:center; margin-top:50px; }
	body.index #news-sec .view-btn a { font-size:17px; width:130px; line-height:32px; }

	#page-btm-bnr { background:url(/img/btm_bnr_bk_sp.jpg) no-repeat bottom center; background-size:cover; height:auto; width:100%; margin:120px auto 0; max-width:450px; padding-bottom:250px; }
	#page-btm-bnr .txt-box { width:92%; margin:60px auto 0; }
	#page-btm-bnr .txt-box .txt { font-size:17px; }
	#page-btm-bnr .txt-box .btn a { font-size:20px; line-height:40px; margin-top:20px; }
	#page-btm-bnr .illust { width:60px; top:-70px; }

	#footer .foot-in { padding:110px 0 140px; display:block; margin:0; }
	#footer .foot-logo { width:180px; margin:0 auto 100px; }
	#footer ul.sns-nav { justify-content:center; margin-bottom:20px; }
	#footer ul.sns-nav li { font-size:20px; margin:0 7px; }
	#footer ul.foot-link-list { justify-content:center; }
	#footer ul.foot-link-list li { font-size:14px; }
	#footer small.sp-on { font-size:12px; text-align:center; margin-top:100px; display:block; }
}













