@charset "utf-8";



/*//////////////////

ヘッダー・フッター・ナビゲーション等
共通コンテンツ

//////////////////*/



#header {position: fixed;top: 0;left: 50px;z-index: 4000000;width: 100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;transition: 0.5s ease-out;max-width: 242px; width: 100%;}
#header>.mainbox {display: flex;flex-direction: row;height: 200px;box-sizing: border-box;position: relative;transition: .4s;width: 100%;}

#header>.mainbox .logobox{ display: flex;align-items: flex-end; width: 100%; }
#header>.mainbox .logobox .logo{ width: 100%; }

/* #header.scroll{ transform: translate(0px, -135px); }
#header.fixed.scroll { transform: translate(0px, 0px); }
#header.fixed{ position: fixed; }
#header.fixed>.mainbox{ height: 140px; } */
@media screen and (max-width: 1200px) {
	#header,
	#header .mainbox .logobox,
	#header.fixed{position: relative;}
	#header>.mainbox{ justify-content: flex-start; height: auto; height: auto; }
	#header>.mainbox .logobox{position: absolute;top: 40px;}
	#header{max-width: 206px;left: auto;right: 50px;margin-left: auto;}
}
@media screen and (max-width: 767px) {
	#header{max-width: 166px;}
	#header>.mainbox .logobox{top: 30px;}
}
@media screen and (max-width: 500px) {
	#header{right: 40px;}
}

#leftribonbox{position: fixed;background: #f7f7f7;width: 90px;height: 100%;z-index: 3000000;transition: 0.6s cubic-bezier(0.25, 1, 0.5, 1) 0.2s;}
#leftribonbox .snslist{position: fixed;bottom: 15px;left: 0;margin-left: auto;margin-right: auto;text-align: center;z-index: 3000001;width: 90px;}
#leftribonbox .snslist>ul>li>a>svg{ transform: scale(1); transition: .4s; }
#leftribonbox .snslist>ul>li>a:hover{ opacity: 1; }
#leftribonbox .snslist>ul>li>a:hover>svg{ transform: scale(1.08); }
#leftribonbox .snslist>ul>li:nth-child(1){ padding-right: 5px; }
#leftribonbox .snslist>ul>li:nth-child(1)>a svg{ width: 24px; }
#leftribonbox .snslist>ul>li:nth-child(2)>a svg{ width: 22px; }
#leftribonbox.is-open{ width: 140px; }
@media screen and (max-width: 1200px) {
	#leftribonbox{ background: transparent; width: auto; height: inherit; }
	#leftribonbox .snslist{ display: none; }
}
@media screen and (max-width: 767px) { 
}
@media screen and (max-width: 500px) { 
}

#sidelist{position: fixed;right: 0;top: 130px;z-index: 2000000;}
#sidelist>ul>li>a{background: #808080;border-radius: 40px 0 0 40px;color: #fff;text-align: center;display: flex;align-items: center;justify-content: center;line-height: 1.8;flex-direction: column;padding: 20px 15px 14px 27px;}
#sidelist>ul>li>a .sidelinktitle{ font-size: 1.2rem; }
#sidelist>ul>li>a .telbox{ font-size: 1.9rem; }
@media screen and (max-width: 1200px) {
	#sidelist{ top: 100px; display: none; }
}
@media screen and (max-width: 767px) { 
}
@media screen and (max-width: 500px) { 
}



