/*
Theme Name: frenetHIBIYA2024
Theme URI: 
Author: フレネットHIBIYA
Author URI: https://www.frenet-hibiya.co.jp/
Version: 1.0
*/

/*
  reset
*/
*{margin:0;padding:0;line-height:calc(0.25rem + 1em + 0.25rem)}*,::before,::after{box-sizing:border-box}*:where(:not(fieldset,progress,meter)){border-width:0;border-style:solid;background-origin:border-box;background-repeat:no-repeat}html{block-size:100%;-webkit-text-size-adjust:none}@media (prefers-reduced-motion:no-preference){html:focus-within{scroll-behavior:smooth}}body{-webkit-font-smoothing:antialiased;text-rendering:optimizeSpeed;min-block-size:100%}:where(img,svg,video,canvas,audio,iframe,embed,object){display:block}:where(img,svg,video){block-size:auto;max-inline-size:100%}:where(svg){stroke:none;fill:currentColor}:where(svg):where(:not([fill])){stroke:currentColor;fill:none;stroke-linecap:round;stroke-linejoin:round}:where(svg):where(:not([width])){inline-size:5rem}:where(input,button,textarea,select),:where(input[type="file"])::-webkit-file-upload-button{color:inherit;font:inherit;font-size:inherit;letter-spacing:inherit}:where(textarea){resize:vertical}@supports (resize:block){:where(textarea){resize:block}}:where(p,h1,h2,h3,h4,h5,h6){overflow-wrap:break-word}h1{font-size:2em}:where(ul,ol)[role="list"]{list-style:none}a:not([class]){text-decoration-skip-ink:auto}:where(a[href],area,button,input,label[for],select,summary,textarea,[tabindex]:not([tabindex*="-"])){cursor:pointer;touch-action:manipulation}:where(input[type="file"]){cursor:auto}:where(input[type="file"])::-webkit-file-upload-button,:where(input[type="file"])::file-selector-button{cursor:pointer}@media (prefers-reduced-motion:no-preference){:focus-visible{transition:outline-offset 145ms cubic-bezier(.25,0,.4,1)}:where(:not(:active)):focus-visible{transition-duration:0.25s}}:where(:not(:active)):focus-visible{outline-offset:5px}:where(button,button[type],input[type="button"],input[type="submit"],input[type="reset"]),:where(input[type="file"])::-webkit-file-upload-button,:where(input[type="file"])::file-selector-button{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;user-select:none;text-align:center}:where(button,button[type],input[type="button"],input[type="submit"],input[type="reset"])[disabled]{cursor:not-allowed}

:root{
	--main-color:#27b1e2;
	--font-color:#282303;
}

html{
/*	font-size:62.5%;*/
	font-size:55%;
}

@font-face {
	font-family: 'ZenOldMincho R';
	src: url('assets/font/ZenOldMincho-Regular.ttf');
}

@font-face {
	font-family: 'ZenOldMincho B';
	src: url('assets/font/ZenOldMincho-Bold.ttf');
}

@font-face {
	font-family: 'ZenKakuGothic R';
	src: url('assets/font/ZenKakuGothicNew-Regular.ttf');
}

@font-face {
	font-family: 'ZenKakuGothic M';
	src: url('assets/font/ZenKakuGothicNew-Medium.ttf');
}

@font-face {
	font-family: 'ZenKakuGothic B';
	src: url('assets/font/ZenKakuGothicNew-Bold.ttf');
}

@font-face {
	font-family: 'IMFellDWPica';
	src: url('assets/font/IMFellDWPica-Regular.ttf');
}

body{
	font-family: 'ZenKakuGothic R';
	font-weight: normal;
/*	letter-spacing:0.1em;*/
	line-height: 2;
	color: var(--font-color);
	background: url("assets/images/body_bg.png");
/*	font-size: 1.5rem;*/
/*	font-size: 1.6rem;*/
	font-size: 1.4rem;
	font-display: swap;
}

@media(max-width:820px) {
	
body{
	font-size: 1.4rem;
	line-height: 1.8;
}
	
}

