/*!
	Theme Name: 
	Theme URI: 
	Author: 
	Author URI: 
	Description: 

	Version: 0.0.1
*/
/************************/
html {
	font-size: 62.5%;
}
body {
	color: #333;
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 1.7;
	font-family: "YakuHanJP", "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background: #FFF;
}
/*
html.fixed {
    height: 100%;
    overflow: hidden;
}
*/
/* font  
-----------------------------------*/
h1 {
	line-height: 1;
}
h3 {
	font-size: 2rem;
}
h4 {
	font-size: 2rem;
	margin: 1rem 0;
}
h4 span {
	font-size: 11px;
	display: block;
	font-weight: normal;
	letter-spacing: 2px;
}
.text-center {
	text-align: center;
}
.text-right {
	text-align: right;
}
.text-left {
	text-align: left;
}
.text-i {
	font-style: italic;
}
em {
	transform: skewX(-15deg);
	display: inline-block;
	font-family: 'Hiragino Kaku Gothic ProN';
	font-style: normal;
}
/* link  
-----------------------------------*/
a, a img, button {
	text-decoration: none;
	color: #303030;
}
.row {
	padding-right: 15px;
	padding-left: 15px;
}
/* container width
-----------------------------------*/
.container {
	margin: auto;
	max-width: 1150px;
	padding: 0px 25px;
	box-sizing: border-box;
}
.container760 {
	max-width: 760px;
	margin: auto;
}
/* w750
-----------------------------------*/
.w750 {
	max-width: 830px;
	margin: auto;
	padding: 0px 40px;
}
.row {
	padding-right: 15px;
	padding-left: 15px;
}
/* flex 
-----------------------------------*/
.d-flex {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
}
@keyframes arrow {
	0% {
		transform: translate(-50%, 0)
	}
	100% {
		transform: translate(-50%, 125px)
	}
}
/* img responsiv 
-----------------------------------*/
img.img_responsive {
	max-width: 100%;
	width: 100%;
	display: inherit;
	height: auto;
}
img.noresponsive310 {
	width: 100%;
	max-width: 100%;
	display: block;
}
img.noresponsive {
	width: auto;
}
.kvinner img {
	max-width: 100%;
	height: auto;
	width: 100%;
}
/*スクロールバーの横幅指定*/
.fi_brandcontainer::-webkit-scrollbar-thumb, .newsbox::-webkit-scrollbar-thumb {
	border-radius: 0px;
	background: #333;
}
.fi_brandcontainer::-webkit-scrollbar, .newsbox::-webkit-scrollbar {
	width: 3px;
}
/*スクロールバーの背景色・角丸指定*/
.fi_brandcontainer::-webkit-scrollbar-track, .newsbox::-webkit-scrollbar-track {
	border-radius: 3px;
	background: #EDEDED;
}
/*スクロールバーの色・角丸指定*/
.fi_brandcontainer::-webkit-scrollbar-thumb, .newsbox.deco::-webkit-scrollbar-thumb {
	border-radius: 10px;
	background: #333;
}
/* icon
-----------------------------------*/
.icon_fb {
	position: relative;
	margin-left: auto;
	width: 6%;
	flex: 0 0 6ch;
}
.icon_fb a {
	margin-right: 1rem;
	font-size: 1.2rem;
	display: flex;
	align-items: center;
}
.icon_fb a::after {
	padding-left: 1rem;
	width: 28px;
	height: 28px;
}
.icon_fb a::after {
	content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyOCIgaGVpZ2h0PSIyOCIgdmlld0JveD0iMCAwIDI4IDI4Ij4KICA8ZyBpZD0i44Kw44Or44O844OXXzEyNiIgZGF0YS1uYW1lPSLjgrDjg6vjg7zjg5cgMTI2IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTI2MiAtMjgxLjM1NykiPgogICAgPGNpcmNsZSBpZD0i5qWV5YaG5b2iXzEiIGRhdGEtbmFtZT0i5qWV5YaG5b2iIDEiIGN4PSIxNCIgY3k9IjE0IiByPSIxNCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTI2MiAyODEuMzU3KSIgZmlsbD0iIzNjM2MzYyIvPgogICAgPHBhdGggaWQ9Imljb25zOC1mYWNlYm9vay1mIiBkPSJNMTcuNTI1LDlIMTRWN2MwLTEuMDMyLjA4NC0xLjY4MiwxLjU2My0xLjY4MmgxLjg2OFYyLjEzOEEyNi4wNjUsMjYuMDY1LDAsMCwwLDE0LjY5MywyLDQuMzc0LDQuMzc0LDAsMCwwLDEwLDYuN1Y5SDd2NGgzdjloNFYxM2gzLjA2NloiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEyNjIuNzM4IDI4My4zNTcpIiBmaWxsPSIjZmZmIi8+CiAgPC9nPgo8L3N2Zz4K");
}
/* content base64 tmp
-----------------------------------
::before {
    content: url("data:image/svg+xml;base64,");
}


/* catnav add 202402 
-----------------------------------*/
.ybs-lower header + nav {
	display: flex;
	justify-content: space-between;
	padding: 2em;
}
.ybs-lower header + nav .menu-main-nav {
	display: flex;
	column-gap: 1em;
}
/* breadcrumb 
-----------------------------------*/
.breadcrumbbox {
	padding-top: 3em;
	font-size: 1.2rem;
	display: flex;
}
.breadcrumb {
	display: flex;
	width: 100%;
	font-size: 1.2rem;
	margin: 0;
}
.breadcrumb span:last-child::after {
	content: none;
}
.breadcrumbbox .linkyebisu > a {
	text-transform: uppercase;
	text-decoration: underline;
	text-underline-offset: 0.3rem;
	position: relative;
	display: flex;
	align-items: center;
}
.breadcrumb span, .breadcrumb span a {
	color: #340008;
	text-transform: uppercase;
	text-decoration: none;
}
.breadcrumbbox .linkyebisu > a:after {
	content: '';
	width: 5px;
	height: 5px;
	margin: 0 8px;
	border-left: 1px solid #340008;
	border-bottom: 1px solid #340008;
	transform: rotate(-135deg);
	display: inline-block;
	position: relative;
	top: 0px;
}
.breadcrumb :after {
	content: '';
	width: 5px;
	height: 5px;
	margin: 0 5px;
	border-left: 1px solid #340008;
	border-bottom: 1px solid #340008;
	transform: rotate(-135deg);
	display: inline-block;
	position: relative;
	top: -2px;
}
.breadcrumb span a:hover {
	text-decoration: underline !important;
	text-underline-offset: 0.3rem;
}
/* nav 
-----------------------------------*/
.catnav {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	margin: 2em 0;
}
.catnav #menu-main-nav {
	display: flex;
	column-gap: 1em;
	overflow-x: auto;
	width: 100%;
}
.catnav #menu-main-nav li a {
	font-size: 1.2rem;
	font-weight: 600;
	position: relative;
}

