@charset "utf-8";
/* CSS Document */

html {
	box-sizing: border-box;
	height: 100%;
	font-size: 62.5%;/* 1rem = 10px */
	width: 100%;
}
/*--------色可変部分--------*/

:root{
	/* Color */
	--Shop_color_1: #FFFFFF; 
	--Shop_color_2: #FAFAFC; 
	--Shop_color_3: #A8A8A8; 
	--Shop_color_4: #444960;
	--Shop_color_5: #EDEDED; 
	--Shop_color_6: #9A1D1D; 
	--Shop_color_7: #eeeeee; 
	--Shop_color_8: #fcfcfc;
	--Shop_Fontcolor_1: #000000; 
	--Shop_Fontcolor_2: #FFFFFF; 
	--Shop_Fontcolor_3: #A8A8A8; 
	--Shop_Fontcolor_4: #444960; 
	--Shop_Fontcolor_5: #2E2E2E; 
	--Shop_Fontcolor_6: #CCCCCC;
	--Shop_Fontcolor_7: #D0D0D0;
	--Shop_Fontcolor_8: #6C6D71; 
	--Shop_Fontcolor_2_rgb: 255, 255, 255;/* #ffffff */
	/* Margin_Padding */
	--column_space_1: 5.8rem;
    --column_space_2: 3.8rem; 
    --column_space_3: 2.5rem; 
    --column_space_4: 2rem; 
	--column_space_4_5: 1.5rem; 
    --column_space_5: 1.2rem; 
    --column_space_6: 0.7rem;
    --column_space_7: 0.4rem; 
	/* box-shadow */
    --shadow_1: -1px 4px 7px -4px rgba(0, 0, 0, 0.16);
    --shadow_2: -3px -4px 7px -4px rgba(0, 0, 0, 0.16);
	/* フォントサイズ */
    /* --フォントに関するメモ------
    基本的に下以外でフォントサイズの指定は行わない。
    ※例外：ヘッダーのロゴで画像指定がない場合のcss
    ----------------------------*/
    --largest_font: 2.5rem;
    --large_font: 1.6rem;
    --normal_font: 1.4rem; 
    --small_font: 1.2rem; 
    --smallest_font: 1.0rem;
}


@media screen and (min-width:769px) { 
    /*　画面サイズが480pxからはここを読み込む　*/
	/* フォントサイズ */
    /* --フォントに関するメモ------
    基本的に下以外でフォントサイズの指定は行わない。
    ※例外：ヘッダーのロゴで画像指定がない場合のcss
    ----------------------------*/

	:root{
		--largest_font: 3.2rem;
		--large_font: 2rem;
		--normal_font: 1.6rem; 
		--small_font: 1.4rem; 
		--smallest_font: 1.2rem;
	}
}

.row>*{
	padding-right: 1.5rem;
    padding-left: 1.5rem;
}

h1,h2,h3,h4,h5,
p,li,a,dl,dd,dt{
	color: var(--Shop_Fontcolor_1);
	margin-bottom: 0;
}


p,li,a,dd,dt{
	font-size: var(--normal_font);
}

section{
    padding-bottom: var(--column_space_2);
}

/* 背景色関係 */
.tab-content{
	background-color: var(--Shop_color_2);
	padding-top: var(--column_space_3);
	min-height: calc(100vh - 20rem);
	min-height: calc(100dvh - 20rem);
}


body {
	font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI",
    "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic Medium", "Yu Gothic",
    Verdana, Meiryo, sans-serif;
	overflow-x: hidden;
	height: 100%;
	font-size: var(--normal_font);
}

main {
	/* padding: 120px 0 56px; */
	padding: 110px 0 64px;
	background-color: var(--Shop_color_8);
	min-height: 100vh;
	min-height: 100dvh;
}

#NoFooter{
	padding: 100px 0 0;
	
}


#Wrapper{
	width: 100%;
	position: relative;
	min-height: 100%;
	overflow-y: scroll;
}

.main_Entry{
	padding: 130px 0 120px;

}

h2{
	font-size: 24px;
	margin-bottom: 0;
}

ul {
  padding-left: 0;
}
li {
  list-style: none;
}
p,
h3,
h4 {
  
}

a:hover {
  text-decoration: none;
}

label {

}

#AllWrap{
  padding-top: 56px;
}

#AdminMain_Wrap{
  padding-bottom: 0;
}


/* 旧css色対応 */
/*基本文字色*/
.Store_Txt_1{
	color: var(--Shop_Fontcolor_1);
}

.Store_Txt_1:hover{
	color: var(--Shop_Fontcolor_1);
}

/*アクセントカラー時に使用する文字色*/
.Store_Txt_2{
	color: var(--Shop_Fontcolor_2);
}

/*アクセントカラーの文字色*/
.Store_Txt_3{
	color: var(--Shop_Fontcolor_4);
}

/*メイン背景色*/
.Store_Bg_1{
	background-color: var(--Shop_color_2)
}

/*アクセント背景色*/
.Store_Bg_2{
	background-color: var(--Shop_color_4);
}
	
/*アクセント背景色と同じ文字色*/
.Store_Color_Txt{
	color: var(--Shop_Fontcolor_4);
}
	
/*基本文字枠線*/
	
.Store_1_Line{
	border: solid 1px var(--Shop_Fontcolor_1);
}

.Store_1_dbl_Line_Bottom{
	border-bottom: double  var(--Shop_Fontcolor_1);
}


/*アクセント枠線色*/
.Store_Line{/*全方位*/
	border: solid 1px var(--Shop_color_4);
}

.Store_Line_Top{/*上*/
	border-top: solid 1px var(--Shop_color_4);
}

.Store_Line_Bottom{/*下*/
	border-bottom: solid 1px var(--Shop_color_4);
}

	
/*白い枠線色*/
.Store_Sub_Line_Right{
	border-right: solid 1px var(--Shop_Fontcolor_2);
	
}

/*白い枠線色*/
.Store_Content_Line_Right{
	border-right: solid 1px var(--Shop_Fontcolor_2);
	
}


/* ----------------------

各アイコン設定

------------------------*/
/* ホーム */
#HOME{
    mask-image: url('../img/icon/home.svg');
    -webkit-mask-image: url('../img/icon/home.svg');
}

/* カレンダー */
#CALENDAR{
    mask-image: url('../img/icon/calendar.svg');
    -webkit-mask-image: url('../img/icon/calendar.svg');
}

/* 店舗検索 */
#SHOP_RESEARCH{
    mask-image: url('../img/icon/search.svg');
    -webkit-mask-image: url('../img/icon/search_shop.svg');
}

/* 会員証 */
#USER_CARD{
    mask-image: url('../img/icon/user_card.svg');
    -webkit-mask-image: url('../img/icon/user_card.svg');
}

/* マイページ */
#MYPAGE{
    mask-image: url('../img/icon/user.svg');
    -webkit-mask-image: url('../img/icon/user.svg');
}

/* 会員登録 */
#ADD_USER{
    mask-image: url('../img/icon/add_user.svg');
    -webkit-mask-image: url('../img/icon/add_user.svg');
}

/* ログイン */
#LOGIN{
    mask-image: url('../img/icon/login.svg');
    -webkit-mask-image: url('../img/icon/login.svg');
}

/* ログアウト */
#LOGOUT{
    mask-image: url('../img/icon/logout.svg');
    -webkit-mask-image: url('../img/icon/logout.svg');
}

/* 加盟店一覧 */
#SHOP_LIST{
    mask-image: url('../img/icon/shop.svg');
    -webkit-mask-image: url('../img/icon/shop.svg');
}

/* ランキング */
#RANK{
    mask-image: url('../img/icon/crown.svg');
    -webkit-mask-image: url('../img/icon/crown.svg');
}

/* 実績 */
#AWARD{
    mask-image: url('../img/icon/award.svg');
    -webkit-mask-image: url('../img/icon/award.svg');
}

/* 入店者一覧 */
#INSHHOP_USER{
    mask-image: url('../img/icon/users.svg');
    -webkit-mask-image: url('../img/icon/users.svg');
}

/* メール */
#MAIL{
    mask-image: url('../img/icon/mail.svg');
    -webkit-mask-image: url('../img/icon/mail.svg');
}

/* パスワード */
#PASSWORD{
    mask-image: url('../img/icon/lock.svg');
    -webkit-mask-image: url('../img/icon/lock.svg');
}

#Result_Txt {
	text-align: center;
	color: red;
}

/* ----------------------

白いsectionの囲い部分
※フォームやcalendarで使用

------------------------*/

.White_Box_Wrap{
    background-color: var(--Shop_color_1);
    border-radius: 1.8rem;
    padding: var(--column_space_4) var(--column_space_4_5);
    /* box-shadow: var(--shadow_1); */
	border: solid 1px var(--Shop_color_5);
}


/* h3部分 ↓ ////////////// */

.SubTtl{
	font-size: 14px;
	width: 100%;
	display: flex;
	color: var(--Shop_Fontcolor_1);
	margin-left: 0.4rem;
	font-weight: bold;
}

.SubTtl span{
	display: block;
	width: 4px;
	height: 18px;
	margin:auto 1rem auto 0;
}

.Store_Txt_1 {
	font-size: 14px;
}

/* よく使うだろう表 ↓ ////////////// */

.InfoTable_Wrap th{
	font-weight: normal;
}
.InfoTable_Wrap tr{
	border-bottom: solid 1px #efefef;
    width: 100%;
}

.InfoTable_Wrap tr:last-of-type{
	border-bottom: none;
    width: 100%;
}

.InfoTable_Ttl{
	width: 220px;
	word-wrap: break-word;
	padding: 8px 15px;
	min-height: 32px;
}

.InfoTable_More{
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
}

.InfoTable_More img{
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
}