.pc{
	display: block;
}
.pc-tb{
	display: block;
}
.tb{
	display: none;
}
.sp{
	display: none;
}

.pc-lef{

}

@media(max-width:1080px) {
.pc-tb{
	display: none;
}	
.tb{
	display: block;
}
	
}

@media(max-width:820px) {
	
.pc{
	display: none;
}
.sp{
	display: block;
}
	
.pc-lef{
	text-align: left;
}
	
}

.law{
	padding-left: 20px;
	padding-right: 20px;
	margin-top:0;
	margin-right:auto;
	margin-left:auto;
	margin-bottom:0;
}

nav ul li{
	list-style: none;
}

a:hover{
	transition: 0.3s;
}

.w860{
/*	max-width:880px;*/
	max-width:860px;
}

.w920{
/*	max-width:940px;*/
	max-width:920px;
}

.w1080{
	max-width:1140px;
/*	max-width:1080px;*/
}

.w1200{
/*	max-width:1220px;*/
	max-width:1200px;
}

.w1720{
/*	max-width:1740px;*/
	max-width:1720px;
}

@media(max-width:1080px) {
}

@media(max-width:820px) {
}

@media(max-width:599px) {
}

.button a[target="_blank"]::after {
	content: '';
	display: inline-block;
	width: 0.8em;
	height: 0.8em;
	background-image: url("assets/img/outerlink.png");
	background-size: contain;
	background-repeat: no-repeat;
	margin-left: 0.2em;
	transition: .3s;
}

.button a[target="_blank"]:hover::after {
	background-image: url("assets/img/outerlink-hover.png");
	transition: .3s;
}

/*ヘッダー ここから*/

header{
	padding: 10px 50px;
	display: flex;
	justify-content: space-between;
	background-color: #fff;
	position: fixed;
	top: 0;
	width: 100%;
/*	z-index: 100;*/
	z-index: 200;
}

@media(max-width:1300px) {
	
header{
	padding: 10px 30px;
}
	
}

@media(max-width:1080px) {
	
header{
/*	padding: 10px 20px;*/
	padding: 20px 20px;
	display: block;
}
	
}

.logo-header{
	display: inline-block;
	width: 210px;
}

a.logo-header{
	transition: .3s;
}

a.logo-header:hover{
	transition: .3s;
	opacity: .7;
}

.logo-header img{
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}

.shop-sp{
	display: none;
}

@media(max-width:1300px) {
	
.logo-header{
	width: 150px;
}
	
}

@media(max-width:1080px) {
	
.logo-header{

}
	
.logo-header img{
	position: relative;
	top: auto;
	transform: none;
}
	
}

@media(max-width:820px) {
	
.logo-header{
	width: 130px;
}
	
a.shop-sp{
	display: block;
	background-color: var(--main-color);
	width: 40px;
	height: 40px;
	position:absolute;
/*
	top: 5px;
	left: 170px;
*/
	top: 15px;
	right: 70px;
	padding: 8px;
	border-radius: 5px;
}
	
a.shop-sp:link,
a.shop-sp:visited,
a.shop-sp:active {} 

a.shop-sp:hover {opacity:0.7;}
	
}

nav a{
	text-decoration: none;
	color: var(--font-color);
	display: inline-block;
	transition: .3s;
}

.overlay{
	display: flex;
  flex-direction: column;
}

.nav-main_menu{
	font-family: 'ZenOldMincho B';
	font-weight: normal;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	font-size: 1.6rem;
	order: 2;
}

.nav-main_menu li {
	margin: 0 18px;
	display: inline-block;
}

.nav-main_menu li:last-of-type{
	margin-right: 0;
}

.nav-main_menu li a{
	padding: 10px;
}

.nav-main_menu li.button-blue a:link,
.nav-main_menu li.button-blue a:visited,
.nav-main_menu li.button-blue a:active{
	font-family: 'ZenOldMincho B';
	font-weight: normal;
	color: #fff;
/*	padding: 7px 20px;*/
	padding: 7px 22px;
	background-color: var(--main-color);
	border-radius: 10px;
	transition: .3s;
	border: 1px solid var(--main-color);
}