.catnav #searchform input[type="text"] {
	border-bottom: 1px solid;
	font-size: 1.2rem;
}
.catnav .catheading {
	font-size: 1.2rem;
	font-weight: 600;
	margin-right: 1em;
}
.current-menu-item a::after,
.current-menu-parent a::after{
    content: '';
    width: 100%!important;
    width: calc(100% + 1px);
    transition: all .4s;
	   border-bottom: 1px solid #333;
    top: -1px;
    left: -1px;
    height: 1px;
    background: #333;
    display: block;
}
.catnav #menu-main-nav li a::after {
    content: '';
    border-bottom: 1px solid #333;
    top: -1px;
    left: -1px;
    height: 1px;
    background: #333;
    width: 0%;
    display: block;
    transition: all .4s;
}
.catnav #menu-main-nav li a:hover::after {
    content: '';
    width: 100%;
    width: calc(100% + 1px);
    transition: all .4s;
}
/* footer 
-----------------------------------*/
footer {
	background: #fff;
}
.footericon_sapporo img {
	width: 85px;
}
footer .footericon_sapporo {
	background: #F8F6F2;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 4rem;
}
footer .footercontainer {
	padding: 3% 3% 1%;
	width: 100%;
	margin: auto;
	flex-wrap: wrap;
	align-items: center;
}
footer .footercontainer h3 {
	margin-right: 2rem;
	line-height: 1;
	flex: 0 1 13ch;
}
footer .footercontainer h3 img {
	width: 100%;
	height: auto;
}
footer .footnav {
	display: flex;
	width: auto;
	align-items: center;
	margin-right: auto;
	flex: 1 1 1ch;
}
.kvrightbox a, footer a {
	transition: ease .3s;
}
.kvrightbox a:hover, footer a:hover {
	opacity: .7;
}
footer .footnav li a {
	margin-right: 1rem;
	font-size: 1.2rem;
	font-weight: bold;
}
footer .footnav .icon_fb {
	margin-left: auto;
}
footer hr {
	height: 1px;
	background: #ddd;
	width: 100%;
	margin: 2rem 0;
	border: none;
}
footer .foot2 a[target="_blank"] {
	position: relative;
}
footer .foot2 a[target="_blank"]::after {
	content: '';
	background: url("/wp-content/themes/yebisu-magazin/common/img/icon_blank.svg");
	background-size: 100%;
	display: inline-block;
	width: 14px;
	height: 11px;
	margin-left: .3rem;
}
footer img {
	/*   width: 100%;*/
}
footer .footleft {
	font-weight: bold;
	width: 60%;
}
footer .footleft .d-flex {
	margin-bottom: 2rem;
	flex-direction: row;
}
footer .footleft ul + div {
	max-width: 360px;
}
footer .footleft ul + div img {
	width: 100%;
}
footer .footleft .d-flex li {
	margin-right: 2rem;
	font-size: 1.3rem;
}
footer .footright {
	text-align: right;
	width: 36%;
}
footer .foot2 {
	justify-content: space-between;
	padding: 1% 3% 2%;
}
footer .footright ul li:first-child {
	margin-bottom: 1rem;
	font-size: 1.3rem;
}
footer .footright ul li:nth-child(2) {
	width: 200px;
	margin-left: auto;
}
footer .footright ul .copy {
	font-size: 1rem;
	letter-spacing: 1px;
}
/* pagetop 
-----------------------------------*/
.pagetop {
	display: none;
	position: fixed;
	bottom: 281px;
	right: 0;
	z-index: 1;
}
.pagetop a::before {
	content: '';
	width: 20px;
	height: 20px;
	border: 0px;
	border-top: solid 2px #000;
	border-right: solid 2px #000;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(-45deg);
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	top: 10px;
	bottom: 0px;
	opacity: 1;
}
.pagetop a {
	display: block;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	zoom: 1;
	width: 50px;
	height: 50px;
	text-align: center;
	/* font-size: 24px; */
	text-decoration: none;
	line-height: 50px;
	/* border: 1px solid #fbfbfb; */
	-webkit-transition: all 0.7s;
	-moz-transition: all 0.7s;
	-ms-transition: all 0.7s;
	-o-transition: all 0.7s;
	transition: all 0.7s;
	opacity: 0.8;
	color: #1d1d1c;
	background: #fff;
}
.pagetop a span {
	top: 22px;
	position: relative;
	font-size: 0.1rem;
}
.pagetop a:hover {
	opacity: 0.6;
}
/* wp Alignments
-----------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em !important;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto !important;
	margin-right: auto !important;
}
.sp_visible {
	display: none;
}
.sp_hidden {
	display: inherit;
}
/* lead text
-----------------------------------*/
h2 {
	font-size: 2rem;
	line-height: 2.4;
}
.head2 {
	font-size: 2rem;
	line-height: 1;
	margin: 2rem 0 1.5rem;
}
.head2 small {
	font-size: 1.3rem;
}
.head2 span::after {
	content: '';
	padding-left: 2rem;
	margin-left: 1.5rem;
}
/* main 
-----------------------------------*/
/*
main img {
   width: 100%;
   max-width: 100%;
   height: auto;
}
*/
/* share btn 
-----------------------------------*/
.sns_share {
	display: none;
	/*   display: flex;*/
	align-items: center;
	margin: 5rem 0;
	clear: both;
}
.sns_share ul {
	display: flex;
	align-items: center;
}
.sns_share ul li {
	margin-right: 1px;
}
.sns_share ul li:last-child {
	margin-right: 1rem;
}
.sns_share ul a {
	display: flex;
	background: tranceparent;
	border: 1px solid #E6E6E6;
	width: 38px;
	height: 38px;
	justify-content: center;
	align-items: center;
}
.sns_share ul a {
	content: '';
	transition: ease .4s;
}
.sns_share ul a:hover {
	background: #E6E6E6;
	opacity: 1;
}
.sns__twitter img {
	width: 20px
}
.sns__facebook img {
	width: 10px
}
.sns__pinterest img {
	width: 20px;
}
.sns_share p {
	font-size: 1.3rem;
	font-weight: bold;
}
/* medhia query 
-----------------------------------*/
@media(max-width:820px) {}
@media (max-width: 768px) {
	body {
		color: #333;
		font-size: 14px;
		font-size: 1.4rem;
		line-height: 1.7;
		font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Helvetica Neue", Arial, Meiryo, sans-serif;
		background: #FAF9F5;
	}
	/*sp visible hidden*/
	.sp_visible {
		display: inherit;
	}
	.sp_hidden {
		display: none;
	}
	/* nav 
-----------------------------------*/
	.catnav {
		flex-direction: column;
	}
	/* pagetop  
-----------------------------------*/
	.pagetop {
		display: none;
		position: fixed;
		bottom: 0;
		right: 0;
		z-index: 1;
	}
	/* container  
-----------------------------------*/
	.container {
		max-width: 100%;
		padding-left: 25px;
		padding-right: 25px;
	}
	.row {
		padding-right: 15px;
		padding-left: 15px;
	}
	.w750 {
		max-width: 830px;
		margin: auto;
		padding: 0px 15px;
	}
	/* flex 
-----------------------------------*/
	.d-flex {
		display: flex;
		flex-direction: column;
	}
	/* footer 
-----------------------------------*/
	footer .footnav {
		display: flex;
		width: auto;
		align-items: self-start;
		flex-direction: column;
	}
	footer .footercontainer {
		padding: 7% 4% 3%;
		width: 100%;
		margin: auto;
		flex-wrap: wrap;
		align-items: flex-start;
	}
	footer .footright ul .copy {
		font-size: 1vw;
		letter-spacing: 1px;
	}
	footer .footright ul li:nth-child(2) {
		width: 100%;
		margin-left: 0;
	}
	footer .footercontainer h3 {
		width: 30vw;
		margin-top: 1rem;
		margin-bottom: 2rem;
		margin-right: 2rem;
		line-height: 1;
		flex: 0 1 3ch;
	}
	footer .footnav, footer .footnav li {
		width: 100%;
	}
	footer .footnav li a {
		margin-right: 1rem;
		font-size: 1.2rem;
		font-weight: bold;
		padding: 2% 0;
		display: block;
		width: 100%;
		border-bottom: 1px solid #ededed;
	}
	.icon_fb {
		position: relative;
		margin-left: 0;
		margin-top: 7rem;
		width: 5%;
		flex: 1 1 0ch;
	}
	.icon_fb::after {
		top: -3px;
		margin-left: 3.5rem;
	}
	footer .footright {
		width: 100%;
		margin-top: 3rem;
		text-align: left;
	}
	footer .footright img {
		width: 40%;
	}
	footer .footleft {
		font-weight: bold;
		width: 100%;
	}
	footer .footleft img {
		width: 400px;
	}
	footer .foot2 {
		padding-top: 0;
	}
	footer .footleft .d-flex li {
		margin-right: 2rem;
		margin-bottom: .5rem;
	}
	.footericon_sapporo img {
		width: 85px;
	}
	.icon_fb a::after {
		transform: scale(.6);
		position: relative;
	}
	/* wp Alignments
-----------------------------------*/
	.alignleft {
		display: inline;
		float: none;
		margin-right: 0;
	}
	.alignright {
		display: inline;
		float: none;
		margin-left: 0;
	}
	.gridl {
		grid-template-columns: 1fr !important;
	}
	/* nav 
-----------------------------------*/
	.catnav #menu-main-nav {
		margin-bottom: 1em;
	}
}
@media(max-width:480px) {
	h2 {
		font-size: 1.4rem;
		line-height: 1.2;
	}
	.head2 {
		font-size: 1.5rem;
		line-height: 1;
		margin: 2rem 0 1rem;
	}
	.head2 span::after {
		content: '';
		padding-left: 1.4rem;
		margin-left: 1rem;
	}
	.head2 small {
		font-size: 1rem;
	}
	footer .footercontainer h3 {
		margin-right: 0;
		margin-bottom: 3rem;
		width: 50vw;
		margin-top: 1rem;
	}
	footer .foot2 a[target="_blank"] {
		position: relative;
		font-size: 1rem;
	}
	footer .footleft .d-flex {
		margin-bottom: 0rem;
		flex-direction: column;
		margin-top: 2rem;
	}
	footer .footleft {
		font-weight: bold;
		width: 100%;
		flex-direction: column-reverse;
		display: flex;
	}
	footer .footnav li a {
		margin-right: 1rem;
		font-size: 1rem;
		font-weight: bold;
		padding: 3% 0;
		display: block;
		width: 100%;
		border-bottom: 1px solid #ededed;
	}
	footer .footright ul .copy {
		font-size: 10px;
		letter-spacing: 0;
		line-height: 1;
	}
	footer .foot2 a[target="_blank"] {
		position: relative;
		font-size: 1rem;
	}
	footer .footleft .d-flex li {
		margin-right: 2rem;
		margin-bottom: 0;
	}
	footer .footericon_sapporo {
		background: #f5f5f5;
		display: flex;
		justify-content: center;
		align-items: center;
		padding: 2rem;
	}
	.footericon_sapporo img {
		width: 55px;
	}
}
/***
 terms page
***/
.terms_page p {
	margin: 0 0 1em 0;
}
.terms_page h2 {
	margin: 2em 0 1em 0;
}
.terms_page .container {
	margin-bottom: 4em;
}
@media screen and (min-width:769px) {}
@media (max-width: 768px) {
	.foot_separator {
		font-size: 0;
	}
	.foot_separator:before {
		content: '<br />';
		display: block;
	}
}
/* CSS Document */

