@charset 'utf-8';
/*=====================================================
 * global_menu.css
 * グローバルメニュー用CSS
 * ※汎用ボタンになりストーリーや演出中で表示崩れがおきるようになったので新たに作成。
 *====================================================*/
.popupMenuGlobalMenu .frameWrapBody .popupHead.title {
	font-family: "DF-HeiSeiMaruGothic-W4_4", Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif;
}
.popupMenuGlobalMenu .frameWrapBody .popupBody img {
	max-width: 100%;
}
.popupCloseBtnX {
	-webkit-tap-highlight-color: transparent;
	-moz-tap-highlight-color: transparent;
	tap-highlight-color: transparent;
}
.popupMenuGlobalMenu .mini_icon_btn_01, .popupMenuGlobalMenu .mini_icon_btn_03, .popupMenuGlobalMenu .mini_icon_btn_04 {
	display: inline-table; 
	cursor: pointer;
	line-height: 14px;
	width: 54px;
	height: 52px;
	margin: 0 auto;
	border: 0;
	background-color: rgba(0,0,0,0);
	background-image: url("https://ouji2.img.koi-social.com/img_s/layout/btn_common_mini_sprites.png?v=1760556372") !important;
	background-repeat: no-repeat;
	-webkit-background-size: 144px 128px;
	-moz-background-size: 144px 128px;
	background-size: 144px 128px;
	color: #fff !important;
	font-family: "DF-HeiSeiMaruGothic-W4_4", Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif;
	font-weight: bold;
	font-size: 10px;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
	text-shadow: none; 
	-webkit-tap-highlight-color: transparent;
	-moz-tap-highlight-color: transparent;
	tap-highlight-color: transparent;
}
.popupMenuGlobalMenu .mini_icon_btn_01 {
	background-position: -74px -8px;
}
.popupMenuGlobalMenu .mini_icon_btn_03 {
	background-position: -8px -68px;
}
.popupMenuGlobalMenu .mini_icon_btn_04 {
	cursor: default;
	background-position: -70px -68px;
}
.popupMenuGlobalMenu .mini_icon_btn_01 > span, .popupMenuGlobalMenu .mini_icon_btn_03 > span, .popupMenuGlobalMenu .mini_icon_btn_04 > span {
	display: table-cell; 
	color: #fff !important;
	vertical-align: middle;
}
.popupMenuGlobalMenu .big_btn_short_01, .popupMenuGlobalMenu .big_btn_short_04 {
	display: inline-block; 
	cursor: pointer;
	line-height: 52px;
	width: 300px;
	height: 52px;
	margin: 0 auto;
	border: 0;
	background-color: rgba(0,0,0,0);
	background-image: url("https://ouji2.img.koi-social.com/img_s/layout/btn_common_sprites.png?v=1760556372") !important;
	background-repeat: no-repeat;
	-webkit-background-size: 640px 576px;
	-moz-background-size: 640px 576px;
	background-size: 640px 576px;
	color: #fff !important;
	font-family: "DF-HeiSeiMaruGothic-W4_4", Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif;
	font-size: 14px;
	text-decoration: none;
	text-align: center;
	text-shadow: none; 
	-webkit-tap-highlight-color: transparent;
	-moz-tap-highlight-color: transparent;
	tap-highlight-color: transparent;
}
.popupMenuGlobalMenu .big_btn_short_01 {
	background-position: -322px -395px;
}
.popupMenuGlobalMenu .big_btn_short_04 {
	cursor: default;
	background-position: -8px -515px;
}
.globalMenuCateroryBar {
	width: 254px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 5px auto 0;
	padding: 4px;
	background-color: #f0eaca;
	color: #744900;
	font-family: "DF-HeiSeiMaruGothic-W4_4", Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif;
	font-size: 10px;
	text-align: center;
}
.globalMenuBtn {
	margin: 2px 8px !important;
}