.nav-main_menu li.button-blue a:hover{
	background-color: #fff;
	color: var(--main-color);
	transition: .3s;
}

.contacts{
	margin-left: 25px;
}

@media(max-width:1600px) {
	
.nav-main_menu li {
	margin: 0 10px;
}
	
.nav-main_menu li a{
	padding: 8px;
}
	
.nav-main_menu li.button-blue{
	margin: 0 2px;
	padding: 7px 3px;
}
	
.nav-main_menu li.button-blue a{
	padding: 7px 3px;
	border-radius: 10px;
}
	
}

@media(max-width:1300px) {
	
.nav-main_menu{
	font-size: 1.4rem;
}
	
.nav-main_menu li {
	margin: 0 5px;
}
	
.nav-main_menu li a{
	padding: 5px;
}
	
}

@media(max-width:1080px) {

.contacts{
	margin-left: 0;
}
	
.nav-main_menu{
	font-family: 'ZenKakuGothic R';
	display: block;
	order: 1;
	margin: 20px auto 0;
	font-size: 1.6rem;
	text-align: center;
}
	
.nav-main_menu li {
	margin: 10px auto 0;
	display: block;
}
	
.nav-main_menu li.button-blue{
	display: inline-block;
	margin: 20px 5px 0;
}
	
.nav-main_menu li.button-blue a:link,
.nav-main_menu li.button-blue a:visited,
.nav-main_menu li.button-blue a:active{
	font-family: 'ZenKakuGothic R';
	color: var(--main-color);
	padding: 7px 10px;
	background-color: #fff;
	border: 1px solid #fff;
}

.nav-main_menu li.button-blue a:hover{
	background-color: #fffb71;
}
	
}

.nav-sub_menu{
	display: flex;
	justify-content: flex-end;
	align-items: center;
	font-size: 1.4rem;
	margin-bottom: 10px;
	order: 1;
}

.nav-sub_menu li.p1{
	order: 1;
}

.nav-sub_menu li.p2{
	order: 2;
}

.nav-sub_menu li.p3{
	order: 3;
}

.nav-sub_menu li.p4{
	order: 4;
}

.nav-sub_menu li.p5{
	order: 5;
}

.nav-sub_menu li a{
	padding: 5px;
}

.nav-sub_menu li.snsbutton{
	margin: 0 5px;
	transition: .3s;
}

.nav-sub_menu li.p3.snsbutton{
	margin-right: 15px;
}

/* 
.nav-sub_menu li.snsbutton:nth-child(3){
	margin-right: 15px;
}
 */

.nav-sub_menu li.snsbutton:hover{
	opacity: .7;
	transition: .3s;
}

@media(max-width:1600px) {
	
.nav-sub_menu{
	font-size: 1.4rem;
	margin-bottom: 5px;
}
	
.nav-sub_menu li a{
	padding: 3px 5px;
}
	
.nav-sub_menu li.snsbutton{
	margin: 0 3px;
}
	
}

@media(max-width:1080px) {
	
.nav-sub_menu{
	font-family: 'ZenKakuGothic R';
	display: block;
	order: 2;
	font-size: 1.4rem;
	color: #ffffff;
	margin: 30px auto 0;
	padding-top: 10px;
	text-align: center;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #fff;
}
	
.nav-sub_menu li{
	margin: 10px auto 0;
}
	
.nav-sub_menu li.snsbutton{
	width: 35px;
	margin: 20px 5px 0;
	display: inline-block;
}
	
.nav-sub_menu li.snsbutton img{
	width: 100%;
	height: auto;
}

.nav-sub_menu li.p3.snsbutton{
	margin: 10px 5px 0;
}
	
}

.nav-sub_menu li a:link,
.nav-sub_menu li a:visited,
.nav-sub_menu li a:active,
.nav-main_menu li a:link,
.nav-main_menu li a:visited,
.nav-main_menu li a:active {} 

