@charset "shift_jis";
/* レスポンシブ対応 */

body { 
	/* overflow: hidden; */
	overflow-x: hidden;

	/* ばたつき対策。画面サイズが確定してからresponsive.jsで解除 */
	visibility: hidden;
}

@media screen and (min-width: 1200px) {
	.visible-lg-block { display: block !important; }
	.visible-lg-inline { display: inline !important; }
	.visible-lg-inline-block { display: inline-block !important; }
	.visible-md-block { display: none !important; }
	.visible-md-inline { display: none !important; }
	.visible-md-inline-block { display: none !important; }
	.visible-sm-block { display: none !important; }
	.visible-sm-inline { display: none !important; }
	.visible-sm-inline-block { display: none !important; }
	.visible-xs-block { display: none !important; }
	.visible-xs-inline { display: none !important; }
	.visible-xs-inline-block { display: none !important; }
	.visible-xs-table-cell { display: none !important; }
	.hidden-lg { display: none !important; }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
	.visible-lg-block { display: none !important; }
	.visible-lg-inline { display: none !important; }
	.visible-lg-inline-block { display: none !important; }
	.visible-md-block { display: block !important; }
	.visible-md-inline { display: inline !important; }
	.visible-md-inline-block { display: inline-block !important; }
	.visible-sm-block { display: none !important; }
	.visible-sm-inline { display: none !important; }
	.visible-sm-inline-block { display: none !important; }
	.visible-xs-block { display: none !important; }
	.visible-xs-inline { display: none !important; }
	.visible-xs-inline-block { display: none !important; }
	.visible-xs-table-cell { display: none !important; }
	.hidden-md { display: none !important; }
}

@media screen and (max-width: 991px) and (min-width: 768px) {
	.visible-lg-block { display: none !important; }
	.visible-lg-inline { display: none !important; }
	.visible-lg-inline-block { display: none !important; }
	.visible-md-block { display: none !important; }
	.visible-md-inline { display: none !important; }
	.visible-md-inline-block { display: none !important; }
	.visible-sm-block { display: block !important; }
	.visible-sm-inline { display: inline !important; }
	.visible-sm-inline-block { display: inline-block !important; }
	.visible-xs-block { display: none !important; }
	.visible-xs-inline { display: none !important; }
	.visible-xs-inline-block { display: none !important; }
	.visible-xs-table-cell { display: none !important; }
	.hidden-sm { display: none !important; }
	
	/* 共通 */
	body{ width: auto; }
	#popup_outline { width: auto; }
	#footer{ width: auto; }
	#head2 img { width: 100%; }
	
	/* acgi.htm */
	#common_head01{ width: auto; height: auto; min-height: 30px; }
	table#common_head02 { width: 100%; height: auto; min-height: 30px; }
	
	/* login.htm */
	/*
	#login_wrap { margin: 45px 20px; width: auto; }
	#login_choice { width: auto; }
	#login_choice_p1{ display: none; }
	#login_choice_p2{float: none; width: auto; text-align: center; }
	#login_choice_b1{ display: none; }
	#login_choice_b2{float: none; width: auto; text-align: center;}
	#login_box { width: auto; height: auto; }
	*/
	
	/* 店舗を選択 */
	/*
	.tempo-list  { margin: 45px auto; max-width: 260px; }
	.tempo-list .tempo { margin-bottom: 1.4em; }
	.tempo-list .tempo .tempo-name { font-size: 100%; margin-bottom: 0.5em; }
	*/
	#page_wrap { width: 90%; margin: 0 auto; }
}

@media screen and (max-width: 767px) {
	.visible-lg-block { display: none !important; }
	.visible-lg-inline { display: none !important; }
	.visible-lg-inline-block { display: none !important; }
	.visible-md-block { display: none !important; }
	.visible-md-inline { display: none !important; }
	.visible-md-inline-block { display: none !important; }
	.visible-sm-block { display: none !important; }
	.visible-sm-inline { display: none !important; }
	.visible-sm-inline-block { display: none !important; }
	.visible-xs-block { display: block !important; }
	.visible-xs-inline { display: inline !important; }
	.visible-xs-inline-block { display: inline-block !important; }
	.visible-xs-table-cell { display: table-cell !important; }
	.hidden-xs { display: none !important; }
	
	/* 共通 */
	body{ width: auto; }
	#popup_outline { width: auto; }
	#footer{ width: auto; }
	#head2 img { width: 100%; }
	.xs-wrapper {  }
	
	/* acgi.htm */
	#common_head01{ width: auto; height: auto; min-height: 30px; }
	table#common_head02 { width: 100%; height: auto; min-height: 30px; }
	
	/* login.htm */
	#login_wrap { margin: 45px 20px; width: auto; }
	#login_choice { width: auto; }
	#login_choice_p1{ display: none; }
	#login_choice_p2{float: none; width: auto; text-align: center; }
	#login_choice_b1{ display: none; }
	#login_choice_b2{float: none; width: auto; text-align: center;}
	#login_box { width: auto; height: auto; }
	
	/* 店舗を選択 */
	.tempo-list  { margin: 20px auto 45px auto; max-width: 260px; }
	.tempo-list .tempo { margin-bottom: 1.4em; }
	.tempo-list .tempo .tempo-name { font-size: 100%; margin-bottom: 0.5em; }
	
	#page_wrap { width: 90%; margin: 0 auto; }
}

.visible-android-block { display: none; }
html.android .visible-android-block { display: block; }
html.android .visible-android-inline { display: inline; }
html.android .visible-android-inline-block { display: inline-block; }
html.android .hidden-android { display: none; }