input.big_btn_short_01, input.big_btn_short_02, input.big_btn_short_03, input.big_btn_short_04, input.big_btn_short_05
,button.big_btn_short_01, button.big_btn_short_02, button.big_btn_short_03, button.big_btn_short_04, button.big_btn_short_05
,input.middle_small_btn_01, input.middle_small_btn_02, input.middle_small_btn_03, input.middle_small_btn_04, input.middle_small_btn_05
,button.middle_small_btn_01, button.middle_small_btn_02, button.middle_small_btn_03, button.middle_small_btn_04, button.middle_small_btn_05{
	background-color: transparent;
	font-family: DF-HeiSeiMaruGothic-W4_4;
	/*letter-spacing: -0.1em;*/
}
.big_btn_short_01, .big_btn_short_02, .big_btn_short_03, .big_btn_short_04, .big_btn_short_05 {
	display: inline-block; 
	cursor: pointer;
	line-height: 52px;
	width: 300px;
	height: 52px;
	margin: 0 auto;
	border: 0;
	background-color: rgba(0,0,0,0);
	background-image: url("https://ouji2.img.koi-social.com/img_s/layout/btn_common_sprites.png?v=1760556372") !important;
	background-repeat: no-repeat;
	-webkit-background-size: 640px 576px;
	-moz-background-size: 640px 576px;
	background-size: 640px 576px;
	color: #fff !important;
	font-family: DF-HeiSeiMaruGothic-W4_4;
	font-size: 14px;
	text-decoration: none;
	text-align: center;
	text-shadow: none; 
	-webkit-tap-highlight-color: transparent;
	-moz-tap-highlight-color: transparent;
	tap-highlight-color: transparent;
}
.big_btn_short_01 {
	background-position: -322px -395px;
}
.big_btn_short_02 {
	background-position: -8px -455px;
}
.big_btn_short_03 {
	background-position: -316px -455px;
}
.big_btn_short_04 {
	background-position: -8px -515px;
}
.big_btn_short_05 {
	background-position: -316px -515px;
	color: #926b3c !important;
}
.middle_small_btn_01, .middle_small_btn_02, .middle_small_btn_03, .middle_small_btn_04, .middle_small_btn_05 {
	display: inline-block; 
	cursor: pointer;
	line-height: 36px;
	width: 105px;
	height: 36px;
	margin: 0 auto;
	border: 0;
	background-color: rgba(0,0,0,0);
	background-image: url("https://ouji2.img.koi-social.com/img_s/layout/btn_common_sprites.png?v=1760556372") !important;
	background-repeat: no-repeat;
	-webkit-background-size: 448px 403px;
	-moz-background-size: 448px 403px;
	background-size: 448px 403px;
	color: #fff !important;
	font-family: DF-HeiSeiMaruGothic-W4_4;
	font-size: 12px;
	text-decoration: none;
	text-align: center;
	text-shadow: none; 
	-webkit-tap-highlight-color: transparent;
	-moz-tap-highlight-color: transparent;
	tap-highlight-color: transparent;
}
.middle_small_btn_01 {
	background-position: -221px -163px;
}
.middle_small_btn_02 {
	background-position: -332px -163px;
}
.middle_small_btn_03 {
	background-position: -6px -205px;
}
.middle_small_btn_04 {
	background-position: -116px -205px;
}
.middle_small_btn_05 {
	background-position: -227px -205px;
	color: #926b3c !important;
}
.small_btn_01, .small_btn_02 {
	display: inline-block; 
	cursor: pointer;
	line-height: 34px;
	width: 97px;
	height: 34px;
	margin: 0 auto;
	border: 0;
	background-color: rgba(0,0,0,0);
	background-image: url("https://ouji2.img.koi-social.com/img_s/layout/btn_common_sprites.png?v=1760556372") !important;
	background-repeat: no-repeat;
	-webkit-background-size: 640px 576px;
	-moz-background-size: 640px 576px;
	background-size: 640px 576px;
	color: #fff !important;
	font-family: DF-HeiSeiMaruGothic-W4_4;
	font-size: 12px;
	text-decoration: none;
	text-align: center;
	text-shadow: none; 
	-webkit-tap-highlight-color: transparent;
	-moz-tap-highlight-color: transparent;
	tap-highlight-color: transparent;
}
.small_btn_01 {
	background-position: -333px -353px;
}
.small_btn_02 {
	background-position: -438px -353px;
}

/*=====================================================
 * webフォント
 *====================================================*/
@font-face{
	font-family: DF-HeiSeiMaruGothic-W4_4;
	src: local('DF-HeiSeiMaruGothic-W4_4')
		,url("https://ouji2.img.koi-social.com//font/DF-HeiSeiMaruGothic-W4_4.woff2?v=1760556372") format('woff2')
		,url("https://ouji2.img.koi-social.com//font/DF-HeiSeiMaruGothic-W4_4.woff?v=1760556372") format('woff');
	font-weight: normal;
}