/****
 header
****/

.header-top{
	display: flex;
	background: #fff;
	padding: 7px 3%;
	font-weight:700;
	font-size: 12px;
	align-items: center
}

.header-top>div{
	width: 50%;
}

.header-top-left,.header-top-right{
}

.header-top-right{
	text-align: right;
}
.font_weight_normal {
	font-weight:initial;
}

.mb_regist_btn {
	display: inline-block;
	width: 9rem;
	padding:0.5rem 0;
	background: #d7a50e;
	color: #FFF;
	text-align: center;
	letter-spacing: .1rem;
	text-decoration: none;
}

@media screen and (min-width:769px) {

	.header-top-pc{
		display:block;
	}

	.header-top-sp{
		display:none;
	}

}

@media (max-width: 768px) {
	.header-top-pc{
		display:none;
	}

	.header-top-sp{
		display:block;
	}

	.active > .header-top-sp{
		width:100%;
		padding: 0 10%;

	}

	.head-sp-br{
		display: inline-block;
	}

	.header-top{
		display:block;
		background: #2c2c2c;
		color: #fff;
		margin:0 0 0 0;
		width: 100%;

	}

	.header-top>div{
		width: 100%;
	}

	.header-top-left,.header-top-right{
		text-align:center;
	}

	.header-top-right{
		color: #fff;
		margin:1em 0 0 0;
	}

	.header-top-right a{
		margin:0 auto;
		display:block;
	} 

	.font_weight_normal{

		color: #fff;

	}


	.mb_regist_btn{
		width:100%;
	}

	.mb_login_btn {
		display: inline-block;
		width:100%;
		padding:0.5rem 0;
		background: #2c2c2c;
		color: #FFF;
		text-align: center;
		letter-spacing: .1rem;
		text-decoration: none;

		border-width: 1px;
		border-style: solid;
		border-color: rgba(215,165,14,0.1);
	}

}