/* 各所ボタン設定 ↓ ////////////// */

.Btn {
	padding: 0.8rem 1.2rem;
    border-radius: 1rem;
    box-shadow: var(--shadow_1);
    display: inline-block;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    font-size: 1.3rem;
    line-height: 1.5;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

/* ----------------------

ボタン

------------------------*/

button{
    background-color: transparent;
    border: none;
    cursor: pointer;
    outline: none;
    padding: 0;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}

/* ボタン基本 */
.Btn_Base{
    padding: 0.8rem 1.2rem;
    border-radius: 1rem;
    /* box-shadow: 0px 3px 4px 1px rgba(57, 82, 87, 0.16); */
    box-shadow: var(--shadow_1);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin-bottom: var(--column_space_6);
    font-size: 1.3rem;
}

/* 線ボタン */
.Btn_Line{
    border: solid 1px var(--Shop_color_4);
    color: var(--font_color_2);
}

/* 塗りボタン */
.Btn_Fill{
    background-color: var(--Shop_color_4);
    color: var(--Shop_Fontcolor_2);
}

/* 戻るボタン */
.Btn_Cancel{
    background-color: var(--Shop_color_3);
    color: var(--Shop_Fontcolor_2);
}

/* 警告ボタン */
.Btn_Alert{
    background-color: var(--Shop_color_6);
    color: var(--Shop_Fontcolor_2);
}

/* まん丸ボタン */
.Btn_Round{
    padding: 0.7rem;
    box-shadow: none;
    margin-bottom: 0;
    border-radius: 100%;
}

/* 小さいボタン */
.Btn_Sm{
    padding: 0.2rem 0.8rem;
	border-radius: 0.4rem;
	font-size: var(--small_font);
}




/*参加ボタン*/
.Btn_Entry_Wrap{
	width: 100%;
	position: fixed;
	padding: 8px 15px;
	bottom: 56px;
}

.btn:hover{
	
}


/* 各所ボタン設定 ↑ ////////////// */

/*-----------↓↓↓ header ↓↓↓----------*/

.HeaderNav_Wrap{
	height: 56px;
	width: 100%;
	position: fixed;
	top: 0;
	z-index: 1000;
	background-color: var(--Shop_color_4);
}

#HeaderNav_Inner{
	position: relative;
	height: 56px;
	width: 100%;
}

#HeaderNav_Inner > h1{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50% , -50%);

}

#HeaderNav_Inner > h1 > a{
	color: var(--Shop_Fontcolor_2);
	font-size: 2rem;
}

#HeaderNav_Inner > h1 > a:hover{
	color: var(--Shop_Fontcolor_2);
	font-size: 2rem;
}


.Header_Icon{
	height: 56px;
	display: flex;
    justify-content: flex-end;
    align-content: center;
	position: absolute;
	top: 50%;
	right: 1.5rem;
	transform: translateY(-50%);
}

.Header_Icon a{
	display: flex;
}

.Header_Icon img{
	height: 24px;
    width: 24px;
    margin: auto -3px auto 0;
}

/*-----------↑↑↑ header ↑↑↑----------*/

/*-----------↓↓↓ footer ↓↓↓----------*/

.FooterNav_Wrap{
	height: 56px;
	width: 100%;
	position: fixed;
	bottom: 0;
	border-top: 1px solid #efefef;
  	background-color: #fefefe;
	z-index: 20;
}
.FooterNav_List{
	width: 25%;
	display: flex;
	justify-content: center;
	padding: 10px 0;
}

.Footer_Icon_Wrap{
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 1.8rem;
	height: 24px;
}
.Footer_Icon{
	width: 24px;
	height: 24px;
	font-size: 2.4rem;
}

.Footer_Icon{
	width: 24px;
	height: 24px;
}

.trophy.Footer_Icon{
	width: 20px;
	height: 20px;
}
.Footer_Icon_Text{
	font-size: 10px;
	text-align: center;
	color: #5b5c5c;
}

/*-----------↑↑↑ footer ↑↑↑----------*/



/*スライドメニュー閉じるボタン*/
.SideBar_Inner {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
  background-color: var(--Shop_color_4);
}

.Btn_Nav_Close_Position{
	position: absolute;
	top: 0;
	right: 0;
}

.Btn_Nav_Close_Wrap {
	position: relative;
	height: 60px;
  /* iphoneでfooterにcloseボタンが表示されるバグ対応のためコメントアウト */
  /* width: 277px;
  position: fixed;
  z-index: 1000;
  bottom: 0;
  height: 42px;
  display: flex;
  justify-content: flex-end; */
}
.Btn_Nav_Close_Inner {
	width: 50px;
    padding: 0 16px 10px 0;
    /* margin-right: 15px; */
    transform: translateY(22px);
    position: absolute;
    right: 0;
}

.Btn_Nav_Close_Inner a{
	color: var(----Shop_Fontcolor_2);
}

.Btn_Nav_Close_Inner i {
  width: 100%;
  color: var(----Shop_Fontcolor_2);
}

.Btn_Nav_Close_Inner i::before {
  font-size: 24px;
  color: var(----Shop_Fontcolor_2);
  display: block;
  text-align: end;
  padding-right: 4px;
  margin-bottom: 0;
  transform: translateY(-14px);
}

.Btn_Nav_Close_txt {
  width: 42px;
  font-size: 8px;
  color: var(----Shop_Fontcolor_2);
  display: block;
  text-align: center;
}

/* Footer_Drawer.php ↓ //////////////////////// */

/* ドロワー全体 */
.sidr {
  background-color: #efefef !important;
  box-shadow: 0 0 0 0 #fefefe inset !important;
  width: 260px;
}

/* ドロワーのリンク全体囲み */
.sidr ul {
  display: block;
  margin: 56px 0 15px!important;
  padding: 40px 10px;
/*  border-top: 0px solid #fefefe!important;*/
  border-bottom: 0px solid var(--Shop_color_5)!important;
  background: var(--Shop_color_1);
}

/* ドロワーのリンク一つ囲み */
.sidr ul li {
  display: block;
  margin: 0;
  line-height: 48.8px!important;
  border-top: 0px solid #fff;
  border-bottom: 1px solid var(--Shop_color_5) !important;

}

.Drawer_li a:-webkit-any-link:focus {
	outline-offset: 0px;

}
/* リンク */
.sidr ul li a {
 	color: var(--Shop_color_4) !important;
}
/* "home"と"閉じる"以外のリンクホバー */
.Drawer_li a:hover {
  color: #fff;
  height: 48px;
}

/* homeアイコンと文字 */
.sidr ul .Slide_Home {
  height: 100px;
}
.Slide_Home img {
  /* margin-top: 10px; */
  width: 50px;
  height: 50px;
}
/* "home"のリンクホバー */
.Slide_Home a:hover {
  pointer-events: none;
}

/* 一番上の"home"の文字 */
.Slide_Home_Txt {
  line-height: 28px;
  text-align: center;
  color: #fff;
  font-size: 8px;
}

.sidr ul li:hover > a,
.sidr ul li:hover > span,
.sidr ul li.active > a,
.sidr ul li.active > span,
.sidr ul li.sidr-class-active > a,
.sidr ul li.sidr-class-active > span {
  /* 読み込んでるcssのデフォルトのシャドウ消す */
  box-shadow: 0 0 0 0 #ebebeb inset;
}
.Btn_Nav_Close_Inner i::before {
  /* cssのデフォルトのシャドウ消してる */
  color: var(--Shop_Fontcolor_2);
  box-shadow: 0 0 0 0 #ebebeb inset;
}
.Btn_Nav_Close_Icon {
  text-align: right;
  margin-right: 3px;
}
/* "閉じる"の文字 */
.Btn_Nav_Close_txt {
    color: var(--Shop_Fontcolor_2);
    transform: translateY(-14px);
    margin: auto;
}

/* Footer_Drawer.php ↑ //////////////////////// */




/* 各ページタイトル ↓ ////////////////////////// */


#PageTtl_Wrap{
    height: 40px;
    width: 100%;
    z-index: 999; 
    display: flex;
	position: fixed;
	top: 56px;
    align-items: center;
    justify-content: center;
    box-shadow: 0px 5px 5px -5px rgba(0,0,0,0.2);
	background-color: var(--Shop_color_1);
	color: var(--Shop_Fontcolor_4);
}

/* 矢印囲み */
.ArrowLeft_Wrap{
	position: absolute;
	width: 1.6rem;
	left: 0;
	margin: auto 0 auto 15px;
}
/* 矢印画像 */
.ArrowLeftImg{
	height: 100%;
	width: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}

.PageTtl{
	margin: 0 auto;
	width: calc(100% - 4rem);
	font-size: 2rem;
	font-weight: bold;
	line-height: 2rem;
	text-align: center;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	color: var(--Shop_Fontcolor_4);
}

#PageTtl_Wrap a:hover{
	color: var(--Shop_Fontcolor_4);
}
/* 各ページタイトル ↑ ////////////////////////// */


/* User/index.php ↓ //////////////////////// */

/* 成績テーブル*/
.ScoreTable td{
	width: 33.333%;
}

/* トーナメント一覧*/

.TournamentList_Ttl_Wrap{
	padding: 4px 15px;
	position: relative;
}

.Card_Txt_Wrap h4 {
	width: 50%;
	white-space: nowrap; /* テキストを折り返さない */
	overflow: hidden; /* 要素からはみ出たテキストを隠す */
	text-overflow: ellipsis; /* 要素からはみ出たテキストを省略記号で表現する */  
}

/* 検索ボタン*/
.Btn_Reset{
	background-color: transparent;
	border: none;
	cursor: pointer;
	outline: none;
	padding: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.Btn_Search{
	position: absolute;
	top: 50%;
	right: 15px;
	transform: translateY(-50%);
}

#SearchImg{
	transform: rotate(90deg);
}

