button, input, select, textarea {
	background-color: transparent;
	border-style: none;
	color: inherit
}
select {
	-moz-appearance: none;
	-webkit-appearance: none
}
select::-ms-expand {
	display: none
}
select::-ms-value {
	color: currentColor
}
/*!
	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;
}