/***
	content
***/

.auth_box_alert{
		text-align:center;
		font-size: 2rem;
		font-weight: 700;
		padding:2em 0;
}

.auth_box_alert p{
	text-align:center !important;
	line-height:1 !important; 
}

.txt_img_counts_text{
		color: #999;
		font-size: 1.5rem;
		font-weight: normal;
}
.txt_img_counts{
		font-size: 1.6rem;
}

.auth_box{
		widht:100%;
		background: #fff;
		border-width: 5px;
		border-style: solid;
		border-color: rgba(215,165,14,0.3);
		text-align:center;
		padding:2em 0;


		font-size: 2rem;
		font-weight: 700;

}

.auth_box a{
	text-decoration:none !important;
}	

.yebis_mb_add_box , .yebis_login_box{
	width:80%;
	margin:0 auto;
}

.yebis_mb_add_box{
	background: #d7a50e;
	border-radius: 4px;
	padding:1em 0;
	margin:0 auto 1em auto;
	color: #FFF !important;
}
.yebis_mb_add_box a{
}


.yebis_login_box{
	border-radius: 4px;
	border-width: 1px;
	border-style: solid;
	border-color: rgba(215,165,14,1);
	padding:1em 0;
	margin:0 auto 1em auto;
	color: #d7a50e !important;
}
.yebis_login_box a{
}

