@charset "UTF-8";

/*====================================================
	全般的なスタイル
====================================================*/
*
{
	/*margin:0; padding:0;*/			/*全要素のマージン・パディングをリセット*/
	line-height:1.5;					/*全要素の行の高さを1.5倍にする*/
	margin-block-start: 0px;
	margin-block-end: 0px;
	zoom: 1;
}
html,body, div#divPopUpBase
{
	margin: 0;	/* 余白の削除 */
	padding: 0;	/* 余白の削除 */
	-webkit-overflow-scrolling: touch;	/*スマホ時 スクロールをスムーズにするため*/
}
body
{
	overflow-x: hidden; /* 横スクロールを禁止 */
}
main
{
	width: auto;
}
body, div#divPopUpBase
{
	background-color: #FFF7B3; /*ページ全体の背景色()*/	
	/*background-color: LemonChiffon;*/	/*ページ全体の背景色*/	
	/*background-color: Cornsilk;*/	/*ページ全体の背景色*/
	text-align: center;				/*IE6以下でセンタリングするための対策*/
	font-family: sans-serif;
	/*font-family:"游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;*/
	overflow-y: scroll;
}
div#divPopUpBase
{
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
}
select
{
	overflow: auto;				/*スクロール指定*/
	background-color: white;
}
a
{
	text-decoration: none;
}
/*------サイト名表示 ---------------------------------------*/
*.SiteName
{
	font-family: serif;
	color: blue;
}
/*====================================================
	メニュー
====================================================*/
#humberger
{
	display: none;
}
nav
{
	background-attachment: fixed;
	display: block;	
	height: 40px;					
}
nav ul
{
	height: 100%;
	/*
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	*/
}