#gnav {z-index: 1002;position: fixed;top: 0;/*right: -900px;*/left: 90px;display: flex;justify-content: space-between;align-items: center;height: 100vh;overflow-y: scroll;/*width: 720px;*/width: calc(100vw - 90px);background: #f7f7f7;pointer-events: none;  transition: 0.6s cubic-bezier(0.25, 1, 0.5, 1) 0.2s;-ms-overflow-style: none;scrollbar-width: none;flex-direction: row-reverse;opacity: 0;}
#gnav::-webkit-scrollbar { display:none; }
#gnav .navbox {display: flex;flex-direction: column;align-items: flex-start;z-index: 10;width: 770px;padding: 0 7%;box-sizing: border-box;margin-left: auto;flex-shrink: 0; transition: 0.6s cubic-bezier(0.25, 1, 0.5, 1) 0.2s;}
#gnavbg {left: 100%;top: 0;width: 100%;height: 100vh;z-index: 1000;cursor: default;box-sizing: border-box;background-image: url(../img/common/gvbgimg1.jpg);background-position: center center;background-size: cover;} 
#gnav.is-open{ pointer-events: auto; left: 140px; width: calc(100vw - 140px); opacity: 1; }
#gnav.is-open .navbox{ width: 720px; }
/* #gnavbg {display: block;position: fixed;left: 100%;top: 0;width: calc(100vw - 810px);height: 100vh;z-index: 1000;cursor: default;box-sizing: border-box;transition: left 1.2s cubic-bezier(0.25, 1, 0.5, 1) 0s;pointer-events: none;background-image: url(../img/common/gvbgimg1.jpg);background-position: center center;background-size: cover;} */
/* #gnavbg.is-open {left: 90px;transition: left 1.4s cubic-bezier(0.25, 1, 0.5, 1) 0.2s;} */
#gnav .mainbox>ul{ font-size: 1.8rem; display: flex;flex-direction: row; margin-left: -55px; }
#gnav .mainbox>ul>li{ margin-left: 55px; }
#gnav .mainbox>ul>li .mainlist:not(._1)>li:not(:last-child){margin-bottom: 15px;}
#gnav .mainbox>ul>li .mainlist._1>li:not(:last-child){margin-bottom: 5px;}
#gnav .mainbox>ul>li .mainlist>li>p::before{ content: "-"; }
#gnav .mainbox>ul>li .mainlist a:hover{ opacity: 1; color: #808080; }
#gnav .mainbox>ul>li .mainlist .hassub{line-height: 2;}
#gnav .mainbox>ul>li .mainlist .hassub .sublist{font-size: 1.6rem;padding-left: 9px;}
#gnav .mainbox>ul>li .gvcontactlist{font-size: 2.4rem;margin-top: 40px;line-height: 2;}
#gnav .mainbox>ul>li .gvcontactlist>li>a{position: relative;padding-left: 40px;word-wrap: break-word;display: inline-block;line-height: 1.2;}
#gnav .mainbox>ul>li .gvcontactlist>li>a>svg{position: absolute;top: 0;bottom: 0;margin-top: auto;margin-bottom: auto;left: 0;display: inline-block;}
#gnav .mainbox>ul>li .gvcontactlist>li._onlineshop>a>svg{ left: -2px; }
#gnav .mainbox>ul>li .gntelbox{margin-top: 20px;line-height: 1.6;}
#gnav .mainbox>ul>li .gntelbox .num{ font-size: 2.4rem; }
#gnav .mainbox>ul>li .gntelbox .open{font-size: 1.3rem;letter-spacing: 0;}
#gnav .mainlist>li { line-height: 1.8; }
@media screen and (max-width: 1200px){
	#gnav {/*right: -700px;width: 700px;*/padding: 200px 0 160px;width: 100vw!important;left: 0!important;transition: 0.6s cubic-bezier(0.25, 1, 0.5, 1);}
	#gnav .navbox{ align-items: center; }
	#gnav .mainbox>ul{ font-size: 1.6rem; }
	#gnav .mainbox>ul>li .mainlist .hassub .sublist{font-size: 1.4rem;}
	#gnav .mainbox>ul>li .gvcontactlist{font-size: 2.2rem;}
	#gnav .mainbox>ul>li .gntelbox .num{ font-size: 2.2rem; }
	#gnav .mainbox>ul>li .gntelbox .open{font-size: 1.2rem;}
	#gnav.is-open .navbox{ width: 100vw!important; }
	#gnav .navbox{ width: 720px; transition: inherit; }
	/* #gnavbg { width: calc(100vw - 700px); }
	#gnavbg.is-open {left: 0;} */
	#gnavbg{ display: none; }
}
@media screen and (max-width: 767px){
	#gnav {/*right: -100vw;width: 100vw;*/display: block;}
	/* #gnavbg { display: none;  } */
	#gnav .navbox{display: block;padding: 0 50px;width: 100%;}
	#gnav .mainbox>ul{ display: block;margin-left: -0; }
	#gnav .mainbox>ul>li{ margin-left: 0; }
	#gnav .mainbox>ul>li:not(:last-child){margin-bottom: 15px;}
	#gnav .mainbox>ul>li .gvcontactlist{ font-size: 2rem; }
	#gnav .mainbox>ul>li .gvcontactlist>li:not(:last-child){ margin-bottom: 5px; }
}
@media screen and (max-width: 500px){
	/* #gnav .navbox{padding: 0 14%;} */
}