.img_no_style{
	width:initial;
	max-width:initial;
	height:initial;
}


.logput_msg{
		font-size: 1.5rem;
		font-weight: 700;
		text-align:center;

}

.logout_page h1{
		text-align:center;
	
}
.logout_page .auth_box{

	margin:0 0 2em 0;
}


.not_member_contetns{
  position: relative;
  padding: 0em;
}

.not_member_contetns:after {
  content: "";
  bottom: 0;
  left: 0;
  position: absolute;
  width:100%;
  height: 50%;
/*
  background: -webkit-linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255,0.6) 100%, rgba(255,255,255,1) 50%, rgba(255,255,255,1));
*/
}




/****
 lock image
***/

.auth_lock_thumb{
	position: relative;
}

.auth_lock_thumb p {
	position: absolute;
	top: 38px;/*画像の左上に配置*/
	left: 39px;
	margin: 0; /*余計な隙間を除く*/
	color: white;/*文字を白に*/
	background: #1daac6;/*背景色*/
	font-size: 15px;
	line-height: 1;/*行高は1に*/
	padding: 1px 4px;/*文字周りの余白*/
	border-radius: 4px;
}

.auth_lock_thumb img {
	width: 100%;
}





.auth_lock_text_box_pc_box{
	position: relative;
}