.nav-sub_menu li a:hover,
.nav-main_menu li a:hover{
	color: var(--main-color);
	transition: .3s;
}

@media(max-width:1080px) {
	
.nav-sub_menu li a:link,
.nav-sub_menu li a:visited,
.nav-sub_menu li a:active,
.nav-main_menu li a:link,
.nav-main_menu li a:visited,
.nav-main_menu li a:active {color: #ffffff;} 
	
.nav-sub_menu li a:hover,
.nav-main_menu li a:hover{
	color: #fffb71;
}
	
}

/*
.p-menu1,
.p-menu2{
	position: relative;
}
*/

/*
.nav-main_menu{
	display: flex;
	justify-content: flex-end;
}
*/

.nav-main_menu > ul > li:has(ul){
	position: relative;
}

@media(max-width:1080px) {
	.nav-main_menu > ul > li:has(ul){
		position: inherit;
	}
}

/*
.p-menu1 > a:after,
.p-menu2 > a:after{
	content: '';
	display: inline-block;
	clip-path: polygon(0 0, 100% 0, 50% 100%);
	background: var(--font-color);
	height: calc(tan(50deg) * 15px / 2);
	width: 13px;
}
*/

.nav-main_menu > ul > li:has(ul) a:after{
	content: '';
	display: inline-block;
	clip-path: polygon(0 0, 100% 0, 50% 100%);
	background: var(--font-color);
/*
	height: calc(tan(50deg) * 15px / 2);
	width: 13px;
*/
	width: 10px;
    height: 8px;
    transform: translateY(-1px);
	margin-left: 5px;
}

.nav-main_menu > ul > li:has(ul) ul li a:after{
	content: inherit;
}

/*
.c-menu1,
.c-menu2{
	position: absolute;
	background-color: var(--main-color);
	top: 0;
	left: -8px;
	margin-top: 41px;
	visibility: hidden;
	z-index: -1;
	opacity: 0;
	transition: .3s;
}
*/

.nav-main_menu > ul > li > ul{
	position: absolute;
	background-color: var(--main-color);
	top: 0;
	left: -8px;
	margin-top: 41px;
	visibility: hidden;
	z-index: -1;
	opacity: 0;
	transition: .3s;
}

@media(max-width:1080px) {
	.nav-main_menu > ul > li > ul{
		position: inherit;
		margin-top: 0;
		visibility: visible;
		opacity: 1;
	}
}

/*
.c-menu1.open,
.c-menu2.open{
	visibility: visible;
	z-index: 100;
	opacity: 1;
	transition: .3s;
}
*/

.nav-main_menu > ul > li > ul.open{
	visibility: visible;
	z-index: 100;
	opacity: 1;
	transition: .3s;
}

/*
.c-menu1 ul,
.c-menu2 ul{
	padding: 20px 25px;
}
*/

.nav-main_menu > ul > li > ul{
	padding: 20px 25px;
}

/*
.c-menu1 ul li,
.c-menu2 ul li{
	margin: inherit;
	margin-top: 0;
	font-size: 1.4rem;
	white-space: nowrap;
}
*/

.nav-main_menu > ul > li > ul li{
	margin: inherit;
	margin-top: 0;
	font-size: 1.3rem;
	white-space: nowrap;
	display: block;
}
	
/*
.c-menu1 ul li a,
.c-menu2 ul li a{
	padding: 10px 0;
	color: #fff;
	transition: .3s;
	width: 100%;
}
*/

.nav-main_menu > ul > li > ul li a{
	padding: 10px 0;
	color: #fff;
	transition: .3s;
	width: 100%;
}
	
/*
.c-menu1 ul li a:hover,
.c-menu2 ul li a:hover{
	color: #fff;
	transition: .3s;
	opacity: .7;
}
*/

.nav-main_menu > ul > li > ul li a:hover{
	color: #fff;
	transition: .3s;
	opacity: .7;
}

@media(max-width:1080px) {
	
/*
.p-menu1 > a:after,
.p-menu2 > a:after{
	background: #fff;
}
*/
	
	.nav-main_menu > ul > li:has(ul) a:after{
		background: #fff;
	}
	
}

/*ハンバーガーメニュー*/

.hamb {
	display: none;
}

@media(max-width:1080px) {
	
.hamb {
	display: block;
  position: fixed;
  cursor: pointer;
  z-index: 300;
  right: 0px;
/*  top: 23px;*/
	top: 33px;
  width: 35px;
  height: 22px;
  transform: translate(-50%, -50%);
}
	
.line {
  position: absolute;
  left: 0;
  width: 35px;
  height: 2px;
  background-color: var(--main-color);
  top: 0px;
}

.line:nth-child(2)  {
  top: 20px;
}

.ham-bg {
  position: fixed;
	background-color: var(--main-color);
  top: 0;
  left: 0;
  width: 100%;
  height: 0%;
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
}

.ham-bg.open {
  opacity: 0.9;
  visibility: visible;
overflow: auto;
height: 100vh;
}

#hamb.active .line {
  background-color: #fff;
}


/*アニメーション*/
.ham-bg {
  transition: opacity 0.35s, visibility 0.35s, height 0.35s;
}

.animation {
  transition: all .6s;
}

.line:nth-child(1)  {
  top: 5px;
  animation: line01 .75s forwards;
}

.line:nth-child(2)  {
  bottom: 5px;
  animation: line02 .75s forwards;
}

#hamb.active .line:nth-child(1)  {
  animation: line01_2 .75s forwards;
}