#menubtn {position: fixed;top: 0;bottom: 0;margin-top: auto;margin-bottom: auto;left: 0;display: block;background: transparent;transition: 0.6s cubic-bezier(0.25, 1, 0.5, 1) 0.2s;cursor: pointer;z-index: 1003;width: 80px;height: 80px;}
#menubtn a { text-decoration: none; position: relative; display: block; height: 100%; width: 100%; }
#menubtn a .line {width: 52px;height: 1px;background: #000000;position: absolute;right: 10px;transition: all 0.3s;overflow: hidden;}
#menubtn a .line:before { content: ""; position: absolute; left: 50%; top: 0; margin-left: -27px; width: 0; height: 1px; background: #000; z-index: 1; }
#menubtn a .closetxt{font-size: 1.8rem;position: absolute;bottom: -5px;left: 7px;right: 0;margin-left: auto;margin-right: auto;text-align: center;line-height: 1;opacity: 0;}
#menubtn a #line1 {top: 35px;}
#menubtn a #line2 {bottom: 35px;}
#menubtn a:hover #line1:before { animation: line-hover 1s cubic-bezier(0.25, 1, 0.5, 1) 0s 1 normal both;}
#menubtn a:hover #line2:before { animation: line-hover 1s cubic-bezier(0.25, 1, 0.5, 1) 0.1s 1 normal both;}
#menubtn.active{ left: 15px; }
#menubtn.active a .closetxt{ opacity: 1; }
#menubtn.active a #line1 {
	-webkit-transform:translateY(10px) translateX(0) rotate(-20deg);
	transform: translateY(4px) translateX(0) rotate(-30deg);
}
#menubtn.active a #line2 {
	-webkit-transform:translateY(-10px) translateX(0) rotate(20deg);
	transform: translateY(-4px) translateX(0) rotate(30deg);
}
@media screen and (max-width: 1200px) {
	#menubtn{bottom: auto;top: 20px;left: 20px!important;}
}
@media screen and (max-width: 767px) {
	#menubtn{top: 15px;}
}
@keyframes line-hover {
  0% { width: 0; }
  40% { width: 60px; margin-left: -30px;}
  100% { width: 0; margin-left: 30px; }
}



#footer{ padding-left: 90px; }
#index #footer{ margin-top: 80px; }
#footer .fbnrlist{margin-bottom: 55px;}
#footer .fbnrlist>.incnt{ max-width: 820px; }
#footer .fbnrlist>.incnt>.inwrap{ display: flex;flex-direction: row; justify-content: center; }
#footer .fbnrlist>.incnt>.inwrap>li{ width: 50%; position: relative; padding: 0 100px; }
#footer .fbnrlist>.incnt>.inwrap>li>a:hover{ opacity: 1; color: #808080; }
#footer .fbnrlist>.incnt>.inwrap>li:first-child{ padding-left: 0; }
#footer .fbnrlist>.incnt>.inwrap>li:last-child{ padding-right: 0; }
#footer .fbnrlist>.incnt>.inwrap>li:not(:first-child)::before{content: "";background: #000;display: inline-block;position: absolute;left: 0;top: 0;bottom: 0;margin-top: auto;margin-bottom: auto;width: 1px;height: calc(100% - 40px);}
#footer .fbnrlist .titlebox{ margin-bottom: 30px;text-align: center; }
#footer .fbnrlist .titlebox .topsectitle{ margin-bottom: 0; }
#footer .fbnrlist .titlebox .jn{ font-size: 1.8rem; }
#footer .fbnrlist .txt{ line-height: 1.8; }
@media screen and (max-width: 1200px) {
	#footer{ padding-left: 0; }
}
@media screen and (max-width: 767px) { 
	#footer .fbnrlist{margin-bottom: 65px;}
	#footer .fbnrlist>.incnt>.inwrap{ display: block; }
	#footer .fbnrlist>.incnt>.inwrap>li{ width: 100%; padding: 40px 0; }
	#footer .fbnrlist>.incnt>.inwrap>li:first-child{ padding-top: 0; }
	#footer .fbnrlist>.incnt>.inwrap>li:last-child{ padding-bottom: 0; }
	#footer .fbnrlist>.incnt>.inwrap>li:not(:first-child)::before{ width: 88%; height: 1px; bottom: auto; left: 0; right: 0; margin-left: auto; margin-right: auto; }
	#footer .fbnrlist .txt{ text-align: center; }
	#footer .fbnrlist .titlebox .jn{ font-size: 1em; }
	#footer .fbnrlist .titlebox{ margin-bottom: 20px; }
}
@media screen and (max-width: 500px) { 
	#footer .fbnrlist .txt{ text-align: justify; line-height: 2; padding-left: 8%; padding-right: 8%; }
}