.auth_lock_text_box_pc {
	position: absolute;
	top: -10px;/*画像の左上に配置*/
	left: 235px;
	margin: 0; /*余計な隙間を除く*/
	color: white;/*文字を白に*/
	background: #1daac6;/*背景色*/
	font-size: 15px;
	line-height: 1;/*行高は1に*/
	padding: 1px 4px;/*文字周りの余白*/
	border-radius: 4px;
}

/*
.auth_lock_text_box_pc_box img {
	width: 100%;
}

.auth_lock_text_box_pc_img{
	width:initial !important;
}
*/



.auth_lock_text_box_type1{
	color: white;/*文字を白に*/
	background: #1daac6;/*背景色*/
	line-height: 1;/*行高は1に*/
	padding: 3px 6px;/*文字周りの余白*/
	border-radius: 4px;
	font-size: 1.2rem;
	vertical-align: middle;
	width:9em;
	text-align:center;
	display:block;
	margin-right:auto;
	margin-left:0;
	margin-bottom:1rem;
}
.auth_lock_text_box_type1 img {
}

.auth_lock_text_box_type2{
	color: white;/*文字を白に*/
	background: #1daac6;/*背景色*/
	line-height: 1;/*行高は1に*/
	padding: 3px 6px;/*文字周りの余白*/
	border-radius: 4px;
	font-size: 1.2rem;
	vertical-align: middle;
	width:8em !important;
	text-align:center;
	display:block;
	margin-right:auto;
	margin-left:0;
	margin-bottom:1rem;
}

.auth_lock_etc_top{
	margin:0.2em;
}

/*
@media screen and (min-width:769px) {
	.auth_lock_text_box_sp{
		display:none;
	}
}
*/


.auth_lock_thumb_top {
	margin: 0; /*余計な隙間を除く*/
	color: white;/*文字を白に*/
	background: #1daac6;/*背景色*/
	line-height: 1;/*行高は1に*/
	padding: 1px 6px;/*文字周りの余白*/
	border-radius: 4px;
	width:20px;
}

.auth_lock_thumb_img {
	transform:initial;
	transition:initial;
	max-width:initial;
	height:initial;
	width:8px !important;
}
/**
 * Swiper 8.0.1
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2022 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: February 1, 2022
 */

@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, 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');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-pointer-events{touch-action:pan-y}.swiper-pointer-events.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:50%;background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-slide-visible .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-next+.swiper-slide,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}