@CHARSET "UTF-8";

body {
	margin: 0 auto;
	width: 100%;
	max-width: 640px;
	font: 14px/1.231 Verdana, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN",
		"メイリオ", Meiryo, "游ゴシック", YuGothic, sans-serif;
	-webkit-text-size-adjust: none;
	-webkit-font-smoothing: antialiased;
	color: #ffffff;
	text-align: left;
	font-size: 12px;
	letter-spacing: 1px;
	background-image: url("../images/sp-bg.jpg");
	background-size: 320px 320px;
	line-height: 1.5;
	position: relative;
}

section.warp {
	margin: 0 auto;
	width: 100%;
	max-width: 640px;
}

.c-1 {
	background-color: #480800;
	border: 1px solid #1a1816;
	box-shadow: 0 0 0 1px rgba(53, 49, 43, 1) inset;
	color: #b18623;
}

.t-bg {
	border: 1px solid #1a1816;
	box-shadow: 0 0 0 1px rgba(53, 49, 43, 1) inset;
	background-image: url("../images/text-bg.png");
	background-size: 5px 5px;
	background-repeat: repeat;
}

#footer-button {
	position: fixed;
	bottom: 0;
	width: 100%;
	z-index: 10;
	background-image: url("../images/text-bg2.png");
	background-size: 5px 5px;
	background-repeat: repeat;
	max-width: 640px;
	margin: 0 auto;
}

#footer-button img {
	width: 100%;
	height: auto;
	max-width: 640px;
	margin: 0 auto;
}


.pickup-text {
	overflow: hidden;
}

.s_r {
	color: #ff0000;
	border-bottom: 1px solid #ff0000;
}

.s_y {
	color: #ffff00;
	border-bottom: 1px solid #ffff00;
}


.s-girls-box {
	position: relative;
}

.s-girls-box .new {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1000;
	width: 40px;
	height: 40px;
}

#un_menu_all {
	display: none;
}

.relative-box {
	position: relative;
}

.new-face-img-over {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 20;
}

.new-face-img-over2 {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 20;
}

.relative-box .new-face-img-over {
	position: absolute;
	/*top: 430px;*/
	top: 0;
	left: 0;
	z-index: 20;
}

.reflection {
    height      :100%;
    width       :30px;
    position    :absolute;
    top         :-180px;
    left        :0;
    background-color: #fff;
    opacity     :0;
    transform: rotate(45deg);
    animation: reflection 2s ease-in-out infinite;
    -webkit-transform: rotate(45deg);
    -webkit-animation: reflection 2s ease-in-out infinite;
    -moz-transform: rotate(45deg);
    -moz-animation: reflection 2s ease-in-out infinite;
    -ms-transform: rotate(45deg);
    -ms-animation: reflection 2s ease-in-out infinite;
    -o-transform: rotate(45deg);
    -o-animation: reflection 2s ease-in-out infinite;
}

@keyframes reflection {
    0% { transform: scale(0) rotate(45deg); opacity: 0; }
    80% { transform: scale(0) rotate(45deg); opacity: 0.5; }
    81% { transform: scale(4) rotate(45deg); opacity: 1; }
    100% { transform: scale(50) rotate(45deg); opacity: 0; }
}
@-webkit-keyframes reflection {
    0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
    80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
    81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
    100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
}
@-moz-keyframes reflection {
    0% { -moz-transform: scale(0) rotate(45deg); opacity: 0; }
    80% { -moz-transform: scale(0) rotate(45deg); opacity: 0.5; }
    81% { -moz-transform: scale(4) rotate(45deg); opacity: 1; }
    100% { -moz-transform: scale(50) rotate(45deg); opacity: 0; }
}
@-ms-keyframes reflection {
    0% { -ms-transform: scale(0) rotate(45deg); opacity: 0; }
    80% { -ms-transform: scale(0) rotate(45deg); opacity: 0.5; }
    81% { -ms-transform: scale(4) rotate(45deg); opacity: 1; }
    100% { -ms-transform: scale(50) rotate(45deg); opacity: 0; }
}
@-o-keyframes reflection {
    0% { -o-transform: scale(0) rotate(45deg); opacity: 0; }
    80% { -o-transform: scale(0) rotate(45deg); opacity: 0.5; }
    81% { -o-transform: scale(4) rotate(45deg); opacity: 1; }
    100% { -o-transform: scale(50) rotate(45deg); opacity: 0; }
}

.reflection-img {
    position    :relative;
    overflow    :hidden;
}