#footer .fcontactbox>.incnt{ text-align: center; }
#footer .fcontactbox>.incnt>.inwrap{ display: inline-block; }
#footer .fcontactbox>.incnt>.inwrap>li{ display: inline-block; position: relative; text-align: center; }
#footer .fcontactbox>.incnt>.inwrap>li:not(:first-child){ padding-left: 50px; }
#footer .fcontactbox>.incnt>.inwrap>li:not(:first-child)::before{content: "/";font-size: 2.8rem;position: absolute;left: 16px;top: -1px;line-height: 1.6;}
#footer .fcontactbox>.incnt>.inwrap>li>a{line-height: 1.6;}
#footer .fcontactbox>.incnt>.inwrap>li .maintxt{ font-size: 2.8rem; }
#footer .fcontactbox>.incnt>.inwrap>li .minitxt{ font-size: 1.3rem; }
#footer .fcontactbox>.incnt>.inwrap>li._mail .maintxt svg{margin-right: 6px;vertical-align: -3px;}
#footer .fcontactbox>.incnt>.inwrap>li._mail>a:hover{ opacity: 1; color: #999; }
#footer .fcontactbox>.incnt>.inwrap>li._mail>a:hover .mail_st0.st0{fill:#999;}
@media screen and (max-width: 1200px) {
}
@media screen and (max-width: 767px) { 
	#footer .fcontactbox>.incnt>.inwrap>li:not(:first-child)::before{font-size: 2.4rem;left: 16px;top: -1px;}
	#footer .fcontactbox>.incnt>.inwrap>li .maintxt{ font-size: 2.4rem; }
	#footer .fcontactbox>.incnt>.inwrap>li .minitxt{ font-size: 1.2rem; }
}
@media screen and (max-width: 500px) { 
	#footer .fcontactbox>.incnt>.inwrap{ display: block; }
	#footer .fcontactbox>.incnt>.inwrap>li{ display: block; }
	#footer .fcontactbox>.incnt>.inwrap>li:not(:last-child){ margin-bottom: 30px; }
	#footer .fcontactbox>.incnt>.inwrap>li:not(:first-child){ padding-left: 0; }
	#footer .fcontactbox>.incnt>.inwrap>li:not(:first-child)::before{ content: none; }
}

#footer .fcontactbox._under{ background: #f7f7f7; padding-top: 120px; padding-bottom: 120px; }
#footer .fcontactbox._under .titlebox{ margin-bottom: 30px; }
#footer .fcontactbox._under .titlebox .topsectitle{ margin-bottom: 0; }
#footer .fcontactbox._under .titlebox .topsectitle+.jn{ font-size: 1.8rem; }
#footer .fcontactbox._under ul.inwrap{ margin-top: 50px; }
#footer .fcontactbox._under~.foutlinklist{ margin-top: 0; background: transparent; }
@media screen and (max-width: 1200px) {
	#footer .fcontactbox._under{  padding-top: 90px; padding-bottom: 90px; }
}
@media screen and (max-width: 767px) { 
	#footer .fcontactbox._under{  padding-top: 80px; padding-bottom: 80px; }
}
@media screen and (max-width: 500px) { 
	#footer .fcontactbox._under .txt{ text-align: justify; }
}