#hamb.active .line:nth-child(2)  {
  animation: line02_2 .75s forwards;
}
	
}

@keyframes line01 {
  0% {
    transform: translateY(15px) rotate(45deg);
  }
  50% {
    transform: translateY(15px) rotate(0);
  }
  100% {
    transform: translateY(0) rotate(0);
  }
}

@keyframes line02 {
  0% {
    transform: translateY(-15px) rotate(-45deg);
  }
  50% {
    transform: translateY(-15px) rotate(0);
  }
  100% {
    transform: translateY(0) rotate(0);
  }
}

@keyframes line01_2 {
  0% {
    transform: translateY(0) rotate(0);
  }
  50% {
    transform: translateY(8px) rotate(0);
  }
  100% {
    transform: translateY(8px) rotate(45deg);
  }
}

@keyframes line02_2 {
  0% {
    transform: translateY(0) rotate(0);
  }
  50% {
    transform: translateY(-8px) rotate(0);
  }
  100% {
    transform: translateY(-8px) rotate(-45deg);
  }
}


/*ヘッダー ここまで*/



/*共通ボタンパーツ ここから*/

.button{
	margin-bottom: 50px;
	text-align: center;
}

.button a{
	font-family: 'ZenKakuGothic B';
	font-weight: normal;
	text-align: center;
	display: inline-block;
	background-color: var(--main-color);
	color: #fff;
/*	font-size: 1.8rem;*/
	font-size: 1.6rem;
	text-decoration: none;
	padding: 20px 50px;
	border-radius: 50px;
	width: min(400px, 100%);
	transition: .3s;
}

.button.padmin a{
	padding: 20px 30px;
}

.button a:hover{
	background-color: #fffb71;
	color: var(--main-color);
	transition: .3s;
}

@media(max-width:1300px) {
	
.button{
	margin-bottom: 30px;
}
	
.button a{
	font-size: 1.6rem;
	padding: 15px 30px;
	border-radius: 50px;
	width: min(400px, 100%);
}

}

@media(max-width:820px) {

.button{
	margin-bottom: 20px;
}
	
.button a{
	font-size: 1.4rem;
	padding: 10px 20px;
	border-radius: 50px;
	width: min(400px, 100%);
}
	
}

.button-square{
	margin-bottom: 50px;
}

.button-square a{
	display: inline-block;
	text-align: center;
	color: var(--main-color);
	border: 1px solid var(--main-color);
	text-decoration: none;
	padding: 10px 20px;
	width: min(400px, 100%);
	transition: .3s;
}