/* トーナメント一覧日付*/

.Tournament_Date_Wrap{
	padding: 8px 15px;
}

.Btn_Arrow{
	width: 20px;
	height: auto;
}

.Tournament_Date span{
	font-size: 12px;
	display: block;
	
}

.TournamentCards_Wrap{
	height: calc(100vh - 392px);
	overflow: hidden;
	overflow-y: scroll;
}

/* トーナメントカード*/
.Tournament_Card_Wrap{
	border: solid 1px #CDCDCD;
	border-radius: 6px;
	overflow: hidden;
}

.Tournament_Card_Name{
	position: relative;
}

.Badge{
	position: absolute;
	top: 50%;
	right: 4px;
	transform: translateY(-50%);
}


.Tournament_Icon_Wrap{
	width: 88px;
	height: 88px;
	border-radius: 6px;
	overflow: hidden;
	position: relative;
}

.Tournament_Icon_Wrap img{
	min-width: 90px;
	max-width: 90px;
	height: auto;
	width: auto;
	min-height: 90px;
	max-height: 90px;
	-o-object-fit: cover;
	object-fit: cover;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

/* Tournament.php ↓ //////////////////////// */

.TournamentImg_Wrap{
	width: 100%;
	height: 120px;
	overflow: hidden;
	position: relative;
}

.TournamentImg_Inner{
	width: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	height: auto;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: center;
	object-position: center;
}


.ParticipantTable_List {
	border-bottom: 1px solid #ccc;
}

.Participants_Img_Box {
	width: 50px;
	height: 50px;
	border-radius: 100px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: auto;
  overflow: hidden;
}

.Participants_Img_Box img {
  width: 100%;
  height: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
}

.Tournament_Participants_Img_Box {
	border-radius: 100px;
	width: 40px;
	height: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: auto;
}

.Tournament_Participants_Name {
	border-radius: 5px;
	font-size: 10px;
}

.Timer_Icon_Wrap {
	display: flex;
	justify-content: space-evenly;
	padding: 10px 0px;
}

.Timer_Icon {
	border: 1px solid var(--Shop_color_4);
	border-radius: 100px;
	width: 40px;
	height: 40px;
	display: flex;
	justify-content: center;
}

.Timer_Icon_Description {
	font-size: 12px;
}

.Tournament_Progress_List {
	display: flex;
	justify-content: space-around;
}

.Tournament_Progress_List_Item {
	width: 100%;
	text-align: center;
}

.Tournament_Progress_List_Item_Ttl {
	border-bottom: 1px solid #ccc;
}

.Tournament_Participants_List_Modal_Ttl {
	border: 1px solid var(--Shop_color_4);
	padding: 2px 5px;
	margin-right: 4px;
	color: #fff;
	background-color: var(--Shop_color_4);
	border-radius: 5px;
}




/* Structure.php ↓ //////////////////////// */

/*　スクロールバーの実装 */
.StructureTable {
    overflow-y: scroll;
    border-collapse: collapse;
	border-spacing: 4px;
	font-size: 13px;
	border: none;
	
}
.StructureTable thead{
    position: -webkit-sticky;
    position: sticky;
    top: 108px;
    z-index: 1;
	width: 100%;
	border-collapse: separate;
}

.StructureTable tbody{
	width: 100%;
}

.StructureTable th,.StructureTable td{
    padding: 4px 8px;
	/* display: flex; */
    justify-content: space-between;
    align-items: center;
}

#HiddenSpan{
	display: block;
    width: 100%;
    height: 12px;
    z-index: 20;
    position: fixed;
    top: 96px;
	background-color: var(--Shop_color_8);
}

/* Shop/index.php ↓ //////////////////////// */


.ShopMenu_Link_Wrap li{
	height: 48px;
}

.ShopMenu_Link{
	display: flex;
	background-color:var(--Shop_Fontcolor_5);
	height: 100%;
	border-radius: 3px;
	line-height: 48px;	
	padding: 0 15px;
	transition: 0.5s;
}

.ShopMenu_Link:hover{
	background-color: #1C1C1C;
	color: #ffffff;
}

.ShopMenu_Link_Icon{
	width: 32px;
	height: auto;
	margin-right: 5px;
}


/* Shop/Series_Form.php ↓ //////////////////////// */

.FormTitle_Span{
	display: inline-block;
    margin-right: 2px;
    width: 4px;
    height: 16px;
    transform: translateY(4px);
}


/* ユーザーカード ↓ //////////////////////// */

.UserCard_Wrap{
	border-radius: 3px;
	padding: 10px 0 5px;
	box-shadow: 2px 6px 24px -12px rgba(0,0,0,0.6);
}

.UserCard_UserName{
	position: relative;
}

.UserCard_UserName span{
	display: block;
	text-align: center;
	/* max-width: calc(100% - 24px); */
	max-width: 100%;
	/* white-space: nowrap; 丸めるとユーザーが参加中かどうかわからなくなるためコメントアウト*/
	overflow: hidden;
	text-overflow: ellipsis;
}

.Btn_ArrowDown{
	position: absolute;
    top: 50%;
    right: 0px;
    transform: translateY(-50%);
}


.UserCard_UserImg_Wrap{
	width: 100px;
	height: 100px;
	border-radius: 100%;
	position: relative;
}


.UserCard_UserImg{
	width: 90px;
	height: 90px;
	border-radius: 100%;
	overflow: hidden;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.UserCard_UserImg img{
	-o-object-fit: cover;
	   object-fit: cover;
	min-width: 90px;
	max-width: 100px;
	height: auto;
	width: auto;
	min-height: 90px;
	max-height: 100px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	
}

.UserCard_UserInfo_Wrap{
	display: flex;
	justify-content: space-between;
}

.One_UserInfo_Wrap{
	width: 33.333%;
}

.One_UserInfo_Ttl{
	font-size: 10px;
	color: #3C3C3C;
	display: block;
	text-align: center;
	margin-bottom: 0;
	border-bottom: solid 1px #999999;
}

.One_UserInfo_Txt{
	font-size: 12px;
	text-align: center;
	display: block;
	margin-bottom: 0;
}

.ModalList_Wrap li{
	border-bottom: solid 1px #999999; 
	padding: 5px;
}

.ModalList_Wrap li:last-of-type{
	border-bottom: none
}

.ModalList_Icon{
	height: 20px;
	height: auto;
	transform: translateY(-2px);
}


/*-----------Tournament.php----------------*/

/*ユーザーの結果表示*/
.Tournament_ResultRank_Ttl{
	font-size: 18px;
}

.TournamentResult_List_Wrap{
	max-height: 160px;
	overflow-y: scroll;
	border: solid 1px #BCBCBC;
}
.TournamentResult_List{
	padding: 4px 0;
}

.TournamentResult_List:nth-of-type(even){
	background-color: rgba(0,0,0,0.05);
}

/*ランキング順位*/
.TournamentRankWrap{
	width: 50px;
	height: 50px;
	position: relative;
}

.RankImg{
	position: absolute;
	top: 44%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.RankNumber{
	font-size: 14px;
	color: #2F2F2F;
	font-weight: 800;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.UserCard_UserImg_Wrap.TournamentResult{
	margin-top: 3px;
	width: 45px;
	height: 45px;
}

.UserCard_UserImg.TournamentResult{
	width: 50px;
	height: 50px;
}

.UserCard_UserImg.TournamentResult.User{
	margin-top: 3px;
	width: 47px;
	height: 47px;
	border: solid 2px #87A4B5;
}

.UserCard_UserImg.TournamentResult{
	min-width: 45px;
	max-width: 55px;
	height: auto;
	width: auto;
	min-height: 45px;
	max-height: 55px;
}

.Tournament_Rank_UserName{
	height: 45px;
    align-items: center;
    display: flex;
}
.Tournament_Rank_UserName.User{
	font-weight: bold;
	height : 47px;
}

/*-----------Tournament_History.php----------------*/
.Tournament_Card_Name.History{
	width: calc(100% - 90px);
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.History.Date{
	width: 150px;
	text-align: right;
}


/*-----------User/Profile.php----------------*/

.UserProfile_Img_Txt_Wrap{
	width: calc(100% - 40px);
}

.Profile_UserImg{
	width: 80px;
	height: 80px;
	border-radius: 100%;
	margin: 0 auto;
	overflow: hidden;
	-o-object-fit: cover;
	   object-fit: cover;
	
}
.Profile_UserImg img{
	min-width: 80px;
	min-height: 80px;
	width: auto;
	height: auto;
	max-width: 90px;
	max-height: 90px;
	-o-object-fit: cover;
	   object-fit: cover;
}

.Profile_UserID{
	font-size: 12px;
}
.Profile_UserName{
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	width: 100%;
	font-size: 18px;
}



.Profile_Txt_Wrap{
	width: calc(100% - 90px);
}

.Btn_QR{
	width: 32px;
	height: 35px;
	padding: 0;
}

.Btn_QR > .material-icons{

}
.Btn_QR > p{
	font-size: 10px;
    margin-bottom: 0;
    transform: translateY(-10px) scale(0.8);
}

.Profile_Accordion_Wrap{
	border: none;
}

.Profile_Accordion_Ttl{
	background-color: transparent;
	border-bottom: solid 1.5px rgba(0,0,0,0.20);
	padding:  0.5rem;	
}

.Profile_Accordion_Ttl > h3{
	font-size: 18px;
	font-weight: 600;
}

.Profile_Dtl_Txt_Wrap{
	border-bottom: 1px solid rgba(0,0,0,0.10);
	padding: 5px 0.25rem;
}

.Profile_Dtl_Wrap{
	padding: 0.5rem;
}

.Profile_Dtl_Ttl{
	font-size: 12px;
	width: 100px;
}

.Profile_Dtl_Ans{
	width: calc(100% - 100px);
}


/*Calendar*/
.CheckIn_Move_Date{
	/* font-size: 10px; */
}

.Calendar_Month_Wrap {
	border-top: 1px solid rgba(0,0,0,0.20);
	/* border-bottom: 1px solid var(--Shop_color_4); */
	min-height: 40px;
	align-items: center;
}

.cal {
	margin: 0 auto 100px;
	width: 100%;
	border: 1px solid rgba(0,0,0,0.20);
	table-layout: fixed;
}

.cal tbody{
	width: 100%;

}


.cal th, .cal td {
	text-align: center;
	border: 1px solid rgba(0,0,0,0.20);
}

.cal th{
	font-size: 10px;
	color: rgba(0,0,0,0.40);
	padding: 0;
}
.Existence_Color {
	/*background-color: var(--Shop_color_4);
	color: #fff;*/
}

.Calendar_Month{
	padding: 0!important;
}

.Date{
	height: 40px;
	position: relative;
	overflow: hidden;
	padding: 0;
	min-width: 40px;
}

.Date_Txt{
	font-size: 10px;
	position: absolute;
	top: 1px;
	left: 3px;
}

.AllEventShop_Wrap{
	margin-top: 10px;
}
.EventShop_Wrap{
	font-size: 10px;
	white-space: nowrap;
	text-overflow: ellipsis;
	width: 100%;
	overflow: hidden;
	text-align: left;
	padding-left: 3px;
}

.EventSign{
	display: inline-block;
	width: 5px;
	height: 5px;
	border-radius: 100%;
	margin-left: 2px;


}

/*-------------------- Shop/index.php --------------------*/
/*デザイン候補その2*/
.Menu_Genre_Wrap{
	display: flex;
	flex-wrap: wrap;
}

.OneMenuLink_Wrap{
	width: 33.333%;
	height: auto;
	
}



.OneMenuLink_Content{
	width: calc(100% - 8px);
	height: 0;
	position: relative;
	padding-bottom: calc(100% - 8px);
	border-radius: 6px;
	display: block;
	margin: 4px auto;
}



.OneMenuLink_Inner{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
	font-size: 10px;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}


.OneMenuLink_Inner > i{
	font-size: 24px;
	margin-bottom: 8px;
	width: 100%;
}

.OneMenuLink_Inner > img{
	width: 24px;
	height: auto;
	margin-bottom: 8px;
}

@media screen and (min-width:425px) { 
	.Menu_Genre_Wrap{
		justify-content: flex-start;
	}
	.OneMenuLink_Wrap{
		width: 25%;
		height: auto;

	}

}

@media screen and (min-width:1024px) { 
	.OneMenuLink_Wrap{
		width: 16.6666%;
		height: auto;
	}
	
	.OneMenuLink_Inner > i{
		font-size: 48px;
	}

	.OneMenuLink_Inner > img{
		width: 48px;
		height: auto;
		margin-bottom: 8px;
	}
}
/*-------------------- 会員登録ページ --------------------*/
#Reg_Footer{
	width: 100%;
	height: 80px;
/*	position: absolute;
	bottom: 0;*/
}

.RegForm_Footer_Link{
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
}

.RegForm_Footer_Link > a{
	color: #ffffff;
	padding: 4px 16px;
	border-bottom: 1px solid #ffffff;
	transition: 0.5s;
}

.RegForm_Footer_Link > a:hover{
	color: #ffffff;
	border-bottom: none;
}
/*---Shop/Reg/Shop_Reg_Form.php---*/

#Shop_Reg_Header_Wrap{
	background-color: #424242;
}

#Shop_Reg_Header_Inner{
	width: 100%;
	max-width: 320px;
}
#Shop_Reg_Header_LogoWrap > img{
	max-width: 120px;
}