#footer .foutlinklist{margin-top: 80px;background: #f7f7f7;padding: 69px 8%;letter-spacing: 0.2em;}
#footer .foutlinklist>.incnt{ text-align: center; }
#footer .foutlinklist>.incnt>.inwrap{ display: inline-block; }
#footer .foutlinklist>.incnt>.inwrap>li{ display: inline-block; position: relative; text-align: center; font-size: 2.8rem; }
#footer .foutlinklist>.incnt>.inwrap>li:not(:first-child){ padding-left: 50px; }
#footer .foutlinklist>.incnt>.inwrap>li:not(:first-child)::before{content: "/";position: absolute;left: 16px;top: 10px;line-height: 1.6;}
#footer .foutlinklist>.incnt>.inwrap>li>a{line-height: 1.6;position: relative;}
#footer .foutlinklist>.incnt>.inwrap>li>a:hover{ color: #808080; }
#footer .foutlinklist>.incnt>.inwrap>li svg{margin-right: 8px;vertical-align: -5px;position: absolute; top: 0; bottom: 0; margin-top: auto; margin-bottom: auto; left: 0;}
#footer .foutlinklist>.incnt>.inwrap>li._insta>a{ padding-left: 38px;  }
#footer .foutlinklist>.incnt>.inwrap>li._insta>a::after{ left: 38px; }
#footer .foutlinklist>.incnt>.inwrap>li._insta>a:hover svg .st0{ fill:#808080; }
#footer .foutlinklist>.incnt>.inwrap>li._onlineshop>a{ padding-left: 41px;  }
#footer .foutlinklist>.incnt>.inwrap>li._onlineshop>a::after{ left: 41px; }
#footer .foutlinklist>.incnt>.inwrap>li._onlineshop>a:hover svg .st0{ stroke:#808080; }
@media screen and (max-width: 1200px) {
	#footer .foutlinklist{padding: 50px 8%;}
}
@media screen and (max-width: 767px) { 
	#footer .foutlinklist>.incnt>.inwrap>li{ font-size: 2.2rem; }
}
@media screen and (max-width: 500px) { 
	#footer .foutlinklist{padding: 50px 8% 40px;}
	#footer .foutlinklist>.incnt>.inwrap{ display: block; }
	#footer .foutlinklist>.incnt>.inwrap>li{ display: block; }
	#footer .foutlinklist>.incnt>.inwrap>li:not(:last-child){ margin-bottom: 10px; }
	#footer .foutlinklist>.incnt>.inwrap>li:not(:first-child){ padding-left: 0; }
	#footer .foutlinklist>.incnt>.inwrap>li:not(:first-child)::before{ content: none; }
}

#footer .mainbox{background: #f7f7f7;padding: 120px 6% 85px;}
#footer .mainbox .footerinfo{display: flex;flex-direction: row;justify-content: center;align-items: center;}
#footer .mainbox .footerinfo .logobox{flex-shrink: 0;margin-right: 100px;width: 306px;}
#footer .mainbox .footerinfo .address{line-height: 1.8;padding-top: 15px;}
#footer .mainbox .footerinfo .address>.inwrap{ display: inline-block;  }
#footer .mainbox .footerinfo .address>.inwrap .tellist{ margin-left: -10px; }
#footer .mainbox .footerinfo .address>.inwrap .tellist>li{ display: inline-block;vertical-align: middle; margin-left: 10px; }
#footer .fimgbox img{ width: 100%; }
@media screen and (max-width: 1200px) {
	#footer .mainbox{padding: 80px 6% 55px;}
	#footer .mainbox .footerinfo{display: block;text-align: center; font-size: 1.4rem;}
	#footer .mainbox .footerinfo .logobox{ margin-bottom: 20px; margin-left: auto; margin-right: auto; max-width: 240px; width: 100%; }
}
@media screen and (max-width: 767px) { 
}
@media screen and (max-width: 500px) { 
	#footer .mainbox{padding: 70px 6% 45px;}
}