.button-square a:hover{
	background-color: var(--main-color);
	color: #fffb71;
	transition: .3s;
}

@media(max-width:1300px) {
	
.button-square{
	margin-bottom: 30px;
}
	
.button-square a{
	font-size: 1.6rem;
	padding: 10px 20px;
	width: min(400px, 100%);
}
	
}

@media(max-width:820px) {

.button-square{
	margin-bottom: 20px;
}
	
.button-square a{
	font-size: 1.4rem;
	padding: 10px 20px;
	width: min(400px, 100%);
}
	
}

/*共通ボタンパーツ ここまで*/


.product-cat{
	font-size: 1.2rem;
	color: #fff;
	padding: 3px 30px;
	background-color: var(--main-color);
	display: inline-block;
	border-radius: 30px;
	letter-spacing: 0.1em;
	margin-bottom: 10px;
}



/*フッター ここから*/

footer{
	background-color: var(--main-color);
	color: #fff;
	letter-spacing: 0.05em;
	padding-top: 75px;
	padding-bottom: 15px;
}

.footerinfo{
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	margin-bottom: 60px;
}

@media(max-width:1700px) {

.footerinfo{
	width: 100%;
	display: block;
}
	
}

@media(max-width:820px) {
	
footer{
	padding-top: 30px;
	padding-bottom: 15px;
}
	
.footerinfo{
	margin-bottom: 20px;
}
	
}
	
.footerinfo-left{

}

.footerinfo-left-flex{
	display: flex;
	justify-content: flex-start;
	gap: 80px;
}

@media(max-width:1700px) {
	
.footerinfo-left{
	width: 100%;
	display: block;
}
	
.footerinfo-left-flex{
	justify-content: center;
	gap: 50px;
}
	
}

@media(max-width:820px) {
	
.footerinfo-left-flex{
	display: block;
}
	
.footerinfo-left-flex > div{
	display: block;
	margin-right: auto;
	margin-left: auto;
}
	
}

.logo-footer{
	width: min(272px, 100%);
	margin-bottom: 20px;
}

@media(max-width:820px) {
	
.logo-footer{
	width: min(200px, 100%);
	margin-right: auto;
	margin-left: auto;
}
	
}

.lisences{
	font-size: 0;
}

.lisences > *{
	display: inline-block;
	margin-right:20px;
}

@media(max-width:1080px) {
	
.lisences div{
	width: 80px;
}
	
.lisences div img{
	width: 100%;
	height: auto;
}
	
.lisences > *{
	margin-right:10px;
}
	
}

@media(max-width:820px) {
	
.lisences{
	text-align: center;
}
	
.lisences div{
	width: 50px;
	margin-right: 5px;
	margin-left: 5px;
}
	
}


.footer-links{
	display: flex;
	justify-content: flex-start;
	list-style: none;
	margin-bottom: 20px;
}

.footer-links.large{
	gap: 30px;
}

.footer-links.small{
	gap: 20px;
	margin-bottom: 0;
}

.footer-links li.button{
	margin-bottom: 0;
}

.footer-links li.button a{
	font-family: 'ZenKakuGothic M';
	font-weight: normal;
	display: block;
	background-color: #fff;
	color: var(--main-color);
	text-align: center;
	border-radius: 50px;
	transition: .3s;
}

.footer-links li.button a:hover{
	opacity: .7;
	transition: .3s;
}

.footer-links.large li.button a{
	padding: 10px;
	width: 250px;
}

.footer-links li.snsbutton a{
	transition: .3s;
}

.footer-links li.snsbutton a::after{
	content: inherit;
}

.footer-links li.snsbutton a:hover{
	opacity: .7;
	transition: .3s;
}

@media(max-width:1080px) {
	
.footer-links.large{
	gap: 20px;
}
	
}