.BG_APP_Color{
	background-color: #424242;
}

#Shop_Reg_Header_Inner > h1{
	color: #ffffff;
	font-weight: 300;
	display: block;
}

.ShopMenu_Link.BaCkArroW{
	position: relative;
	background-color: #7A7A7A;
}

.ShopMenu_Link.BaCkArroW::before{
	content:"\e314";
	font-family: 'Material Icons';
	position: absolute;
	top: 50%;
	left: 15px;
	transform: translateY(-50%);
	color: #ffffff;
	
}


/*---- Shop/Tournament_Detail.php ----*/


    .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
        border-bottom: solid 1px var(--Shop_color_4);
		background-color: transparent;
		color: var(--Shop_Fontcolor_4);
    }

	.nav-pills .nav-link, .nav-pills > .nav-link {
        color: var(--Shop_Fontcolor_6);
		background-color: transparent;
		border-radius: 0;
		border-bottom: solid 1px var(--Shop_Fontcolor_6);
    }

    .nav-pills .nav-link.active::after, .nav-pills .show > .nav-link::after {
        content: none;
    }

	.Tournament_Participants_Bust_Area_Description {
		display: flex;
		justify-content: center;
		align-items: center;
		height: 100px;
		border: 1px solid #341F4F;
	}

	.Tournament_Participants_Img_Box {
		overflow: hidden;
	}

	.Tournament_Participants_Img_Box img {
		width: 100%;
		height: 100%;
		-o-object-fit: cover;
		   object-fit: cover;
	}

	.Timer_Start img, .Timer_Stop img {
		width: 100%;
		height: 100%;
	}

    /* バストリスト */
    #Tournament_Participants_Table_Bust_List_Wrap {

    }

    #Tournament_Participants_Table_Bust_List_Ttl_Wrap {
        width: 100%;
        height: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    #Tournament_Participants_Table_Bust_List {
        
    }

    #Tournament_Participants_Table_Bust_List_Item_Ttl {
        display: flex;
        justify-content: space-between;
    }

    .Tournament_Participants_Table_Bust_List_Item_Ttl_Item {
        text-align: center;
        border-right: 1px solid #fff;
        width: 100%;
    }

    .Tournament_Participants_Table_Bust_List_Item_Ttl_Item:last-child {
        border: none;
    }

    .Tournament_Participants_Table_Bust_List_Item {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        height: 50px;
    }

    .Tournament_Participants_Table_Bust_List_Item_Ranking {
        display: flex;
        justify-content: center;
        align-items: center;
        border-right: 1px solid #ccc;
        width: 100%;
        height: 100%;
    }

    .Tournament_Participants_Table_Bust_List_Item_No {
        display: flex;
        justify-content: center;
        align-items: center;
        border-right: 1px solid #ccc;
        width: 100%;
        height: 100%;
    }

    .Tournament_Participants_Table_Bust_List_Item_Img_Box {
        text-align: center;
        border-right: 1px solid #ccc;
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .Tournament_Participants_Table_Bust_List_Item_Img {
        overflow: hidden;
        border-radius: 100px;
        width: 40px;
        height: 40px;
    }

    .Tournament_Participants_Table_Bust_List_Item_Img img {
        width: 100%;
        height: 100%;
    }

    .Tournament_Participants_Table_Bust_List_Item_Name {
        display: flex;
        justify-content: center;
        align-items: center;
        border-right: 1px solid #ccc;
        width: 100%;
        height: 100%;
    }

    .Tournament_Participants_Table_Bust_List_Item_Seat {
        display: flex;
        justify-content: center;
        align-items: center;
        border-right: 1px solid #ccc;
        width: 100%;
        height: 100%;
    }

    .Tournament_Participants_Table_Bust_List_Item_Rebuy {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 100%;
    }

    #User_State_Data {
        display: flex;
        justify-content: space-around;
    }

    #Tournament_Ranking_List_Title_Wrap {
        position: -webkit-sticky;
        position: sticky;
        top: 108px;
        left: 0;
        z-index: 100000;
    }

    #Tournament_Ranking_List_Title_List {
        background-color: #341f4f;
    }

    .Tournament_Ranking_List_Title_List_Item {
        display: flex;
        color: #fff;
    }

    .Tournament_Ranking_List_Title_List_Item_Column {
        flex-grow: 1;
        width: 100px;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 13px;
    }

    #Tournament_Ranking_List_Wrap {

    }

    #Tournament_Ranking_List {
        overflow: hidden;
    }

    .Tournament_Ranking_List_Item {
        display: flex;
        border-bottom: 1px solid #000;
        position: relative;
        height: 50px;
        align-items: center;
    }

    .Tournament_Ranking_List_Item_Column {
        flex-grow: 1;
        width: 100px;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 13px;
    }

    .Tournament_Ranking_List_Item_Column_Img_Box {
        text-align: center;
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .Tournament_Ranking_List_Item_Column_Img {
        overflow: hidden;
        border-radius: 100px;
        width: 40px;
        height: 40px;
    }

    .Tournament_Ranking_List_Item_Column_Img img {
        width: 100%;
        height: 100%;
    }

    /* ↓↓↓↓↓トグルスイッチのcss↓↓↓↓↓ */
    #Toggle_Check_Wrap input{
        display:none;  
    }
    .block{
        width:200px;
        position:relative;
        display: flex;
    }
    .wrap{
        width:200px;
        position: absolute;
        left:50%;
        top:50%;
        transform:translate(-50%,-50%);
        padding:30px 30px 5px;
    }
	
	