#footer #fnav{ margin-top: 110px; }
#footer #fnav .mainlist{text-align: center;margin-left: -50px;margin-bottom: -50px;}
#footer #fnav .mainlist>ul{text-align: left;margin-left: 50px;display: inline-block;vertical-align: top; margin-bottom: 50px;}
#footer #fnav .mainlist>ul>li:not(.sublist):before,
#footer #fnav .mainlist>ul>li.sublist>p:before{ content: "-"; }
#footer #fnav .mainlist>ul>li a:hover{ color: #666; opacity: 1;  }
#footer #fnav .mainlist>ul>li p+ul{ font-size: 1.4rem; padding-left: 8px; }
@media screen and (max-width: 1200px) {
	#footer #fnav{ display: none; }
}
@media screen and (max-width: 767px) { 
}
@media screen and (max-width: 500px) { 
}


#footer .flastbox{margin-left: -10px;text-align: center;padding-top: 8px;padding-bottom: 14px;}
#footer .flastbox .cr,
#footer .flastbox .link{ display: inline-block; vertical-align: middle; margin-left: 10px; }
#footer .flastbox .link{ font-size: 1.4rem; }
@media screen and (max-width: 1200px) {
	#footer .flastbox{margin-left: -0;display: flex;flex-direction: column-reverse;padding-top: 15px;padding-bottom: 15px;}
	#footer .flastbox .cr,
	#footer .flastbox .link{ margin-left: 0; }
}
@media screen and (max-width: 767px) { 
}
@media screen and (max-width: 500px) { 
}