@media(max-width:820px) {
	
.footer-links{
	margin-bottom: 0px;
}
	
.footer-links.large{
	display: block;
	margin-bottom: 0px;
	gap: 10px;
	text-align: center;
}
	
.footer-links.large li{
	display: inline-block;
}
	
.footer-links.large li.button{
	display: none;
}
	
}

.access-wrapper{
	width: min(590px, 100%);
	display: flex;
	justify-content: space-between;
	gap: 30px;
	align-items: baseline;
	margin-bottom: 20px;
}

.access-wrapper .phone{
	font-family: 'ZenKakuGothic B';
	font-weight: normal;
	font-size: 4.6rem;
	white-space: nowrap;
}

.access-wrapper .phone span{
	display: block;
	font-family: 'ZenKakuGothic R';
	font-weight: normal;
	font-size: 1.4rem;
}

.access-wrapper .address{

}

@media(max-width:1080px) {
	
.access-wrapper{
	display: block;
	justify-content: space-between;
	gap: 30px;
	align-items: baseline;
	margin-bottom: 20px;
}
	
.access-wrapper .phone{
	display: block;
}
	
.access-wrapper .address{
	display: block;
	margin-top: 10px;
}
	
}

@media(max-width:820px) {
	
.access-wrapper{
	width: 100%;
	text-align: center;
	margin-top: 10px;
}
	
}

.footer-links.small li.button a{
	font-size: 1.4rem;
	padding: 5px;
	width: 160px;
}

.footerinfo-right{

}

.footerinfo-right ul{
	display: flex;
	justify-content: flex-end;
	gap: 20px;
	margin-bottom: 20px;
}

.footerinfo-right ul:last-of-type{
	margin-bottom: 0;
}

#menu-footernav2,
#menu-footernav2 + ul{
	display: inline-block;
}

@media(min-width:1700px) {
	#menu-footernav2 li{
		display: inline-block;
		margin-right: 20px;
	}
}


.footerinfo-right nav{
	text-align: center;
}

@media(min-width:1700px) {
	.footerinfo-right nav{
		text-align: right;
	}
}

.footerinfo-right nav a{
	color: #fff;
	transition: .3s;
}

.footerinfo-right nav a:hover{
	opacity: .7;
	transition: .3s;
}

@media(max-width:1700px) {

.footerinfo-right{
	width: 100%;
	display: block;
	margin-top: 40px;
}
	
.footerinfo-right ul{
	text-align: center;
	display: block;
}
	
.footerinfo-right ul li{
	display: inline-block;
	margin-right: 10px;
	margin-left: 10px;
}
	
}

@media(max-width:820px) {
	
.footerinfo-right{
	display: none;
}
	
}

.footer-banners{
	margin-bottom: 60px;
}

.footer-banners ul{
	display: flex;
	justify-content: center;
	flex-direction: row;
	gap: 60px;
	list-style: none;
}

@media(max-width:1080px) {
	
.footer-banners{
	margin-bottom: 20px;
}
	
.footer-banners ul{
	gap: 20px;
}
	
}

@media(max-width:820px) {
	
.footer-banners ul{
	width: 100%;
	font-size: 0;
	display: flex;
	flex-wrap: wrap;
	margin: 0;
	flex-direction: row;
	gap: 10px;
}
	
.footer-banners ul li{
	flex: 0 0 30%;
}
	
.footer-banners ul li img{
	width: 100%;
}
	
}

.footer-banners a{
	transition: .3s;
}

.footer-banners a:hover{
	opacity: .7;
	transition: .3s;
}

.footer-banners a::after{
	content: inherit;
}




small{
	display: inline-block;
	font-size: 1.4rem;
	text-align: center;
	width: 100%;
}

@media(max-width:1080px) {
}

@media(max-width:820px) {
}

@media(max-width:599px) {
}

/*フッター ここまで*/





.collabo-banner{
	text-align: center;
}

.collabo-banner a{
	display: inline-block;
}

.collabo-banner a:hover{
	opacity: .7;
	transition: .3s;
}


.article p{
	margin-bottom: 1.3em;
}

.grecaptcha-badge { visibility: hidden; }