/*    label{
        width:80px;
        height:30px;
        box-sizing:border-box;
        border:2px solid;
        border-radius:100px;
        position:relative;
        cursor:pointer;
        transition:.3s ease;
    }*/
	
	.Toggle_Check_label{
        width:54px;
        height:32px;
        box-sizing:border-box;
        border:2px solid rgba(0,0,0,0.30);
        border-radius:6px;
        position:relative;
        cursor:pointer;
        transition:.3s ease;
    }
	
	.Toggle_Check_input:checked{
		background: red;
	}
	
	.Toggle_Check_input:checked + .Toggle_Check_label{
        background: #333333;
    }
    .Toggle_Check_input:checked + .Toggle_Check_label:before{
        background: #333333;
		/*店舗の色とかの変数入れてください*/
    }
	
	.Toggle_Check_input:checked + .Toggle_Check_label:after{
		content: "編集完了";
        color: #ffffff;
		
    }
	
	.Toggle_Check_label:after{
		content: "編集する";
		position: absolute;
		top: 50%;
		left: 50%;
		color: #515151;
		transform: translate(-50%, -50%);
		width: 100%;
		height: 100%;
		font-size: 10px;
		text-align: center;
		line-height: 28px;
		}
	
    .Toggle_Check_label:before{
        transition: .3s ease;
        content: '';
        width: 100%;
        height: 100%;
        position: absolute;
        background: rgba(220,220,220,1.00);
		color: #808080;
        left: 0px;
        top: 0px;
        box-sizing: border-box;
        /*border: 2px solid;*/
        color: black;
        border-radius: 4px;
    }
	
/*    input[type=checkbox]:checked + label{
        background: #341f4f;
    }
    input[type=checkbox]:checked + label:before{
        left:50px;
    }
    label:before{
        transition: .3s ease;
        content: '';
        width: 20px;
        height: 20px;
        position: absolute;
        background: white;
        left: 6px;
        top: 3px;
        box-sizing: border-box;
        border: 2px solid;
        color: black;
        border-radius: 100px;
    }*/

    #Toggle_Check_Txt {
        display: block;
        padding: 0 10px;
    }
    /* ↑↑↑↑↑トグルスイッチのcss↑↑↑↑↑ */

/*表示・非表示*/	
.ShowHideLabel {
	width: 32px;
	height: 24px;
	cursor: pointer;
	font-size: 12pt;
	display: inline-block;
	overflow: hidden;
	position: relative;
	background-color: transparent;
	margin-bottom: 0;
	margin-top: 2px;
}

.ShowHideCheckbox:checked{
	/*background: red;*/
}

.ShowHideCheckbox:checked + .ShowHideLabel{
	/*background: #333333;*/
}
.ShowHideCheckbox:checked + .ShowHideLabel:before{
	/*background: #333333;*/
	/*店舗の色とかの変数入れてください*/
}

.ShowHideCheckbox:checked + .ShowHideLabel:after{
	content:"\e8f5";
	font-family: 'Material Icons';
	color: #9E9E9E;

}
	
.ShowHideLabel:after{
	content:"\e8f4";
	font-family: 'Material Icons';
	position: absolute;
	top: 50%;
	left: 50%;
	color: rgba(38,196,198,0.50);
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
	font-size: 24px;
	text-align: center;
	line-height: 28px;
	}
	
.ShowHideLabel:before{
	transition: .3s ease;
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	background-color: transparent;
	color: #808080;
	left: 0px;
	top: 0px;
	box-sizing: border-box;
	/*border: 2px solid;*/
	color: black;
	border-radius: 100px;
}

input[type='checkbox'].ShowHideCheckbox {
   display: none;
}

.Tournament_Detail_Sort_Btn {
    transition: 2s;
    border: 1px solid;
    border-radius: 2px;
    padding: 2px;
}

.Hide {
    display: none;
    opacity: 0;
}

.Show {
    display: inline;
    opacity: 1;
}



.Showed {
    background-color: #eee;
}



/*/Shop/Shop/Shop_Info.php*/

.Edit_ShopLogo_Wrap{
	width: 240px;
    height: auto;
}

.Edit_ShopLogo_Wrap > img{
	width: 100%;
	height: auto;
}

/*Shop/Ticket/index.php*/

.Coupon_Ticket_thum_Wrap{
	width: 30%;
	height: 0;
	padding-bottom: 30%;
	border-radius: 6px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
.Ticket_TxtInfo_Wrap{
	width: 70%;
	padding-left: 8px;
}

.Ticket_Ttl_Wrap{
	border-bottom: 1px solid rgba(0,0,0,0.15);
	margin-bottom: 8px;
}
.Ticket_Ttl_Wrap > h4{
	font-size: 14px;
	margin-bottom: 0;
	padding-bottom: 4px;
	max-width: calc(100% - 40px);
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.Ticket_condition_Wrap,.Ticket_Date_Wrap{
	display: flex;
}
.Ticket_condition_Wrap >h5,.Ticket_Date_Wrap >h5{
	font-size: 12px;
	margin-bottom: 0;
	width: 40px;
}
.Ticket_condition_Wrap >p,.Ticket_Date_Wrap >p{
	font-size: 12px;
	margin-bottom: 0;
}

.Ticket_More_Arrow_Wrap{
	position: absolute;
	bottom: 0;
	left: 0;
}

/* 
ページネーション 
参考記事 https://zenn.dev/okkun510/articles/c987b8d66fa3eae6b132
*/
a:link {text-decoration:none }
a.page_number:visited {color: black; text-decoration:none }

.pagination {
display: flex;
justify-content: center;
margin: 15px;
font-size: var(--normal_font);
}

.pagination > span,
.pagination > a{
	display: flex;
	align-items: center;
	justify-content: center;
}

.page_feed {
width: 30px;
margin: 0 10px;
padding: 5px 10px;
text-align: center;
background: #f0f0f0;
color: black;
}
a.first_last_page {
width: 30px;
margin: 0 10px;
padding: 5px 10px;
text-align: center;
background: #f0f0f0;
color: black;
}

span.first_last_page {
	width: 30px;
	margin: 0 10px;
	padding: 5px 10px;
	text-align: center;
	background: #f0f0f0;
	color: black;
	opacity: 0.5;
}

.page_number {
width: 30px;
margin: 0 10px;
padding: 5px;
text-align: center;
background: #f0f0f0;
color: black;
}
.now_page_number {
width: 30px;
margin: 0 10px;
padding: 5px;
text-align: center;
background: var(--Shop_color_4);
color: var(--Shop_Fontcolor_2);
font-weight: bold;
}

.from_to {
	font-size: 14px;
	margin-bottom: var(--column_space_6);
}


#Dell_Txt_Box {
	position: fixed;
    bottom: 50px;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    border: 1px solid #ccc;
    padding: 10px 20px;
    border-radius: 100px;
    background: red;
    color: #fff;
    text-align: center;
    width: 60%;
    height: auto;
    transition: 0.3s;
	opacity: 0;
}


/* Form */
.Input_Form,.ShopSelect{
	border-radius: 0.9rem;
	padding: 0.8rem 0.75rem;
	font-size: 1.6rem;
}

.ShopSelect{
	color: var(--Shop_Fontcolor_4);
	text-align: center;
	padding: .6rem 2.25rem .6rem .75rem;
}

.form-group label,
.One_Form_Wrap.Admin label{
	font-size: var(--small_font);
	font-weight: bold;
	color: var(--Shop_Fontcolor_5);
}

.form-control{
	border-radius: 0.9rem;
	padding: 0.8rem 0.75rem;
	font-size: 1.6rem;
	height: auto;
}



/* 来店者一覧 */
.Coupon_Ticket_Wrap{
	height: auto;
	width: 100%;
	position: relative;
	border: solid 1px rgba(0,0,0,0.15);
	z-index: 4;
	margin: 8px auto;
	background-color: var(--Shop_color_1);
	border-radius: 1.8rem;
	padding: var(--column_space_4) var(--column_space_4_5);
	box-shadow: var(--shadow_1);
}

.Coupon_Ticket_Wrap:nth-child(1){
	/* margin-top: 0; */
}

.Ticket_List_Item_Delete_Icon {
	position: absolute;
	top: 8px;
	right: 0px;
	width: 30px;
	height: 40px;
}

.Ticket_List_Item_Delete_Icon img {
	width: 20px;
}

@media screen and (min-width:768px) { 
	.Coupon_Ticket_Wrap{
		width: calc(50% - 4px);
		margin-left: 0;
	}

	.Coupon_Ticket_thum_Wrap{
		width: 20%;
		padding-bottom: 20%;
	}
}

.Ticket_Date_Wrap{
	border-bottom: solid 1px rgba(0,0,0,0.15);
	padding: 0.4rem 0;
}

.Ticket_Ttl_Wrap_re{
	display: flex;
	align-items: center;
}

.Ticket_Ttl_Wrap_re > h4{
	color: var(--Shop_Fontcolor_4);
	font-weight: bold;
}

.Tournament_Participants_Info_Top_Txt.Visiter > .UserName > span{
	max-width: calc(100% - 48px);
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.Tournament_Participants_Info_Top_Txt.Visiter > .UserName > .Btn_Base.Btn_Sm{
	max-width: inherit;
	overflow: inherit;
	white-space: inherit;
	text-overflow: inherit;
}

.Tournament_Participants_Info_Top_Txt.Visiter > .UserName .Btn_Sm.Btn_Base{
	color: var(--Shop_Fontcolor_2);
	display: inline-block;
	width: auto;
	min-width: 54px;
	margin-left: 0.4rem;
	margin-bottom: 0;
}

.ShopMoney_State_Wrap{
	padding: 0.4rem;
}

.Visiter > .User_Control_Wrap{
	display: block;
	padding: 0.4rem 0;
}

.Visiter > .User_Control_Wrap p{
	font-weight: bold;
}

.Tournament_Participants_Info_Btm_Txt.Visiter{
	flex-wrap: wrap;
	background-color: var(--Shop_color_7);
	justify-content: inherit;
	padding: 0.4rem 0.8rem;
	border-radius: 0.4rem;
	border-top: none;
}

.Tournament_Participants_Info_Btm_Txt.Visiter > div{
	width: 100%;
	font-weight: bold;
}

.Tournament_Participants_Info_Btm_Txt.Visiter > p{
	margin: auto  0.8rem;
}

.VisiterCard:hover{
	color: var(--Shop_Fontcolor_1);
}

.VisiterCard .Tournament_Participants_Info_Area{
	padding-right: 1.8rem;
}

.VisiterCard .OneTable_UserImg{
	width: 20%!important;
    padding-bottom: 20%!important;
	/* width: 32%!important;
    padding-bottom: 32%!important; */
    height: 0;
}

.VisiterCard .Tournament_Participants_Info_Top_Txt.Visiter{
	width: calc(100% - 34%)!important;
}

.One_Tournament_Participants_Card_Wrap.VisiterCard{
	box-shadow: none;
	border: solid 1px var(--Shop_color_5);
}

.One_Tournament_Participants_Card_Wrap.VisiterCard > .Tournament_Participants_Info_Area{
	width: 100%;
	border-radius: 0.6rem;
}

/* ----------------------

カード

------------------------*/

.One_Card_Wrap{
    margin-bottom: var(--column_space_5);
}

.One_Card_Wrap:last-of-type{
    margin-bottom: 0;
}

.One_Card_Wrap > a,
.One_Card_Wrap > div{
    background-color: var(--Shop_color_1);
    /* box-shadow: var(--shadow_1); */
	border: solid 1px var(--Shop_color_5);
    display: flex;
    border-radius: 1.6rem;
    overflow: hidden;
}

/* ----------------------

画像

------------------------*/

.Card_Img_Wrap{
    margin: var(--column_space_6) var(--column_space_7);
    width: calc(25% - var(--column_space_7));
    height: auto;
    border-radius: 1rem;
    overflow: hidden;
    position: relative;
    flex-shrink: 0;
}

.Card_Img_Wrap > img{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50% , -50%);
    -o-object-fit: cover;
       object-fit: cover;
}


/* ----------------------

テキスト情報エリア

------------------------*/

.Card_Txt_Wrap{
    width: calc(100% - ((25% + var(--column_space_7)) + 2.3rem));
    padding: var(--column_space_6) var(--column_space_7) var(--column_space_6) 0;
    color: var(--Shop_Fontcolor_1);
    font-size: var(--small_font);
	position: relative;
}

.Card_Txt_Wrap p{
    font-size: var(--small_font);
} 

.Card_Ttl_Wrap{
    font-size: var(--normal_font);
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    border-bottom: solid 1px var(--Shop_color_7);
    padding-bottom: 0.2rem;
    margin-bottom: var(--column_space_7);
}

.Card_Txt_Flex{
    display: flex;
    align-items: center;
    font-size: var(--small_fonts);
}

.CardInfo_Icon{
    margin-right: var(--column_space_7);
    width: 1.4rem;
    height: 1.4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--Shop_Fontcolor_1);
    mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    flex-shrink: 0;
}