div#divCommonMainMenu, div#divPopUpBase
{
	position: fixed;
	z-index: 10;
}
*.MenuUnder		/* nav height分 */
{
	Padding-top: 40px;
}
/*フレックスコンテナ 横並び(pc) */
.flex-container
{
	display:flex;
	flex-direction: row;
}
ul.ulMainMenu						
{
	/*height: 40px;*/
	font-weight: bold;
	border-bottom: 1px White solid; 
}
li.liMainMenu
{
	cursor: pointer;
	float: left;
	height: 30px;
	display: inline;
	background-repeat: no-repeat;
	border-right: 1px White double;
	text-align: center;
	margin-top: 8px;
}
/* 右の白線なし */
li.liMainMenuEnd
{
	cursor: pointer;
	float: left;
	height: 30px;
	display: inline;
	background-repeat: no-repeat;
	text-align: center;
	margin-top: 8px;
}
ul.ulMainMenuRight						
{
	height: 40px;
	/*text-align: right;*/
}
li.liMainMenuRight
{
	cursor: pointer;
	float: right;
	height: 30px;
	display: inline;
	background-repeat: no-repeat;
	border-left: 1px White double;
	text-align: center;
	margin-top: 10px;
	font-size: small;
}
li.liSubMenu
{
	width: 100%;
	white-space: nowrap;
	overflow: visible;
}
ul.ulMyTown
{	margin-top: 5px;	}
/*====================================================
	ＤＩＶ
====================================================*/
div, ul, li, h1, h2, h3, h4, h5, h6, input, button, textarea, table, tr, th, td, header, footer,
{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	/*テスト用 */
	/*	border: 1px solid;
		border-color: green;	*/
}
*.divleft
{
	float: left;
}
*.divright
{
	float: right;
}
*.divclear
{
	clear: both;					/*回り込み解除*/
}
div.divData							/*チラシ入力画面のみ*/
{
	border: Gold solid 1px;
    width: 900px;
}
div.divParent						/*div入れ子親*/
{
	position: relative;
	overflow: hidden;
}
div.divChildBottomRight				/*div入れ子右下*/
{
	position: absolute;
	bottom: 0;
	right: 0;
}
div#divSubMenu, div#divRegisteredFlierSearch 
{
	/*width: 15vw;*/
	width: 15%;
	float: left;
	/*margin: 0.1vw;*/
	margin: 0.1%;
	display:inline;
	font-size: 1.25vw;
	/*font-size: 16px;*/
}
div#divContentRight, *.divContentRight
{
	/*width: 83vw;*/
	width: 83%;
	/*margin: 0.1vw;*/
	margin: 0.1%;
	float: right;
	display:inline;
}
div#divSubMenuLarge 
{
	/*width: 30vw;*/
	width: 30%;
	float: left;
	/*margin: 0.1vw;*/
	margin: 0.1%;
	display:inline;
	font-size: 1.25vw;
	/*font-size: 16px;*/
}
div#divContentRightSmall
{
	/*width: 65vw;*/
	width: 65%;
	/*margin: 0.1vw;*/
	margin: 0.1%;
	float: right;
	display:inline;
}
div#divHalfLeft, div#divHalfRight, *.HalfWidth
{
	width: 40vw;
}
div#divHalfLeft
{
	float: left;
}
div#divHalfRight
{
	float: right;
}
div#divStrSearch, div#divRegisteredFlierSearch, div#divConfilerFlierSearch, *.divFrame
{
	-webkit-appearance: none;	
	appearance: none;
	border-radius: 4px;
  	border: Orange solid 1px;
	box-shadow: inset 0 1px 1px #e1e1e1;
	box-sizing: border-box;
	padding: 5px;
}
#divRefine > #ulMyTown, #ulSelectTown
{
	margin-left: 2em;
}
#divRefine > p
{
	padding-left: 5%;
	text-align: left;
}
#divRefine > ul
{
	padding-inline-start: 0;
	padding-left: 0;
	margin-left: 5%;
	/*width: 90%;*/
}
/*====================================================
	ＩＮＰＵＴ
=====================================================*/
input[type="text"], input[type="number"], input[type="date"], select, input[type="password"]
{
	-webkit-appearance: none;
	appearance: none;
	border: solid 1px #ccc;
	border-radius: 4px;
	box-shadow: inset 0 1px 1px #e1e1e1;
	box-sizing: border-box;
	font-size: 1.1vw;
	padding: 5px;
}
input[type="text"]:focus , input[type="number"]:focus, input[type="date"]:focus
{
  outline: 0;
  border-color: blue;
}
input[type="text"], input[type="number"], input[type="button"], input[type="date"], input[type="password"]
{
	height: 2em;
}
input[type="radio"],input[type="checkbox"], *.BoxLabel
{
	position: relative;
	top: 2px;
}
input[type="checkbox"]
{
	border-style: none;
}
input[type="checkbox"]:focus 
{
	outline-style: solid; 
	outline-width: 1px; 
	outline-color: blue;
}
input.ja
{
	ime-mode: active;				/*日本語入力モード*/
}
input.alpha
{
	ime-mode: disabled;				/*日本語入力ＯＦＦ*/
}
input.num
{
	text-align: right;				/*右詰め*/
}
*.Tree
{
	cursor: pointer;
    line-height: 15px;
	font-size: 10px;
	text-decoration: none;
	color:#333;
}
label
{
	cursor: pointer;
}
textarea:focus 
{
    outline: none;
}
/*====================================================
	ＴＡＢＬＥ
====================================================*/
table
{
	border-collapse: collapse;		/*セルの罫線を重ねて表示*/
	border-spacing: 0;
	/*テスト用*/
	/*border: 1px solid;*/
	/*border-color: red;*/	
}
th, td
{
	font-size: 14px;
	padding: 3px;	 				/*枠と内容間隔 上下,左右*/
	/*テスト用*/
	/*border: 1px solid;*/
	/*border-color: green;*/	
}
td.tdNotPadding
{
	padding: 0px;
	vertical-align: top;
}
*.OuterFrame
{
   border-collapse: collapse;
   border: 1px solid blue;
}
*.SearchLine
{
   border-top: 1px solid PowderBlue;
}
*.SearchStoreLine
{
   border-top: 1px solid Blue;
}
/*====================================================
	リスト
====================================================*/
ul
{
	padding-inline-start: 0.2vw;
	padding-left: 0;
	text-align: left;
	/*width: 99%;*/
	/*テスト用*/
	/*border: 1px solid;*/ 			
	/*border-color: black;*/
}
li								
{
	list-style-type: none;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	/*テスト用*/
	/*border: 1px solid; */					
	/*border-color: orange;*/
}
/*-------------------------------
	 共通メニュー 
--------------------------------*/
li.liUser
{
	/*width: 14vw;*/	/*	100÷7	*/
	width: 14%;			/*	100÷7	*/
}
li.liStore
{
	/*width: 11vw;*/	/*	86÷7	*/
	width: 11%;			/*	4つ	*/
}
li.liStoreSlim
{
	width: 9%;			/*	4つ	*/
}
li.liStoreSmall
{
	/*width: 7vw;*/
	width: 7%;			/*	2つ	*/
}
li.liManager
{
	/*width: 12vw;*/	/*	100÷8	*/
	width: 12%;			/*	100÷8	*/
}
li.licsStore
{
	/*width: 9vw;*/			/*	100÷11	*/
	width: 9%;				/*	3つ	*/
}
li.licsStoreSlim
{
	width: 8%;				/*	7つ	*/
}
/*---Complete------*/
li.liComplete
{
 	background-color: white;
}
li.liSubMenuCheck
{
	font-size: small;
}
/*====================================================
	ボタン
====================================================*/
input[type="button"], button
{
	appearance: none;
	-webkit-appearance: none;
	border-radius: 4px;
	cursor: pointer;
	font-size: 14px;
	padding: 5px;
	text-align: center;
	font-family: "MS UI Gothic";
}
input[type="button"].LargeButton
{
	width: 90%;
	font-size: 23px;
	font-weight: bold;
	height: 8vh;
	border-radius: 8px;
}
input[type="button"].MiddleButton
{
	font-size: 20px;
	height: 4vh;
	border-radius: 6px;
}
input[type="button"].FoldingButton
{
	border: none;	
	font-size: 12px;
	font-weight: bold;
	color: Blue;
	background-color: transparent;
	padding: 1px;
	padding-left: 3px;
	padding-right: 3px;
	height: auto;
	border-radius: 3px;
}
#Btn_NewRegister, #Btn_ReturnLogin, #Btn_SampleStart, #Btn_SampleSearch
{
	margin-top: 50px;
	/*margin-bottom: 50px;*/
	height: 70px;
	font-size: 23px;
	border-radius: 8px;
}
#Btn_Login, #Btn_LoginRegister
{
	height: 35px;
}
*.btnok
{
 	background-color: PeachPuff;
	color: Blue;
  	border: Orange solid 1px;
}
*.btncancel
{
 	background-color: GhostWhite;	
	color: Black;
  	border: Gray solid 1px;
}
*.btnclose
{
	background-color: transparent;
}
*.btnedit
{
	background-color: azure;
	color: MediumBlue;
	border: solid 1px;
}
*.btnsearch
{
	background-color: snow;
	color: MediumBlue;
}
*.btnextra
{
 	background-color: yellow;
	color: Blue;
  	border: Orange solid 1px;
}
*.btnBlueWhite	/*青ボタン白抜き文字*/
{
 	background-color: #0099ff;
	color: white;
  	border: #0033ff solid 1px;
}
*.btnWhiteBlue	/*白ボタン青文字*/
{
 	background-color: white;
	color: Blue;
  	border: #0033ff solid 1px;
}
/*====================================================
	カーソル
====================================================*/
*.arrow
{
	cursor: default;
}
/*====================================================
	バナー
====================================================*/
/* バナー本体 */
.news-banner 
{
  display: block;
  height: 30px;
  width: 100%;
  /* background-color: white; */
  overflow: hidden;
}
/* バナー内コンテンツ */
.news-banner__content 
{
  display: inline-block;
  color: DarkBlue;
  font-size: small;
  line-height: 30px;
  padding-left: 100%;
  white-space: nowrap;
  
  animation: animate-banner 30s linear;					/* 定義名，スピード，一定のスピード */
  animation-iteration-count: 3;							/* 流す回数	*/
  /* animation: animate-banner 30s linear infinite;*/		/*定義名，スピード，一定のスピード，無限に繰り返す */
}
/* バナー内の要素をすべて選択 */
.news-banner__content > * 
{
  display: inline-block;
}
/* 横にスクロールさせるアニメーション */
@keyframes animate-banner 
{
	0% 
	{	transform: translateX(0);	}
	100% 
	{	transform: translateX(-100%);	}
}
/*====================================================
	表示
====================================================*/
#Txt_SearchName						/*Search.php, StoreFlier.php  商品名入力エリア */
{
  	border: Blue solid;
	border-width: 2px;
}
*.radius
{
	border-radius: 10px;       		/* CSS3草案 */  
    -webkit-border-radius: 10px;	/* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;		/* Firefox用 */ 
}
*.Overflow_h
{
	text-overflow: ellipsis;		/*Overflow (..)	*/
	overflow: hidden;
	white-space: nowrap;
}
*.Overflow_a
{
	overflow: auto;
}
*.OverflowXhidden
{
	overflow-x: hidden;
}
*.WordWrapBreak				/* 折り返し */
{
	word-wrap: break-word;
}
*.WhiteSpaceNormal
{
	white-space: normal;
}
*.BorderNone
{
	border-style: none;
}
*.BorderBlack
{
	border: 1px solid;
	border-color: black;
}
*.BorderConfirm
{
	border: 1px solid;
	border-color: gray;
}
*.BorderWhite
{
	border: 1px solid;
	border-color: white;
}
*.BorderOrange
{
  	border: Orange solid 1px;
}
*.BorderBlue
{
  	border: Blue solid 1px;
}
*.MCenter
{
	margin-left: auto;
	margin-right: auto;
}
*.inlineBlock
{
	display: inline-block;
}
/*---右寄せ---*/
*.MRight
{
	margin-left: auto;
}
*.TCenter
{
	text-align: center;
}
*.TLeft
{
	text-align: left;
}
*.TRight
{
	text-align: right;
}
*.Top
{
	vertical-align: top;
}
*.Bottom
{
	vertical-align: bottom;
}
*.StrBottom
{
	display: table-cell;
	margin: 0;
	vertical-align: bottom;
}
*.PSpace
{
	padding-left: 20px;
}
*.PAllSpace
{
	padding: 10px;
}
*.PRightSpace
{
	padding-right: 10px;
}
*.PTopSpace
{
	padding-top: 10px;
}
*.PTopDoubleSpace
{
	padding-top: 20px;
}
*.PTBSpace
{
	padding-top: 10px;
	padding-bottom: 10px;
}
*.PLeftSpace10
{
	padding-left: 10px;
}
*.PLeftSpace
{
	padding-left: 5px;
}
*.PBottomSpace
{
	padding-bottom: 10px;
}
*.MarginLeft10
{
	margin-left: 10%;
}
*.MarginLeft04
{
	margin-left: 4%;
}
*.MarginLeftOne
{
	margin-left: 1em;
}
*.MarginSpace
{
	margin-left: 20px;
}
*.MarginRightOne
{
	margin-right: 1em;
}
*.MTopSpace
{
	margin-top: 10px;
}
*.MTopDoubleSpace
{
	margin-top: 20px;
}
*.MtopSpace10vh
{
	margin-top: 10vh;
}
*.MBottomSpace
{
	margin-bottom: 10px;
}
*.MarginAll
{
	margin: 3px;
}
*.v_visible
{
	visibility: visible;
}
*.v_hidden
{
	visibility: hidden;
}
*.d_none
{
	display: none;
}
*.d_block
{
	display: block;
}
*.d_inline
{
	display: inline;
}
*.rowDisp
{
	display: table-row;
}
*.tdinline
{
	display: table-cell;
}
*.SmaOnlyDisp
{
	display: none;
}
*.fontXSmall
{
	font-size: x-small;		/* font-size: -2 */
}
*.fontSmall
{
	font-size: small;		/* font-size: -1 */
}
*.fontLarge	
{
	font-size: large;		/* font-size: +1 */
}
*.fontXLarge
{
	font-size: x-large;		/* font-size: +2 */
}
*.f08
{
	font-size: 8px;
}
*.f10
{
	font-size: 10px;
}
*.f12
{
	font-size: 12px;
}
*.f14
{
	font-size: 14px;
}
*.f16
{
	font-size: 16px;
}
*.f18
{
	font-size: 18px;
}
*.f20
{
	font-size: 20px;
}
*.f24
{
	font-size: 24px;
}
*.f26
{
	font-size: 26px;
}
*.f30
{
	font-size: 30px;
}
*.fontNormal
{
	font-weight: normal;
	color: Black;
}
*.fontGray
{
	font-weight: normal;
	color: Gray;
}
*.fontHighlight
{
	font-weight: bold;
	color: Red;
}
*.fontHighlightBlue
{
	font-weight: bold;
	color: Blue;
}
*.fontDarkBlue
{
	color: DarkBlue;
}
*.fontLightBlue
{
	color: LightBlue;
}
*.fontBlue
{
	color: Blue;
}
*.fontComment
{
	color: Crimson;
}
*.Bold
{
	font-weight: Bold;
}
*.fontweightNormal
{
	font-weight: normal;
}
*.em2
{	width: 2em;	}
*.em3
{	width: 3em;	}
*.em4
{	width: 4em;	}
*.em8
{	width: 8em;	}
*.em10
{	width: 10em;	}
*.em12
{	width: 12em;	}
*.em15
{	width: 15em;	}
*.em20
{	width: 20em;	}
*.em30
{	width: 30em;	}
*.em50
{	width: 50em;	}
*.wFullvw
{	width: 100vw;	}
*.wFullvh
{	height: 100vh;	}
*.wFull
{
	width: 100%;
}
*.w95p
{
	width: 95%;
}
*.w90p
{
	width: 90%;
}
*.w85p
{
	width: 85%;
}
*.w83p
{
	width: 83%;
}
*.w80p
{
	width: 80%;
}
*.w75p
{
	width: 75%;
}
*.w70p
{
	width: 70%;
}
*.w60p
{
	width: 60%;
}
*.w40p
{
	width: 40%;
}
*.w35p
{
	width: 35%;
}
*.w30p
{
	width: 30%;
}
*.w20p
{
	width: 20%;
}
*.w15p
{
	width: 15%;
}
*.w02
{
	width: 20px;
}
*.w03
{
	width: 30px;
}
*.w04
{
	width: 40px;
}
*.w05
{
	width: 50px;
}
*.w06
{
	width: 60px;
}
*.w07
{
	width: 75px;
}
*.w08
{
	width: 80px;
}
*.w10
{
	width: 100px;
}
*.w12
{
	width: 120px;
}
*.w15, *.wYMD
{
	width: 150px;
}
*.w18
{
	width: 180px;
}
*.w20
{
	width: 200px;
}
*.w25
{
	width: 250px;
}
*.w30
{
	width: 300px;
}
*.w40
{
	width: 400px;
}
*.w50
{
	width: 500px;
}
*.w60
{
	width: 600px;
}
*.w70
{
	width: 700px;
}
*.w80
{
	width: 800px;
}
*.w920
{
	width: 920px;
}
*.w1020
{
	width: 1020px;
}
*.w1050
{
	width: 1050px;
}
*.w7sp
{
	width: 14%;			/*	100÷7	(7分割)	*/
}
*.w11vw
{
	width: 11vw;		/* FlierRegisterPC (Txt_Price, Lb_AfterPrice) 位置合わせのため */
}
*.w09vw
{
	width: 9vw;			/* FlierRegisterPC (Txt_Plural1, Txt_Plural2, Lb_AfterPlural1, Lb_AfterPlural2) 位置合わせのため */
}
*.hFull
{
	height: 100%;
}
*.h80p
{
	height: 80vh;
}
*.h75p
{
	height: 75vh;
}
*.h70p
{
	height: 70vh;
}
*.Maxh60p
{
	max-height: 60vh;
}
*.h60p
{
	height: 60vh;
}
*.h03
{
	height: 30px;
}
*.h05
{
	height: 50px;
}
*.h10
{
	height: 100px;
}
*.h20
{
	height: 200px;
}
*.h40
{
	height: 400px;
}
*.h11p
{
	height: 11%;
}
*.h10p
{
	height: 10%;
}
*.h7sp
{
	height: 14%;			/*	100÷7	(7分割)	*/
}
*.Lighter
{
	font-weight: lighter;
}
*.Black
{
	color: Black;
}
*.Blue
{
	color: Blue;
}
*.Red
{
	color: Red;
}
*.Show
{
	color: Firebrick;
}
*.BgColor1
{
	background-color: White;
}
*.BgColor2
{
	background-color: AliceBlue;
}
*.BgColor3
{
	background-color: Honeydew;
}
*.BgColor9
{
	background-color: gainsboro;
}
*.BgTrans
{
	background-color: transparent;
}
*.BgFlierRegister
{
	background-color: Moccasin;
}
*.BgMainMenu
{
	background-color: Bisque;
}
*.WhiteBox
{
	background-color: White;
  	border: Orange solid 1px;
	border-radius: 10px;			/* CSS3草案 */  
	-webkit-border-radius: 10px;	/* Safari,Go */
	-moz-border-radius: 10px;		/* Firefox用 */ 
}
*.OverDot
{
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
}
*.TextNormal
{
	text-decoration: none;
}
*.TextDecoration
{
	text-decoration: line-through;
}
.Confirm
{
	text-align: center;
}
.Confirm table
{
	margin-left: auto;
	margin-right: auto;
}
/*====================================================
	円マーク
====================================================*/
/*---------------------------------------------------------------------使用不明 実行すると以下行反映されないのでコメントにしておく
.circleminus, .circleplus
{
	top: 25%;
	right: 20px;
	width: 16px;
    height: 16px; 
    border-radius: 50%;
 	background-color: #0099ff;
	color: white;
	font-weight: bold;
	/*position: relative; */
    margin: 0 auto;			/* ←円を中央揃え */
    text-align: center;		/* ←文字を左右に中央揃え */
    line-height:  1.4;		/* ←文字を上下に中央揃え */
	/*transform: translate(-50%, -50%);	*/
}
----------------------------------------------------------------------------------------------------------------------*/
/*====================================================
	ポップアップ
====================================================*/
*.ulrelative
{
	padding-inline-start: 0px;
	/*position: relative;*/
}
*.CompHidden
{
	position: absolute;
	z-index: 10;
	visibility: hidden;
}
*.CompVisible
{
	position: absolute;
	z-index: 10;
	visibility: visible;
}
div#divbody
{
	position:relatibe;
}
div#divPopUpFlier
{
	appearance: none;
	-webkit-appearance: none;
	border: 1px solid;
	border-color: blue; 
	border-radius: 4px;
	position: fixed;
	z-index:  10;
	top: 360px;
	left: 745px;
	margin-left: auto;
	margin-right: auto;
	padding: 2px;
	width: 450px;
	text-decoration: none;
	font-size: small;
	color:blue;
}
div#divPopUpConfirm, #divPopUpLogin, div#divPopUpPW, div#divPopUpAuthN
{
	appearance: none;
	-webkit-appearance: none;
	border: 1px solid;
	border-color: blue; 
	border-radius: 4px;
	/*position: absolute;	*/
	position: fixed;
	z-index:  10;
	/*visibility: hidden;	*/
	top: 150px;
	left: 200px;
	margin-left: auto;
	margin-right: auto;
	padding: 2px;
	width: 700px;
	/*height: 500px;	*/
	text-decoration: none;
}
/*----------------------------------------------------*/
/*		規　　約	・　ク ッ キ ー	  　　　　　　　　*/
/*----------------------------------------------------*/
/*  背景（曇りガラス), 認証コード入力エリアも		　*/
div#divRulesBase, #divFrostedBase, #divMyNewPasswordBase
{
	appearance: none;
	-webkit-appearance: none;
	position: fixed;
	z-index:  20;
	width: 90vw;
	height: 90vh;
	/* top から margin-left まで position:fixed の上下左右センタリング */
	top: 50%;
	left: 50%;
	margin-top: -45vh;
	margin-left: -45vw;
	text-align: center;
	background-color: rgba(255, 255, 255, 0.5);
	/*	background-color: rgba(0,0,0,0.5);	*/
}
div#divCookieBase
{
	appearance: none;
	-webkit-appearance: none;
	position: fixed;
	z-index:  20;
	/* top から margin-left まで position:fixed の上下左右センタリング */
	top: 50%;
	left: 50%;
	margin-top: -45vh;
	margin-left: -20vw;
	text-align: center;
	background-color: rgba(255, 255, 255, 0.0);
	/*	background-color: rgba(0,0,0,0.5);	*/
}
/*  文字枠	*/
div#divRules
{
	appearance: none;
	-webkit-appearance: none;
	border: 1px solid;
	border-color: black; 
	margin: 0 auto;
	margin-top: 2vw;
	width: 80vw;
	height: 75vh;
	background-color: white;
	opacity: 1;
}
div#divCookie
{
	appearance: none;
	-webkit-appearance: none;
	border-radius: 4px;
	border: 1px solid;
	border-color: blue; 
	margin: 0 auto;
	margin-top: 2vw;
	padding: 10px;
	/*width: 80vw;
	height: 75vh;	*/
	background-color: white;
	opacity: 1;
}
/*  文章部分	*/
div#divRulesDetail
{
	margin: auto;
	margin-top: 10px;
	padding-right: 1vw; 
	width: 75vw;
	height: 70vh;
	overflow: auto;
}
#divCookieDetail
{
	margin: auto;
	margin-top: 10px;
	padding: 3px;
/*	width: 75vw;
	height: 70vh;	*/
	overflow: auto;
}
/*  同意 または 閉じるボタン	*/
input[type="button"].RulesButton
{
	width: 80vw;
	font-size: 23px;
	font-weight: bold;
	height: 8vh;
}
ul#ulBranchList
{
	width: 296px;
	height: 120px;
	overflow: auto;
}
/*----------------------------------------------------*/
/*		ページトップ移動ボタン						  */
/*----------------------------------------------------*/
#BtnPage_top
{
  display: inline-block;
  text-decoration: none;
  background: #87befd;
  color: #FFF;
  width: 50px;
  height: 50px;
  line-height: 50px;
  border-radius: 50%;
  text-align: center;
  overflow: hidden;
  transition: .4s;
  position: fixed;
  right: 30px;
  bottom: 5px;
  opacity: 0.6;
  font-size: 50px;
  transform: rotate(90deg);
  visibility: hidden;
}
#BtnPage_top:hover 
{
  background: #668ad8;
}
/*----------------------------------------------------*/
/*		レスポンシブ								  */
/*----------------------------------------------------*/
/*　表示幅対策	*/
@media screen and (max-width:640px)	
{
	li								
	{
		text-overflow: clip;
		/*overflow: auto;	*/
		*overflow: hidden;
		white-space: normal;
	}
	*.SmaBottom
	{
		bottom: 0;
	}
	*
	{
		line-height:1.0;
	}
	body, div#divPopUpBase
	{
		background-color: #FFE691;		/*ページ全体の背景色 */	
		text-align: center;				/*IE6以下でセンタリングするための対策*/
		font-family:"游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
		overflow-y: scroll;
		-webkit-overflow-scrolling: touch;	/*スマホ時 スクロールをスムーズにするため*/
	}
	#Btn_SampleStart, #Btn_SampleSearch
	{
		margin-top: 30px;
		height: 70px;
		font-size: 18px;
		border-radius: 8px;
	}
	*.btnedit, *.btnsearch
	{
		color: DarkBlue;
	}
	th, td
	{
		font-size: 18px;
		padding: 3px;	 				/*枠と内容間隔 上下,左右*/
		/*テスト用*/
		/*border: 1px solid;*/
		/*border-color: green;*/	
	}
	*.liRagioCheckHeight
	{
		line-height: 2.2;
	}
	
	input[type="checkbox"], input[type="radio"]
	{
		transform:scale(1.5);
		top:0px;
	}
	*.SmafontLarge
	{
		font-size: 6vw;
	}
	*.SmaBoxLineHeight
	{
		line-height: 2.5;
	}
	*.BoxLabel
	{
		margin-left: 10px;
	}
	input[type="text"], input[type="button"], input[type="number"],input[type="date"]
	{
		font-size: 5vw;
	 	/*height: 2.5em;	*/
	 	height: 2em;
	}
	select
	{
		-moz-appearance: menulist;
		-webkit-appearance: menulist;
  		font-size: 5vw;
	 	background-color: white;
	 	/*height: 2.5em;	*/
	 	height: 2em;
	}
	select::-ms-expand 
	{
    	display: block;
	}
	input[type="time"], input[type="password"]
	{
		font-size: 8vw;
	 	background-color: white;
	}
	/* ハンバーガーメニューの上に表示されないようにした */
	*.CompHidden
	{
		position: absolute;
		z-index: 5;
		visibility: hidden;
	}
	*.CompVisible
	{
		position: absolute;
		z-index: 5;
		visibility: visible;
	}
	/* cmFlierRegisterSma.js 予測表示用 */
	*.SmaCompList
	{
		bottom: 100%;
	}
	#.Btn_CompSource
	{
		 position: absolute;
		 top: -10px;
		 right: -10px;
		 font-size: 10px;
		 padding: 1px 4px;
		 z-index: 1001;
		 background: #f0f0f0;
		 border-radius: 50%;
		 border: 1px solid #ccc;
	}

	/* *.w03, *.w12, *.w15, *.w50, *.w80p, *.w95p, *.em20, *.em30, *.em50, *.SmaWidth90vw	*/
	*.SmaWidth90vw
	{
		width: 90vw;
	}
	*.wRegisterDateTime
	{
		width: 20vw;
	}
	/* 要素幅 枠内最大 */
	*.SmaElementFullWidth
	{
	 	width: 97%;
	}
	*.SmaElement40vw
	{
		width: 40vw;
	}
	*.SmaWidth15p
	{
		width: 15%;
	}
	*.SmaWidth85p
	{
		width: 85%;
	}
	/* 要素高  */
	*.SmaHeightAuto
	{
		height : auto;
	}
	*.SmaHeightDouble
	{
	 	height: 2.0em;
	}
	*.SmaVerticalMiddle
	{
		vertical-align: middle;
	}
	input[class="SmaElementHighHeight"], #Btn_Login, #Btn_AccountSearch, #Btn_LoginRegister
	{
	 	height: 2.0em;
		font-size: 7vw;
	}
	div#divPopUpPW
	{
		top: 20vh;
		left: 10vw;
		padding: 2px;
		width: 80vw;
	}
	table, tbody, thead, tfoot, tr, th, td
	{
    	display: block;
	}
	/*
	ul
	{
		width: 99%;
	}
	*/
	*.SmaPLeftSpace
	{
		padding-left: 5px;
	}
	*.SmaPSpace10
	{
		padding-left: 10px;
	}
	*.SmaPSpace
	{
		padding-left: 20px;
	}
	*.SmaPTopSpace
	{
		padding-top : 5px;
	}
	*.SmaPBottomSpace
	{
		padding-bottom : 5px;
	}
	*.SmaliMarginTop
	{
		margin-top : 5px;
	}
	*.SmaMTopSpace
	{
		margin-top : 10px;
	}
	*.SmaMBottomSpace
	{
		margin-bottom : 10px;
	}
	/*フレックスコンテナ 縦並び(sma) */
	.flex-container
	{
		display:flex;
		flex-direction: column;
	}
	/*フレックスコンテナ 横並び */
	.flex-Beside
	{
		display:flex;
	}
	.flex-Beside .flex-BesideItem
	{
		display:flex;
	}
	*.SmaTCenter
	{
		text-align: center;
	}
	*.SmaTLeft
	{
		text-align: left;
	}
	*.SmaOnlyDisp
	{
		display: inline;
	}

	input[type="button"]
	{
		padding: 1px;
	}
	ul.ulinline
	{
		width: auto;
	}
	li.liSubMenuCheck
	{
		font-size: medium;
		margin-bottom: 10px;
	}
	#tblResult ul
	{
		margin-block-start: 1px;
		margin-block-end: 1px;
	}
	*.rowDisp
	{
		display: block;
	}
	div#divbody
	{
		width: 100%;
		overflow: hidden;	
	}
	div#divSubMenu, div#divLeftSpace, div#divSmaSubMenu, div#divStoreList, div#divBranchList
	{
		font-size: 5vw;
		line-height:1.2;
	}
	div#divSubMenu, div#divSubMenuLarge, div#divContentRight, div#divHalfLeft, div#divHalfRight, div#divContentRightSmall,
	*.divContentRight, #TBL_MyAccount, div#divPopuUpBase, div#divSmaSubMenu, div#divStoreList, div#divBranchList, div#divStoreEdit, div#divBranchEdit
	{
		width: 99vw;
		clear: both;					/*回り込み解除*/
		overflow: hidden;	
	}
	div#divSubMenuLarge 
	{
		font-size: 16px;
	}
	div#divContentRight, *.divContentRight, div#divContentRightSmall, div#divStoreEdit, div#divBranchEdit
	{
		margin-top: 10px;
		float: left;
	}
	#divSubMenu > p, #divSmaSubMenu > p
	{
		padding-left: 5px;
	}
	#divSubMenu > ul, #divSmaSubMenu > ul
	{
		margin-left: 1em;
	}
	#divRefine > p
	{
		padding-left: 5px;
	}
	#divRefine > ul
	{
		margin-left: 5px;
	}
	div#divFooter, div#divFlierEdit, 
	{
		width: 99vw;
	}
	div#divLeftSpace, li#liLogin, li#li_SearchName1, li#li_SearchName2, li#li_SearchName3, li#li_SearchName4, *.VerticalHide, div#divDBread,
	#Btn_Guide, #Btn_Candidate, li#limsFlierConfirm, li#licsFlierConfirm, #Btn_Confirm, *.SmaDispNone
	{
		display: none;
	}
	#tblFlier
	{
		width: 98vw;
		height: 40vh;
		overflow-y: scroll:
	}
	#GoodsTBL
	{
		width: 98vw;
		height: 70vh;
		overflow-y: scroll:
	}
	ul.ulMainMenu						
	{
		top: 40px;
		/* height: 100vh; */
		position: fixed;
		font-size: medium;
		display: none;
		z-index: 10;
	}
	li.liUser, li.liManager, li.licsStore, li.licsStoreSlim, li.liStore, li.liStoreSmall, li.liStoreSlim
	{
		width: 99vw;
	}
	li.liMainMenu, li.liMainMenuEnd, li.liMainMenuRight, li.liStoreSmall
	{
	 	height: 16vh;
	 	/*	height: calc((100vh - 40px) / 7);	*/
		line-height:16vh;
	 	/*	line-height: calc((100vh - 40px) / 7);	*/
	   	display: block;
		margin-top:0px;
		font-size: 20px;
		border-top: 1px White double;
	}
	/*----- cmFlierRegisterSma ------*/
	select#Lbx_Flier
	{
		margin-left: 1px;
		font-size: 3.5vw;
		padding: 1px;
		width: 99vw;
		height: 40vh;
	}
	#Txt_StrSearch, #Btn_Forgot
	{
		width: 50vw;
	}
	#Btn_BranchAll, #Btn_BranchClear, #Lbx_Use
	{
		width: 40vw;
	}
	#Btn_PWChange, #Btn_MailChange
	{
		margin-top : 10px;
		width: 90vw
	}
	*.OverDot                        
	{
		white-space: normal;
	}
	*.wrap
	{
		overflow: hidden;	
	}
	*.MarginSpace
	{
		margin-left: 0px;
	}
	li.SwitchVS		/* 画面 広→横並び　狭→縦並び */
	{
		display: inline;
		margin-right: 1em;
	}
	*.SmaBorderNone
	{
		border-style: none;
	}

	#Btn_Search, #Btn_TownAdd, #Btn_CopyAdd, #Btn_LbxUpdate
	{
		font-size: 7vw;
	}
	#Btn_LbxUpdate
	{
		background-color: Pink;
		color: white;
		text-shadow: 1px 1px 0px DeepPink, -1px 1px 0px DeepPink, 1px -1px 0px DeepPink, -1px -1px 0px DeepPink;
		border: solid 1px DeepPink;
	}
	#Btn_CopyAdd
	{
		background-color: Blue;
		color: white;
		text-shadow: 1px 1px DeepSkyBlue, -1px 1px DeepSkyBlue, 1px -1px DeepSkyBlue, -1px -1px DeepSkyBlue;
		border: solid 1px DeepSkyBlue;
	}
	/* nuv ハンバーガーメニュー */
	nav ul
	{
		height: calc(100% - 40px);		/* -40pxは nav height分 */
		overflow: auto;
		-webkit-overflow-scrolling: touch;
	}
	#humberger
	{
	  position: relative;
	  height: 24px;
	  width: 24px;
	  display: inline-block;
	  box-sizing: border-box;
	  margin-top: 12px;
	  margin-right: 12px;
	  margin-bottom: 5px;
	  float:right;
	}
	#humberger div
	{
	  position: absolute;
	  left: 0;
	  height: 4px;
	  width: 24px;
	  background-color: #444;
	  border-radius: 2px;
	  display: inline-block;
	  box-sizing: border-box;
	}
	#humberger div:nth-of-type(1)
	{
	  top: 0;
	}
	#humberger div:nth-of-type(2)
	{
	  top: 10px;
	}
	#humberger div:nth-of-type(3)
	{
	  bottom: 0;
	}
	/*
	li.#HumbergerBottom
	{
		margin-bottom: 50px;
		padding-bottom: 50px;
	}
	*/
	/* 規約　スマホ位置	*/
	div#divRulesBase, div#divCookieBase
	{
		width: 98vw;
		height: 98vh;
		top: 0%;
		left: 0%;
		margin-top: 0vh;
		margin-left: 0vw;
		/*text-align: center;
		background-color: rgba(255, 255, 255, 0.5);*/
	}
	div#divRules, div#divCookie
	{
		margin-top: 5vw;
		width: 95%;
		height: 85%;
	}
	div#divRulesDetail, div#divCookieDetail
	{
		margin: auto;
		margin-top: 10px;
		padding-right: 1vw; 
		width: 80%;
		height: 90%;
		overflow: auto;
	}
}