body:not(#index) .underincntwrap{ padding-right: 90px; padding-left: 90px; }
@media screen and (max-width: 1200px) {
	body:not(#index) .underincntwrap{ padding-right: 0; padding-left: 0; }
}

body:not(#index) #mainv.under{ padding-top: 350px; background: #f7f7f7; padding-bottom: 90px; }
body:not(#index) #mainv.under .pagetitlebox{ line-height: 1.8; text-align: center; }
body:not(#index) #mainv.under .pagetitlebox .en{ font-size: 4.4rem; }
body:not(#index) #mainv.under .pagetitlebox .jn{ font-size: 2rem; font-weight: normal; }
body:not(#index) #mainvbgimg{padding-top: 110px;position: relative;}
body:not(#index) #mainvbgimg::before{ content: "";background: #f7f7f7; position: absolute; top: 0; left: 0; right: 0; height: calc(100% - 190px); z-index: -1; }
body:not(#index) #mainvbgimg .imglist{ display: flex; flex-direction: row; }
body:not(#index) #mainvbgimg .imglist>li{ width: 50%; }
@media screen and (max-width: 1200px) {
	body:not(#index) #mainv.under{ padding-top: 200px; }
	body:not(#index) #mainvbgimg{padding-top: 0;}
	body:not(#index) #mainvbgimg::before{ content: none; }
	body:not(#index) #mainv.under .pagetitlebox .en{ font-size: 4rem; }
	body:not(#index) #mainv.under .pagetitlebox .jn{ font-size: 1.8rem; }
}
@media screen and (max-width: 767px) { 
	body:not(#index) #mainv.under{ padding-top: 180px; padding-bottom: 60px; }
	body:not(#index) #mainv.under .pagetitlebox .en{ font-size: 3.2rem; margin-bottom: 5px; }
	body:not(#index) #mainv.under .pagetitlebox .jn{ font-size: 1.4rem; }
}
@media screen and (max-width: 500px) { 
	body:not(#index) #mainvbgimg img{ height: 300px; }
}

body:not(#index) #pankuzu {line-height: 1.4;position: absolute;z-index: 10;box-sizing: border-box;letter-spacing: 0.05em;font-size: 1.5rem;top: 0;bottom: 0;margin-top: auto;margin-bottom: auto;right: 0;z-index: 10;display: flex;flex-direction: column;align-items: center;height: 100vh;text-align: center;}
body:not(#index) #pankuzu ol{width: 25px;height: 100%;-webkit-writing-mode: vertical-rl;-ms-writing-mode: tb-rl;writing-mode: vertical-rl;text-orientation: sideways;padding-right: 10px;}
body:not(#index) #pankuzu ol li { display:inline; }
body:not(#index) #pankuzu ol li:before {content:"/";width: 4px;height: 8px;display: inline-block;margin: 3px 0 6px 0;font-size: 1rem;vertical-align: 1px;}
body:not(#index) #pankuzu ol li .notunder+.under:before {content:"/";width: 4px;height: 8px;display: inline-block;margin: 0 8px 0 8px;font-size: 1rem;vertical-align: 1px;}
body:not(#index) #pankuzu ol li p,
body:not(#index) #pankuzu ol li div{ display: inline-block; }
body:not(#index) #pankuzu ol li .pankuzuarr{ font-size: 1rem; vertical-align: 3px; display: inline-block; margin: 0 8px 0 5px; }
body:not(#index) #pankuzu ol li:first-child:before { display: none; }
body:not(#index) #pankuzu ol li:first-child img{width: 14px;height: 14px;vertical-align: 0px;margin-right: 5px;}
body:not(#index) #pankuzu ol li a{ text-decoration: none; }
body:not(#index) #pankuzu ol li a:hover { opacity: 0.7; transition: 0.3s; }
@media screen and (max-width: 1200px) { 
	body:not(#index) #pankuzu{ display: none; }
}

#article.under{ margin-top: 120px; padding-bottom: 220px; }
#article.under._productsingle{ margin-top: 90px; }
@media screen and (max-width: 1200px) {
	#article.under{ margin-top: 90px; padding-bottom: 160px; }
}
@media screen and (max-width: 767px) { 
	#article.under{ padding-bottom: 140px; }
}
@media screen and (max-width: 500px) { 
	#article.under{ margin-top: 60px;}
}




#main._contentwithside{ margin-top: 120px; padding-bottom: 220px; }
#main._contentwithside .maincontent {display: flex;flex-direction: row;}
#main._contentwithside .maincontent{ padding-top: 0 !important; }
#main._contentwithside .maincontent #articlewp {width: 100%;display: flex;flex-direction: column;}
#main._contentwithside .maincontent #side {flex-shrink: 0;width: 240px;margin-left: 10%;}
#main._contentwithside .maincontent #side .cstitle{margin-bottom: 30px;font-weight: normal;font-size: 2.4rem;border-bottom: 1px solid #000;padding-bottom: 10px;text-align: center;line-height: 1.8;}
#main._contentwithside .maincontent #side .csection:not(:last-child){ margin-bottom: 70px; }
#main._contentwithside .maincontent #side .cslist{ font-size: 1.8rem; }
#main._contentwithside .maincontent #side .cslist>li::before{content: "-";margin-right: 4px;}
#main._contentwithside .maincontent #side .cslist>li a:hover{ opacity: 1; color: #808080; }
@media screen and (max-width: 1200px) {
	#main._contentwithside{ margin-top: 90px; padding-bottom: 160px; }
	#main._contentwithside .maincontent { display: block; margin-bottom: 0; }
	#main._contentwithside .maincontent #articlewp+.insec .pagenav{ padding-bottom: 100px; }
	body.single #main._contentwithside .maincontent #articlewp+.insec .pagenav{ padding-top: 100px; }
	#main._contentwithside .maincontent #side { width: 100%; margin-left: 0%; margin-top: 80px; }
	#main._contentwithside .maincontent #side .cslist{ columns: 2; }
}
@media screen and (max-width: 767px) {
	#main._contentwithside{ padding-bottom: 140px; }
	#main._contentwithside .maincontent #side .cslist{ font-size: 1.6rem; }
	#main._contentwithside .maincontent #side .cstitle{ margin-bottom: 25px; }
}
@media screen and (max-width: 500px){
	#main._contentwithside{ margin-top: 60px;}
	#main._contentwithside .maincontent #side .cslist{ columns: inherit; }
	#main._contentwithside .maincontent #side .csection:not(:last-child){ margin-bottom: 40px; }
}


.lum-lightbox{ z-index: 20000000!important; }
.lum-lightbox-image-wrapper{ cursor: pointer; }
.lum-gallery-button{ background: url(../img/common/arr_white.svg) no-repeat center center; background-size: contain; width: 40px; height: 40px; background-size : 40px 40px; }
.lum-gallery-button:after{ content: none; }
.lum-gallery-button.lum-previous-button{ transform : rotate(180deg) scale(1, -1); left: 5px; }
.lum-gallery-button.lum-next-button{ right: 5px; }
.lum-close-button{ cursor: pointer; transition: .4s; }
@media screen and (max-width: 767px) {
	.lum-gallery-button{ background-size : 20px 20px; }
}