#SHOP.CardInfo_Icon{
    mask-image: url('../img/icon/shop.svg');
    -webkit-mask-image: url('../img/icon/shop.svg');
}

#MONEY.CardInfo_Icon{
    mask-image: url('../img/icon/yen.svg');
    -webkit-mask-image: url('../img/icon/yen.svg');
}

#LIMITTIME.CardInfo_Icon{
    mask-image: url('../img/icon/sand_timer.svg');
    -webkit-mask-image: url('../img/icon/sand_timer.svg');

}

#TIME.CardInfo_Icon.Shop{
    mask-image: url('../img/icon/time.svg');
    -webkit-mask-image: url('../img/icon/time.svg');
    /* background-color: var(--Shop_color_6); */
}

/* 店名 */
.Card_ShopName_Wrap{
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.Card_ShopName_Wrap p{
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

/* 申し込み可能時間 */
.Card_TimeLimit_Wrap.Card_Txt_Flex > .CardInfo_Icon{
    width: 1rem;
    height: 2rem;
    background-color: var(--Shop_color_6);
}

/* 開催時間 */
.Card_Time_Wrap.Card_Txt_Flex > p,
.Card_TimeLimit_Wrap.Card_Txt_Flex > p{
    color: var(--Shop_color_6);
}

.Card_Time_Wrap.Card_Txt_Flex > .CardInfo_Icon{
    background-color: var(--Shop_color_6);
}

/* カード下部 */
.Card_Btm_Info_Wrap.Card_Txt_Flex{
    justify-content: space-between;
    margin-bottom: 0;
}

/* 料金 */
.Card_Money_Wrap.Card_Txt_Flex{
    margin-bottom: 0;
}

/* 参加人数 */
.Card_Member_Vol_Wrap.Card_Txt_Flex{
    margin-bottom: 0;
}

#INSHHOP_USER {
    mask-image: url(../img/icon/users.svg);
    -webkit-mask-image: url(../img/icon/users.svg);
}

.Card_Member_Vol_Wrap.Card_Txt_Flex > .CardInfo_Icon{
    width: 2rem;
    height: 2rem;
}

/* 順位 */
.Card_Rank_Wrap.Card_Txt_Flex p{
    font-size: var(--normal_font);
    font-weight: bold;
}

.Card_State_Wrap{
    background-color: var(--Shop_color_4);
    color: var(--Shop_Fontcolor_1);
    padding: 0rem 1rem;
    border-radius: 0.4rem;
    font-weight: bold;
    margin-left: var(--column_space_7);
    display: inline-block;
}

dd > .Card_State_Wrap{
    margin-left: 0;
}

.Card_State_Wrap.End{
    background-color: transparent;
    border: solid 1px var(--Shop_Fontcolor_1);
}

.Card_State_Wrap.Active{
    background-color: var(--Shop_Fontcolor_1);
}

/* ----------------------

カード内やじるし

------------------------*/
.Card_Arrow_Wrap{
    flex-shrink: 0;
    width: 2.3rem;
    background-color: var(--Shop_color_4);
    display: flex;
    justify-content: center;
    align-items: center;
}

.Card_Arrow_Wrap > span{
    width: 0.72rem;
    height: 0.72rem;
    border-top: solid 2px var(--Shop_Fontcolor_2);
    border-right: solid 2px var(--Shop_Fontcolor_2);
    transform: rotate(45deg);
}



/* シリーズリストカード */
.Add_Series_List_Box {
	position: fixed;
	z-index: 10000;
	top: 96px;
	width: 100%;
}

.Add_Series_List {
	width: 50%;
	margin-left: auto;
}

.Add_Series_List_Item {
	text-align: center;
	padding: 10px 0;
	border-bottom: 1px solid #fff;
}

.Add_Series_List_Item:last-child {
	border: none;
}

.Add_Series_Icon {
	display: flex;
	justify-content: flex-end;
	align-content: center;
	margin-right: 13px;
}

.Series_List_Wrap {

}

.Series_List {

}

.Series_List_Item,
.Structure_List_Item {
	position: relative;
	/* box-shadow: 0 5px 5px 0 rgb(0 0 0 / 10%); */
	border: solid 1px var(--Shop_color_5);
	margin-bottom: 30px;
	padding: 20px 15px;
	border-radius: 6px;
	background-color: var(--Shop_color_1);
	display: block;
}

.Series_List_Item_Ttl,
.Structure_List_Item_Ttl {
	width: 100%;
	position: relative;
	padding: 1rem 0;
}

.Series_List_Item_Ttl h3,
.Structure_List_Item_Ttl h3 {
	font-size: var(--large_font)!important;
	color: var(--Shop_Fontcolor_4);
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-weight: bold;
	width: calc(100% - 48px);
}

/* .Delete_Series_Icon {
	position: absolute;
	top: 0;
	right: 0;
} */

.Series_List_Item_Date,
.Structure_List_Item_Date {
	font-size: var(--small_font);
	/* text-align: center; */
	color: var(--Shop_Fontcolor_1);
	border-top: solid 1px var(--Shop_Fontcolor_7);
	padding: 0.6rem 0;
	display: flex;
    align-items: center;
}

.Series_List_Item_Img_Box {
	display: flex;
	justify-content: center;
}

.Series_List_Item_Img {
	border: 1px solid #666;
	border-radius: 200px;
	width: 100px;
	height: 100px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.Series_List_Item_Img img {
	width: 90%;
	height: 90%;
	-o-object-fit: contain;
	   object-fit: contain;
}

.Series_List_Item .Series_List_Item_Rule {
	display: flex;
	justify-content: space-evenly;
	color: #666;
}

.Series_List_Item .Series_List_Item_Rule_Item {
	width: 100%;
	text-align: center;
}

.Series_List_Item .Rule_Ttl {
	border-bottom: 1px solid #ccc;
}

.Series_List_Item .Rule_Description {
	color: #222;
	font-weight: 500;
}

.Series_List_Item .Series_List_Item_Delete_Icon {
	position: absolute;
	top: 22px;
	right: 4px;
	width: 30px;
	height: 40px;
}


.Series_List_Item .List_Edit_Btn_Wrap {
	position: absolute;
	top: 22px;
	right: 15px;
}

.Series_List_Item .Series_List_Item_Delete_Icon img {
	width: 20px;
}


.Series_List_Item #Add_Series_Modal_Wrap {
	position: fixed;
	z-index: 10000;
}

.Series_List_Item #Add_Series_Modal_Wrap {
	position: fixed;
	z-index: 10000;
}

.Series_List_Item #Add_Place_Modal_Wrap {
	position: fixed;
	z-index: 10000;
}

.Series_List_Item #Delete_Series_Btn_Wrap {
	display: flex;
	justify-content: space-around;
}

.Series_List_Item .NameKana {
	font-size: 12px;
}

.Series_List_Item .List_Ttl {
	display: inline-block;
	min-width: 100px;
	color: var(--Shop_Fontcolor_8);
	font-weight: bold;
	font-size: var(--small_font);
}

.Series_List_Item .Change_Form_Class,
.Structure_List_Item .Change_Form_Class{
	font-size: var(--normal_font);
}

/* ストラクチャーカード */
.Structure_List_Item_Delete_Icon {
	position: absolute;
	top: 10px;
	right: 0px;
	width: 30px;
	height: 40px;
}

/* ストラクチャー詳細 */

#Stracture_List_Box tbody {
	overflow: hidden;
}

.Edit_Structure_Icon {
	display: flex;
	justify-content: flex-end;
	align-content: center;
	margin-right: 13px;
}

.Drag_Box {
	width: 100%;
	height: 30px;
	position: relative;
}

.Drag_Edit_Btn {
	position: absolute;
	top: 0;
	left: -100px;
	width: 100px;
	height: auto;
}

#Stracture_List_Title_Wrap {
	position: -webkit-sticky;
	position: sticky;
	top: 106px;
	left: 0;
	z-index: 1000;
}

#Stracture_List_Title_List {
	background-color: var(--Shop_color_4);
}

.Stracture_List_Title_List_Item {
	display: flex;
	color: var(--Shop_Fontcolor_2);
}

.Stracture_List_Title_List_Item_Column {
	flex-grow: 1;
	width: 100px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 13px;
}

#Stracture_List_Wrap {

}

#Stracture_List {
	overflow: hidden;
}

.Stracture_List_Item {
	display: flex;
	border-bottom: 1px solid var(--Shop_color_3);
	position: relative;
}

.Stracture_List_Item_Column {
	flex-grow: 1;
	width: 100px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 13px;
}

.Stracture_List_Item_Column button {
	background-color: var(--Shop_color_4);
	border: none;
	color: #fff;
}

.Stracture_Add {
	position: absolute;
	top: 0;
	left: -200px;
	width: 100px;
	height: 100%;
	background-color: var(--Shop_color_4);
	color: #fff;
	border-bottom: 1px solid var(--Shop_color_3);
}

.Stracture_Stracture_Add a {
	color: #fff;
}

.Stracture_Break_Add {
	position: absolute;
	top: 0;
	left: -100px;
	width: 100px;
	height: 100%;
	background-color: var(--Shop_color_4);
	color: #fff;
	border-bottom: 1px solid var(--Shop_color_3);
}

.Stracture_Break_Add a {
	color: #fff;
}

.Stracture_Delete {
	position: absolute;
	top: 0;
	right: -100px;
	width: 100px;
	height: 100%;
	background-color: var(--Shop_color_4);
	color: #fff;
	border-bottom: 1px solid var(--Shop_color_3);
}

.Stracture_Delete a {
	color: #fff;
}

	/* ↓↓↓↓↓トグルスイッチのcss↓↓↓↓↓ */
	#Toggle_Check_Wrap input{
display:none;  
}
.block{
width:200px;
position:relative;
display: flex;
}
.wrap{
width:200px;
position: absolute;
left:50%;
top:50%;
transform:translate(-50%,-50%);
padding:30px 30px 5px;
}



/* リングゲーム一覧 */

.Add_RingGame_List_Box {
	position: fixed;
	z-index: 10000;
	top: 96px;
	width: 100%;
}

.Add_RingGame_List {
	width: 50%;
	margin-left: auto;
}

.Add_RingGame_List_Item {
	text-align: center;
	padding: 10px 0;
	border-bottom: 1px solid #fff;
}

.Add_RingGame_List_Item:last-child {
	border: none;
}

.Add_RingGame_Icon {
	display: flex;
	justify-content: flex-end;
	align-content: center;
	margin-right: 13px;
}

.RingGame_List_Wrap {

}

.RingGame_List {

}

.RingGame_List_TxtInfo{
	width: 60%;
}

.RingGame_List_Item {
	box-shadow: var(--shadow_1);
	margin-bottom: var(--column_space_4);
	display: flex;
	padding: 1.4rem 1rem;
	border-radius: 0.6rem;
}

.RingGame_List_Item_Ttl {
	text-align: center;
	width: 300px;
	height: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 auto;
	position: relative;
}

.RingGame_List_Item_Ttl h3 {
	font-size: 16px;
	color: #341F4F;
	width: 200px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.Delete_RingGame_Icon {
	position: absolute;
	top: 0;
	right: 0;
}

.RingGame_List_Item_Date {
	font-size: 12px;
	text-align: center;
	color: #666;
}

.RingGame_List_Item_Img_Box {
	display: flex;
	justify-content: center;
}

.RingGame_List_Item_Img {
    border-radius: 6px;
    width: 100%;
    height: 0;
    padding-bottom: 40%;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    position: relative;

}

.RingGame_List_Item_Img img {
	width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.RingGame_List_Item_Rule {
	display: flex;
	justify-content: space-evenly;
	color: #666;
}

.RingGame_List_Item_Rule_Item {
	width: 100%;
	text-align: center;
}

.Rule_Ttl {
	border-bottom: 1px solid #ccc;
}

.Rule_Description {
	color: #222;
	font-weight: 500;
}

.RingGame_List_Item_Delete_Icon {
	/* position: absolute;
	top: 10px;
	right: 0px;
	width: 30px;
	height: 40px; */
}

.RingGame_List_Item_Delete_Icon img {
	width: 20px;
}


#Add_Series_Modal_Wrap {
	position: fixed;
	z-index: 10000;
}

#Add_RingGame_Modal_Wrap {
	position: fixed;
	z-index: 10000;
}

#Add_Place_Modal_Wrap {
	position: fixed;
	z-index: 10000;
}

#Delete_RingGame_Btn_Wrap {
	display: flex;
	justify-content: space-around;
}

.Card_Img_Wrap > .RingCardImg{
	-o-object-fit: contain;
	   object-fit: contain;
}




/* ------------------------------------------------

顧客詳細 

--------------------------------------------------*/

/* ユーザーアイコン */
#User_Icon_Name_Wrap{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: var(--column_space_4);
}

#User_Icon_Wrap{
    width: 13.6rem;
    height: 13.6rem;
    border-radius: 100%;
    position: relative;
    overflow: hidden;
}

#User_Icon_Wrap img{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50% , -50%);
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
    width: 100%;
    height: 100%;
}

/* ユーザー名 */
#User_Icon_Name_Wrap h3{
    font-size: var(--large_font);
    color: var(--font_color_2);
    margin-top: var(--column_space_6);
}


/* プロフィール画像 */
#User_Icon_Edit{
    display: flex;
    align-items: center;
    margin-top: 0.4rem 
}

#User_Edit_IconImg_Wrap > #User_Icon_Wrap{
    max-width: 12rem;
    height: 0;
    padding-bottom: 100%;
}

#User_Edit_IconBtn_Wrap{
    max-width: calc(100% - 12rem);
    width: 100%;
    margin-left: calc(var(--column_space_7) * 2);
}

#User_Edit_IconBtn_Wrap > button,
#User_Edit_IconBtn_Wrap > label{
    max-width: 14rem;
    padding: 0.6rem 1.2rem;
}

#User_Edit_IconBtn_Wrap > label > input[type="file"]{
    display: none;
}


.form-label.OtherTypeForm.Profile{
	font-size: var(--normal_font);
	font-weight: bold;
	margin-bottom: 0;
}
/* ----------------------

各ページリンク

------------------------*/

.White_Box_Link_Inner li > a{
    display: flex;
    position: relative;
    color: var(----Shop_Fontcolor_1);
    padding: var(--column_space_5) var(--column_space_6);
    border-top: solid 1px var(--Shop_color_5);
}

.White_Box_Link_Inner li:first-of-type > a{
    border-top: none;
}

.White_Box_Link_Inner li > a::after{
    content: "";
    border-top: solid 1px var(--Shop_color_3);
    border-right: solid 1px var(--Shop_color_3);
    width: 0.75rem;
    height: 0.75rem;
    position: absolute;
    top: 50%;
    right: var(--column_space_6);
    transform: translateY(-50%) rotate(45deg);
}


/* ---------------------------------------------------------

実績一覧

----------------------------------------------------------*/

#Achievement_Wrap .White_Box_Wrap{
    margin-bottom: var(--column_space_3);
}

.One_Achievement_Category_Wrap > h3,
.Achievement_Txt_Wrap h5{
    padding: var(--column_space_5) var(--column_space_6);
    position: relative;
    border-bottom: solid 1px var(--Shop_Fontcolor_4);
    margin-bottom: var(--column_space_5);
}

.One_Achievement_Category_Wrap > h3::after,
.Achievement_Txt_Wrap h5::after{
    content: "";
    width: 0.4rem;
    height: calc(100% - 1.6rem);
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background-color: var(--Shop_Fontcolor_4);
}

.One_Achievement_Badge_Wrap{
    width: calc(100% / 3);
    padding: 1.2rem;
}

.One_Achievement_Badge_Inner{
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    background-color: var(--Shop_color_3);
    border-radius: 100%;
    position: relative;
}

.One_Achievement_Badge_Inner img{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50% , -50%);
    width: calc(100% - 2.4rem);
    height: auto;
    -o-object-fit: contain;
       object-fit: contain;
}

.One_Achievement_Badge_Inner.Yet img {
    -webkit-filter: grayscale(1);
            filter: grayscale(1);
    opacity: 0.5;
}

.One_Achievement_Badge_Inner.Yet::before{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50% , -50%);
    width: calc(100% - 3.2rem);
    height: calc(100% - 3.2rem);
    background-color: rgb(255, 255, 255, 0.90);
    mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-image: url('../img/icon/lock.svg');
    -webkit-mask-image: url('../img/icon/lock.svg');
}

#Achievement_Modal > .modal-body{
    position: relative;
}

#Achievement_Modal > .modal-body > #QR_Close{
    position: absolute;
    top: calc(100% + 1.6rem);
    left: 50%;
    transform: translateX(-50%);
    width: 3.8rem;
    height: 3.8rem;
    opacity: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

#Achievement_Modal > .modal-body > #QR_Close > span{
    width: 3rem;
    height: 3rem;
    background-color: var(--Shop_Fontcolor_2);
    mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-image: url('../img/icon/white_cross.svg');
    -webkit-mask-image: url('../img/icon/white_cross.svg');
}

#Achievement_Modal h5{
    font-size: var(--large_font);
}

.Achievement_Modal_Img_Wrap{
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 120px;
    margin: var(--column_space_5) auto;
}

.Achievement_Modal_Img_Wrap > .One_Achievement_Badge_Inner > img{
    width: calc(100% - 4rem);
}

.Achievement_Modal_Img_Wrap > .One_Achievement_Badge_Inner.Yet::before{
    width: calc(100% - 4rem);
    height: calc(100% - 4rem);
}

.Achievement_Txt_Wrap{
    margin-bottom: var(--column_space_5);
}


/* 実績一覧簡易カード */
.Series_List_Item.Achievement{
	display: flex;
}

.Series_List_Item.Achievement .Series_List_Item_Date{
	display: block;
    
}

.Achievement_Ticket_thum_Wrap {
	width: 38%;
	height: 0;
	padding-bottom: 38%;
	border-radius: 6px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	position: relative;
	overflow: hidden;
}

.Achievement_Ticket_thum_Wrap img{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50% , -50%);
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
}
.Achievement_TxtInfo_Wrap {
	width: 62%;
	padding-left: 8px;
	overflow-wrap: anywhere;
}

.Achievement_Ttl_Wrap {
	border-bottom: 1px solid rgba(0,0,0,0.15);
	margin-bottom: 8px;
}

.Achievement_Date_Wrap {
	display: flex;
}

/* チケット */

	/*背景色で店舗カラーが関わってくるので、チケットを使用するときは必ずstyleで以下を使用する*/
	.Coupon_Ticket_Wrap{
		height: auto;
		width: 100%;
		position: relative;
		border-radius: 8px;
		/* box-shadow: 0px 13px 9px -10px rgb(0 0 0 / 10%); */
		padding: var(--column_space_5) var(--column_space_6);
		border: solid 1px var(--Shop_color_5);
		z-index: 4;
		margin: 8px auto;
	}

	.Coupon_Ticket_Wrap:nth-child(1){
		margin-top: 0;
	}

	
	/* .Coupon_Ticket_Wrap::before{
		content: "";
		width: 20px;
		height: 40px;
		border-radius: 20px 0 0  20px;
		background:var(--Shop_color_8);
		position: absolute;
		right: 0;
		top: 50px;
		transform: translate(2.5px ,-50%);
		border: solid 1px var(--Shop_color_5);
		border-right: none;
		z-index: 6;
	}
	
	.Coupon_Ticket_Wrap::after{
		content: "";
		width: 20px;
		height: 40px;
		border-radius: 0 20px 20px 0;
		background:var(--Shop_color_8);
		position: absolute;
		left: 0;
		top: 50px;
		transform: translate(-2px ,-50%);
		border: solid 1px var(--Shop_color_5);
		border-left: none;
		z-index: 6;
	} */
	
	.Coupon_Ticket_Open_Wrap{
		display: none;
		border-top: dashed 1px rgba(0,0,0,0.10);
		padding: 16px 0;
		margin-top: 8px;
	}

	
	
	/* .Coupon_Ticket_Open_Wrap::before{
		content: "";
		width: 20px;
		height: 40px;
		border-radius: 20px 0 0  20px;
		background:#ffffff;
		position: absolute;
		right: 0;
		bottom: 45px;
		transform: translate(2.5px ,50%);
		border: solid 2px rgba(0,0,0,0.15);
		border-right: none;
		z-index: 5;
	}
	
	.Coupon_Ticket_Open_Wrap::after{
		content: "";
		width: 20px;
		height: 40px;
		border-radius: 0 20px 20px 0;
		background:#ffffff;
		position: absolute;
		left: 0;
		bottom: 45px;
		transform: translate(-2px ,50%);
		border: solid 2px rgba(0,0,0,0.15);
		border-left: none;
		z-index: 5;
	} */
	
	@media screen and (min-width:768px) { 
		.Coupon_Ticket_Wrap{
			width: calc(50% - 4px);
			margin-left: 0;
		}

		.Coupon_Ticket_thum_Wrap{
			width: 20%;
			padding-bottom: 20%;
		}
	}




/* 来店客管理 */
.One_Tournament_Participants_Card_Wrap.UserProcess{
	padding: var(--column_space_4) var(--column_space_6);
	border-radius: 0.6rem;
	margin-top: var(--column_space_4);
	background-color: var(--Shop_color_1);
}

#User_Image_Wrap {
	width: 30%;
	/* height: 0;
	padding-bottom: 30%; */
	border-radius: 100%;
	overflow: hidden;
	margin-right: 16px;
	border: solid 3px var(--Shop_color_4);
}
#User_Image {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
}

.One_Tournament_Participants_Card_Wrap.UserProcess .User_ControlBtn_Wrap > span{
	font-size: var(--normal_font);
}

#InTime_Wrap.User_Data_Wrap,
.UserMoneyInfo.User_Data_Wrap{
	background-color: var(--Shop_color_1);
	padding: var(--column_space_4) var(--column_space_6);
	border-radius: 0.6rem;
	border: solid 1px var(--Shop_color_5);
}

#InTime_Wrap.User_Data_Wrap{
	padding: var(--column_space_6);
}

.User_Data_Wrap > .ttl{
	font-weight: bold;
}


.ChangeVol_Icon {
	border: 1px solid var(--Shop_color_4);
	width: 30px;
	height: 30px;
	border-radius: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.ChangeVol_Icon.Minus > span,
.ChangeVol_Icon.Plus > span{
	width: 1.6rem;
	height: 0.1rem;
	background-color: var(--Shop_color_4);
	position: relative;
}

.ChangeVol_Icon.Plus > span::before{
	content: "";
	width: 100%;
	height: 100%;
	background-color: var(--Shop_color_4);
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) rotate(90deg);
}


/* 顧客ソート */
.input-group-prepend{
	font-size: var(--normal_font);
}

.input-group-text{
	font-size: var(--normal_font);
	width: 6rem;
	display: flex;
	justify-content: center;
}

.UserSort_Btn_Wrap > .Btn_Base.Btn_Fill{
	width: calc(100% - 4.2rem);
}

.UserSort_Btn_Wrap > .Btn_Round.Btn_Line{
	width: 3.5rem;
	height: 3.5rem;
}

/* ソートセレクトの矢印の位置直す */
.input-group.Sort select,
.One_Form_Wrap.Admin .form-control.Form_Input_Wrap{
	-webkit-appearance: none;
	-moz-appearance: none;
	     appearance: none; 
	background-image: url("../img/icons/keyboard_arrow_down_black_24dp.svg");
	background-size: 20px;
	background-position: calc(100% - 7px) 50%;
	background-repeat: no-repeat;
}

/* パスワード表示切替 */
.Form_Input_Wrap.Admin > #PassEyeIcon{
    position: absolute;
    top: 50%;
    right: 0.7rem!important;
    transform: translateY(-50%);
    max-width: 20px;
    height: 39px;
    width: 20px;
    background-image: url(../img/icon/eye-slash.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.Form_Input_Wrap.Admin > #PassEyeIcon.Txt{
    height: 18px;
    background-image: url(../img/icon/eye-line.svg);
}

.Form_Input_Wrap.Admin #password{
	padding-right: 3.2rem;
}

/* 顧客詳細 */
.One_Form_Wrap{
	margin-bottom: var(--column_space_3);
}
.Form_Input_Wrap {
	position: relative;
}

.form-select {
	background-image: url(../img/icon/bottomarrow.png);
	background-size: 12px auto;
}


.Radio_Wrap {
	display: flex;
	margin-top: 0.4rem;
}

.form-check.radio {
	min-height: 2.2rem;
	display: flex;
	align-items: center;
	margin-bottom: var(--column_space_6);
	margin-right: 1.6rem;
}


.form-check-input[type=radio] {
	width: 2.2rem;
	height: 2.2rem;
	position: relative;
	border-radius: 100%;
	margin-top: 0;
}

.form-check-label {
	margin-left: .6rem;
	font-size: 1.2rem;
	font-weight: bold;
	color: #444960;
}

/* 売上閲覧 */

#TotalSale_Wrap{
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: var(--largest_font);
	margin-bottom: var(--column_space_3);
}

#Daily_Sale_Table{
	width: 100%;
}

#Daily_Sale_Table th{
	color: var(--Shop_color_4);
	padding: 0.8rem 0 0.8rem 0.8rem;
	height: 30px;
}

#Daily_Sale_Table tbody  tr{
	border-top: solid 1px var(--Shop_color_5);
}

#Daily_Sale_Table tbody tr  td{
	border-top: solid 1px var(--Shop_color_5);
	padding: 0.8rem 0 0.8rem 0.8rem;
}

/* 	店舗編集 */
#Shop_PostCode_Search_Btn{
	border: solid 1px var(--Shop_Fontcolor_8);
	color: var(--Shop_Fontcolor_8);
	width: 48px;
	
}


/* ペイアウトストラクチャー */
.Number_Wrap {
	display: flex;
	align-items: center;
}

/* ユーザー詳細 */
.User_Name {
	position: relative;
	text-align: center;
}
.User_Edit_Btn_Box {
	position: absolute;
    right: -60px;
	top: 7px;
    /* top: 20px; */
}