/****************************************
	==== RESETS
****************************************/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,button,p,blockquote{margin:0;padding:0}

fieldset,img{border:0}

img{vertical-align: bottom;}

table{border-collapse:collapse; border-spacing:0}

address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal}

ol,ul{list-style:none}

.separate,.floatingw,legend{display:none}

button{cursor:pointer}

html, body{
	font-family:"MS PGothic", "Osaka", Arial, sans-serif;
	line-height:1.22;
	font-size:75%;
	width: 100%;
	height: 100%;
	word-break:break-all;
	word-wrap:break-word;
	-webkit-text-size-adjust:100% ;
}

table{font-size:inherit;font:100%}

pre,code,kbd,samp,tt{font-family:monospace;line-height:99%}

h1,h2,h3,h4,h5{font-size:100%; font-weight: normal ;}

a:focus,
select,
input[type="text"],
input[type="submit"] { outline:none;}


/****************************************
	==== FONT
****************************************/

@font-face {
	font-family: "Yu Gothic";
	src: local("Yu Gothic Medium");
	font-weight: 100;
}
@font-face {
	font-family: "Yu Gothic";
	src: local("Yu Gothic Medium");
	font-weight: 200;
}
@font-face {
	font-family: "Yu Gothic";
	src: local("Yu Gothic Medium");
	font-weight: 300;
}
@font-face {
	font-family: "Yu Gothic";
	src: local("Yu Gothic Medium");
	font-weight: 400;
}
@font-face {
	font-family: "Yu Gothic";
	src: local("Yu Gothic Bold");
	font-weight: bold;
}
@font-face {
	font-family: "Helvetica Neue";
	src: local("Helvetica Neue Regular");
	font-weight: 100;
}
@font-face {
	font-family: "Helvetica Neue";
	src: local("Helvetica Neue Regular");
	font-weight: 200;
}

body {
	font-family: "-apple-system", "Helvetica Neue", "Yu Gothic", YuGothic, Verdana, Meiryo, "M+ 1p", sans-serif;
}

/* IE10以上 */
@media all and (-ms-high-contrast: none) {
	body {
	font-family: Verdana, Meiryo, sans-serif;
	}
}


/****************************************
	==== SETTING
****************************************/

body {
	  touch-callout:none;
	  user-select:none;
	  -webkit-touch-callout:none;
	  -webkit-user-select:none;
	  -moz-touch-callout:none;
	  -moz-user-select:none;
}


/****************************************
	==== LAYOUT
****************************************/

html,body {
	height: 100% ;
}

html {
	font-size: 20px ;
	background: #e3d1b6; /* Old browsers */
}

body {
	font-size: 20px ;
	color: #fff ;
	line-height: 1.4 ;
	word-break:normal;
}
/* 背景グラデーション固定 */
body:after {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	content: "";
	z-index: -1;	
	background: #e3d1b6; /* Old browsers */
	background: -moz-linear-gradient(left, #e3d1b6 0%, #f0e7d3 20%, #f0e7d3 80%, #e3d1b6 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #e3d1b6 0%,#f0e7d3 20%,#f0e7d3 80%,#e3d1b6 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #e3d1b6 0%,#f0e7d3 20%,#f0e7d3 80%,#e3d1b6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3d1b6', endColorstr='#e3d1b6',GradientType=1 ); /* IE6-9 */
}

a, a:link, a:visited, a:hover, a:active {
	color: #b51212 ;
	font-weight: normal ;
	text-shadow: none ;
	text-decoration: underline ;
}
main article.accordion a,
main article.accordion a:link,
main article.accordion a:visited,
main article.accordion a:hover,
main article.accordion a:active {
	color: #f84646 ;
}
a:hover {
	text-decoration: none ;
}

a.btn {
	color: #fff ;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#754141+0,371d1d+100 */
background: #754141; /* Old browsers */
background: -moz-linear-gradient(top, #754141 0%, #371d1d 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #754141 0%,#371d1d 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #754141 0%,#371d1d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#754141', endColorstr='#371d1d',GradientType=0 ); /* IE6-9 */
	padding: 0.3rem 0.4rem ;
	border-radius: 0.4rem ;
	display: inline-block ;
	box-shadow: 2px 2px 0 #a25a5a inset, -2px -2px 0 #000000 inset ;
}

/* タップ時のハイライト無効 */
a, input[type="submit"] {
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}

/* タップ時の押下 */
a:active img,
input[type="submit"]:active{
	transform: scale(0.9,0.9);
}

p { padding-bottom: 0.5rem ;}

b {
	color: #ffdb4a ;
	font-weight: normal ;
}

input[type="text"] { width: 80% ; padding: 0.25rem ; box-sizing: border-box ;}
textarea { width: 100% ; min-height: 10rem ; padding: 0.25rem ; box-sizing: border-box ;}

.submit{ text-align: center ; }
.submit input[type="submit"] {
	text-indent: -9999px ;
	width: 40% ;
	min-height: 68px ;
	background: url(../img/btn_0009_0002.png) no-repeat ;
	background-size: contain ;
	border: 0 ;
}
.submit.confirm input[type="submit"]{
	background: url(../img/btn_0009_0001.png) no-repeat ;
	background-size: contain ;
}

h1,
main#help h2,
main#event_ranking_archive h2 {
	font-size: 0.9rem ;
	margin-bottom: 0.2rem ;
}
main#help h1,
main#event_ranking_archive h1 {
	font-size: 1rem ;
	font-weight: bold ;
	text-align: center ;
	text-shadow: 0 0 2px #efddb1, 0 0 2px #efddb1, 0 0 2px #efddb1, 0 0 2px #efddb1, 0 0 2px #efddb1, 0 0 2px #efddb1, 0 0 10px #956d5a ;
	border-bottom: 0.1rem solid #a58475 ;
	padding: 0.5rem ;
	margin-bottom: 1rem ;
}

h2 { font-weight: bold ; margin-bottom: 0.5rem ; }
main#information h2 {
	border-left: 0.2rem solid #b51212 ;
	padding: 0.2rem 0.2rem 0.2rem 0.4rem ;
	margin-bottom: 0.5rem ;
}

main#help h3,
main#event_ranking_archive h3{
	font-size: 0.9rem ;
	font-weight: bold ;
	border-left: 0.2rem solid #b51212 ;
	padding: 0.2rem 0.2rem 0.2rem 0.4rem ;
	margin-bottom: 0.5rem ;
}

main {
	height: 100% ;
	min-height: 100%;
	max-width: 640px ;
	margin: 0 auto ;
	box-sizing:border-box ;
}
body > main {
  height: auto;
}

main#help,
main#event_ranking_archive,
main#error {
	color: #371d1d ;
	padding: 0.25rem ;
}

/* イベントページのbackボタン固定（webviewのバグにより不可）
main#event {
	padding-bottom: 12% !important ;
}
main#event.index {
	padding-bottom: 0.25rem !important ;
}
*/

main section{
	font-size: 0.8rem ;
	padding: 0 0 0.5rem ;
}

.btn_back {
	width: 22% ;
	margin: -0.5rem 0 1rem 0 ;
}
.btn_back img {
	width: 100% ;
}

/* イベントページのbackボタン固定（webviewのバグにより不可）
main#event .btn_back {
	width: 22% ;
	max-width: 6.75rem ;
	position: fixed ;
	left: 0.25rem ;
	bottom: 0.25rem ;
	margin: 0 ;
		-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0, 0, 0);
	z-index: 1000 ;
	
}
main#event .btn_back img {
	width: 100% ;
}
*/

main .title {
	margin-bottom: 0.75rem ;
}
main .title img {
	width: 100% ;
}

.alignright { float: right; margin: 0 0 0.5rem 0.5rem ; }
.alignleft { float: left; margin: 0 0.5rem 0.5rem 0 ; }

.attention { font-size: 0.9em ; color: #ff9494 ; }

.must { color: #b51212 ; font-weight: bold ; }
dl dt .must { display: inline-block ; }

ul.list li {
	margin-bottom: 0.5rem ;
}
ul.list.disc li {
	list-style-type: disc ;
	margin-left: 1rem ;
}

.error { color: #D01114 ; margin-top: 0.25rem ; }

/* coin, gem, gachaticket, gachapoint, rank */ 
table tr td .prize {
	padding: 0.25rem 0 0.25rem 2rem ;
}
table tr td .prize.coin {
	background: url(../img/img_0001_0001.png) no-repeat left center ;
	background-size: 2rem auto ;
}
table tr td .prize.gem {
	background: url(../img/img_0001_0002.png) no-repeat left center ;
	background-size: 2rem auto ;
}
table tr td .prize.gachaticket {
	background: url(../img/img_0001_0003.png) no-repeat left center ;
	background-size: 2rem auto ;
}
table tr td .prize.gachapoint {
	background: url(../img/img_0001_0004.png) no-repeat left center ;
	background-size: 2rem auto ;
}

table tr td .profileimg {
}
table tr td .profileimg img {
	width: 1.5rem ;
	padding: 0 0.25rem ;
}

table tr td .rank {
	padding: 0.5rem 0 0.25rem 1.9rem ;
}
table tr td .rank.rank_01 {
	background: url(../img/img_0002_0001.png) no-repeat left center ;
	background-size: 1.75rem auto ;
}
table tr td .rank.rank_02 {
	background: url(../img/img_0002_0002.png) no-repeat left center ;
	background-size: 1.75rem auto ;
}
table tr td .rank.rank_03 {
	background: url(../img/img_0002_0003.png) no-repeat left center ;
	background-size: 1.75rem auto ;
}

/* clearfix */ 
.clearfix {
    overflow: hidden;
    zoom: 1;
}
.clearfix:after {
    content: "" ;
    display: block;
    clear: both;
}


/****************************************
	==== LAYOUT ACCORDION
****************************************/

main article.accordion,
main article.accordion .inner {
	color: #fff ;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5) ;
	width: 100% ;
	background: #6b4643 url(../img/bg_0001_0002.png) ;
	border: 0.1rem solid #967a68 ;
	padding: 0.15rem ;
	box-sizing: border-box ;
}
main article.accordion {
	margin-bottom: 0.5rem ;
}
main article.accordion .inner {
	padding: 0.4rem ;
	overflow: hidden ;
}

main article.accordion .inner .date,
main article.accordion .inner .content {
	font-size: 0.8rem ;
}

main article.accordion .inner .note {
	line-height: 1 ;
	margin-bottom: 0.5rem ;
}
main article.accordion .inner .note .date {
	color : #f6deb7 ;
	display: inline-block ;
}
main article.accordion .inner .note .category {
	width: 4.5rem ;
	display: inline-block ;
}
main article.accordion .inner .category img {
	width: 100% ;
}

main article.accordion .inner .content {
	background: url(../img/line_0001_0001.png) no-repeat center 0.15rem ;
	background-size: 100% 0.15rem ;
	position: relative ;
	display: block ;
}
main article.accordion .inner .content.b {
	background: none ;
}
main article.accordion .inner .content .eyecatch {
	padding-top: 0.75rem ;
}
main article.accordion .inner .content .eyecatch img {
	width: 100% ;
}
main article.accordion .inner .content p:last-child {
	padding: 0 ;
}
main article.accordion .inner .content .detail p:last-child {
	padding-bottom: 0.5rem ;
}
main article.accordion .inner .content a.toggle {
	text-indent: -9999px ;
	position: absolute ;
	top: -2rem ;
	right: -0.25rem ;
	width: 4rem ;
	height: 2rem ;
	background: url(../img/btn_0001_0001.png) ;
	background-size: contain ;
	
}
main#help article.accordion .inner .content a.toggle,
main#event_ranking_archive article.accordion .inner .content a.toggle {
	display: none ;
}
main article.accordion .inner .content a.toggle.active {
	background: url(../img/btn_0001_0002.png) ;
	background-size: contain ;
}
main article.accordion .inner .content a.toggle img {
	width: 100% ;
}
main article.accordion .inner .content .summary,
main article.accordion .inner .content .detail {
	padding-top: 1rem ;
}
main article.accordion .inner .content.b .summary {
	padding-top: 0 ;
}
main article.accordion .inner .content .summary,
main#event #container #event_bonus.content .box .box_inner .main_event .summary{
	display: none; 
}
main#help article.accordion .inner .content .summary,
main#event_ranking_archive article.accordion .inner .content .summary {
	display: block ;
}
main article.accordion .inner .content .summary img {
	margin-bottom: 0.5rem ;
}
main article.accordion .inner .content .summary ul li {
	padding-bottom: 0.5rem ;
	margin-bottom: 0.5rem ;
	overflow: hidden ;
}
main article.accordion .inner .content .summary ul:last-child li:last-child {
	padding-bottom: 0 ;
}
main article.accordion .inner .content .summary .lead,
main article.accordion .inner .content .summary ul.a li,
main#help.howtoplay_data article.accordion .inner .content .summary ul.a li:last-child {
	border-bottom: 0.05rem solid #967a68 ;
	margin-bottom: 0.5rem ;
}
main article.accordion .inner .content .summary .lead {
	padding-bottom: 0.5rem ;
}
main article.accordion .inner .content .summary ul.a li:last-child,
main article.accordion .inner .content .summary ul.b:last-child {
	border-bottom: 0 ;
	margin-bottom: 0 ;
}
main article.accordion .inner .content section {
	border-bottom: 0.05rem solid #967a68 ;
	padding-bottom: 0.5rem ;
	margin-bottom: 0.5rem ;
}
main article.accordion .inner .content section:last-child {
	border-bottom: 0 ;
	margin-bottom: 0.5rem ;
}
main article.accordion .inner .content  section table {
	width: 100% ;
	margin-bottom: 0.5rem ;
}
main article.accordion .inner .content section table th,
main article.accordion .inner .content section table td {
	padding: 0.2rem ;
}

main article.accordion .inner .content section table.a td {
	vertical-align: top ;
	text-align: center ;
}
main article.accordion .inner .content section table.a td img {
	margin-bottom: 0.2rem ;
}
main article.accordion .inner .content section table.a td {
	vertical-align: top ;
	text-align: center ;
}

main article.accordion .inner .content section table.b {
	border-top: 0.1rem solid #947866 ;
	border-left: 0.1rem solid #947866 ;
}
main article.accordion .inner .content section table.b tr th,
main article.accordion .inner .content section table.b tr td {
	border-right: 0.1rem solid #947866 ;
	border-bottom: 0.1rem solid #947866 ;
}
main article.accordion .inner .content section table.b tr th {
	color: #f6deb7 ;
	text-align: left ;
	background: rgba(0,0,0,0.3) ;
}
main article.accordion .inner .content section table.b tr td {
	background: rgba(0,0,0,0.5) ;
}
main article.accordion .inner .content section table.b tr td.time {	width: 10% ;}
main article.accordion .inner .content section table.b tr td.coin,
main article.accordion .inner .content section table.b tr td.pt {	width: 50% ;}
main article.accordion .inner .content section table.b tr td.rank {
	width: 13% ;
	background: url(../img/img_0002_0004.png) no-repeat center top;
	background-size: 2rem auto ;
	font-weight: bold ;
	text-align: center ;
	text-shadow: 0 0 2px rgba(0, 0, 0, 1), 0 0 2px rgba(0, 0, 0, 1), 0 0 2px rgba(0, 0, 0, 1), 0 0 2px rgba(0, 0, 0, 1) ;
	padding: 0.5rem 0 ;
}
main article.accordion .inner .content section table.b tr td.rank.rank_1 {
	background: url(../img/img_0002_0001.png) no-repeat center top;
	background-size: 2rem auto ;
}
main article.accordion .inner .content section table.b tr td.rank.rank_2 {
	background: url(../img/img_0002_0002.png) no-repeat center top;
	background-size: 2rem auto ;
}
main article.accordion .inner .content section table.b tr td.rank.rank_3 {
	background: url(../img/img_0002_0003.png) no-repeat center top;
	background-size: 2rem auto ;
}

main article.accordion .inner .content  section table.b.rank {
	width: 50% ;
}


/****************************************
	==== HELP
****************************************/

main#help section dl dt{
	font-size: 0.9rem ;
	font-weight: bold ;
	border-left: 0.2rem solid #b51212 ;
	padding: 0.2rem 0.2rem 0.2rem 0.4rem ;
	margin-bottom: 0.5rem ;
}
main#help section dl dd{
	padding-left: 0.5rem ;
	margin-bottom: 1rem ;
}
main#help section dl dd p:last-child{
	padding-bottom: 0 ;
}
main#help.fb section dl dd p:last-child{
	padding-bottom: 0.5rem ;
}

main#help .helptop {
	text-align: center ;
}

main#help.index section,
main#help.howtoplay section,
main#help.howtovs section{
}
main#help.index section ul li,
main#help.howtoplay section ul li,
main#help.howtovs section ul li {
	width: 71.25% ;
	margin: 0 auto 0.25rem ;
}
main#help.index section ul li img,
main#help.howtoplay section ul li img,
main#help.howtovs section ul li img {
	width: 100% ;
}

main#help.gem section .num {
	font-size: 0.9rem ;
	font-weight: bold ;
	margin-bottom: 0.5rem ;
}
main#help.gem section .attention {
	width: 100% ;
}


/****************************************
	==== HELP FB
****************************************/

main#help.fb.term_of_use section ul li {
	margin-bottom: 0.5rem ;
}

/****************************************
	==== INFORMATION
****************************************/

main#information {
	padding: 0.25rem ;
}

main#information article .inner .content .summary dl dt {
	font-weight: bold ;
	margin-bottom: 0.5rem ;
	background: rgba(0,0,0,0.3) ;
	padding: 0.2rem ;
}
main#information article .inner .content .summary dl dd {
	margin-bottom: 0.5rem ;
}

main#information article .inner .content .summary .btn_detail {
	width: 42% ;
	margin: 0 auto ;
}
main#information article .inner .content .summary .btn_detail img {
	width: 100% ;
	margin: 0 ;
}


/****************************************
	==== EVENT
****************************************/

main#event {
	position: relative ;
	padding-bottom: 1rem ;
}

main#event #bg {
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5) ;
	position: relative ;
}

main#event .detail {
	width: 21.875% ;
	position: absolute ;
	top: -0.1rem ;
	right: 1% ;
}
main#event .detail img {
	width: 100% ;
}

main#event.play_off .play,
main#event.play_off .finish {
	display: none ;
}
main#event.play_off #container {
	padding-top: 44% ;
}

main#event .play {
	width: 46.25% ;
	position: absolute ;
	left: 50% ;
	padding-top: 41.5% ;
	margin: 0 0 0 -23.125% ;
}
main#event .play.mission,
main#event .play.play_02 {
	width: 40% ;
	left: 8% ;
	margin: inherit ;
}
main#event .play.event_detail {
	width: 40% ;
	left: inherit ;
	right: 8% ;
	margin: inherit ;
}
main#event .play img {
	width: 100% ;
}

main#event .finish {
	width: 99.6% ;
	position: absolute ;
	left: 50% ;
	padding-top: 43% ;
	margin: 0 0 0 -49.75% ;
}
main#event .finish img {
	width: 100% ;
}

main#event #container {
	font-size: 0.8rem ;
	padding-top: 57% ;
	width: 96% ;
	margin: 0 auto ;
}

main#event #container section.content {
	font-size: 0.8rem ;
	padding-bottom: 0.75rem ;
}
main#event.ranking.index #container section.content {
	padding-bottom: 0.5rem ;
}

main#event #container .content .box {
	border: 0.15rem solid #f5ba57 ;
	background: rgba(0,0,0,0.5) ;
	padding: 0.15rem ;
	box-shadow: 0 0.15rem 0.25rem rgba(0,0,0,0.5) ;
}
main#event.prize #container .content .box,
main#event.detail #container .content .box {
	padding: 0 ;
}
main#event #container .content .box .box_inner {
	border: 0.1rem solid #f5ba57 ;
	padding: 0.25rem ;
}
main#event.prize #container .content .box .box_inner,
main#event.detail #container .content .box .box_inner {
	border: 0 ;
	padding: 0 ;
}
main#event #container .content .box .box_inner table {
	width: 100% ;
}
main#event #container .content .box .box_inner table tr {
	border-bottom: 1px solid #f5ba57 ;
}
main#event #container .content .box .box_inner table tr.get {
	opacity: 0.5 ;
}
main#event #container .content .box .box_inner table tr:last-child {
	border-bottom: 0 ;
}
main#event #container .content .box .box_inner table tr th,
main#event #container .content .box .box_inner table tr td {
	padding: 0.25rem ;
}
main#event.prize #container .content .box .box_inner table tr th,
main#event.prize #container .content .box .box_inner table tr td,
main#event.detail #container .content .box .box_inner table tr th,
main#event.detail #container .content .box .box_inner table tr td {
	border-right: 1px solid #f5ba57 ;
}
main#event.prize #container .content .box .box_inner table tr th:last-child,
main#event.prize #container .content .box .box_inner table tr td:last-child,
main#event.detail #container .content .box .box_inner table tr th:last-child,
main#event.detail #container .content .box .box_inner table tr td:last-child {
	border-right: 0 ;
}
main#event #container .content .box .box_inner table tr th {
	color: #f6deb7 ;
	text-align: left ;
}
main#event.prize #container .content .box .box_inner table tr th,
main#event.detail #container .content .box .box_inner table tr th {
	text-align: center ;
	background: rgba(255,255,255,0.2) ;
}
main#event #container .content .box .box_inner table tr td {
}

main#event #container .content .box .box_inner table tr small,
main#event #container .content .box .box_inner table tr small {
	color: #ff9494 ;
	display: block ;
}

main#event #container .content .txt_loop {
	margin-top: 0.5rem ;
}

main#event #container #stage.content .box .box_inner .stage_img {
	width: 100% ;
}
main#event #container #stage.content .box .box_inner .stage_img + table {
	margin-top: 0.25rem ;
}
main#event #container #stage.content .box .box_inner .stage_img img {
	width: 100% ;
}

main#event #container #ranking.content .link,
main#event #container #ranking_total.content .link,
main#event #container #ranking_blow.content .link,
main#event #container #specialmission.content .link {
	text-align: center ;
}
main#event #container #ranking.content .link ul,
main#event #container #ranking_total.content .link ul,
main#event #container #ranking_blow.content .link ul {
	width: 100% ;
	display: inline-block ;
	margin: 0 auto ;
}
main#event #container #ranking.content .link ul li,
main#event #container #ranking_total.content .link ul li,
main#event #container #ranking_blow.content .link ul li {
	width: 41.67% ;
	display: inline-block ;
	margin: 0 0.4rem ;
}
main#event #container #specialmission.content .link a {
	width: 48.17% ;
	display: inline-block ;
	margin-top: -0.5rem ;
}
main#event #container #ranking.content .link ul li img,
main#event #container #ranking_total.content .link ul li img,
main#event #container #ranking_blow.content .link ul li img,
main#event #container #specialmission.content .link a img {
	width: 100% ;
}

main#event #container #event_bonus.content .box .box_inner {
	overflow: hidden ;
}
main#event #container #event_bonus.content .box .box_inner .main_event {
	width: 100% ;
	display: table ;
	position: relative ;
}
main#event.standbymission #container #event_bonus.content .box .box_inner .main_event {
	padding-top: 0.5rem ;
}
main#event #container #event_bonus.content .box .box_inner .main_event .sum {
	padding: 0.75rem 0.25rem ;
}
main#event #container #event_bonus.content .box .box_inner .main_event a.toggle {
	text-indent: -9999px ;
	position: absolute ;
	top: -0.25rem ;
	right: 0 ;
	width: 23.79% ;
	min-height: 2.9rem ;	
}
main#event #container #event_bonus.content .box .box_inner .main_event a.toggle img {
	width: 100% ;
}

main#event #container #event_bonus.content .box .box_inner .main_event .img {
	width: 25% ;
	display: table-cell ;
	padding: 0 0.5rem 0 5% ;
}
main#event #container #event_bonus.content .box .box_inner .main_event .img img {
	width: 100% ;
}
main#event #container #event_bonus.content .box .box_inner .main_event .txt {
	display: table-cell ;
	vertical-align: middle ;
}
main#event #container #event_bonus.content .box .box_inner .main_event .txt span {
	color: #f6deb7 ;
}

main#event #container #event_bonus.content .box .box_inner ul.event_item {
	border-top: 1px solid #f5ba57 ;
	padding: 0.75rem 0 ;
	margin-top: 0.5rem ;
	position: relative;
	box-sizing: border-box ;
}
main#event #container #event_bonus.content .box .box_inner ul.event_item:before {
	content: "" ;
	width: 15.97% ;
	min-height: 1.9rem ;
	background: url(../img/bullet_0001_0001.png) no-repeat center center ;
	background-size: 100% auto ;
	display: inline-block ;
	position: absolute ;
	top: -0.9rem ;
	left: 42.01% ;
}
main#event #container #event_bonus.content .box .box_inner ul.event_item li {
	width: 20% ;
	float: left ;
	padding: 0 2% 3% ;
	box-sizing: border-box ;
}
main#event #container #event_bonus.content .box .box_inner ul.event_item li div:not([class]) {
	width: 100% ;
	padding-top: 100% ;
	float: left ;
	background: url(../img/bg_0002_0001.png) no-repeat center top ;
	background-size: contain ;
	position:  relative ;
	overflow: hidden ;
}
main#event #container #event_bonus.content .box .box_inner ul.event_item li div img {
	position: absolute ;
	top: 0 ;
	left: 0 ;
}
main#event #container #event_bonus.content .box .box_inner ul.event_item li div span {
	position: absolute ;
	bottom: 2% ;
	left: 10% ;
	font-size: 0.7rem ;
}
@media screen and (max-width: 501px) {
main#event #container #event_bonus.content .box .box_inner ul.event_item li div span {
	font-size: 0.5rem ;
}
}
main#event #container #event_bonus.content .box .box_inner ul.event_item li div img {
	padding-left: 2% ;
	width: 100% ;
}
main#event #container #event_bonus.content .box .box_inner ul.event_item li .num {
	text-align: center ;
	padding-top: 105% ;
}

main#event #container #event_bonus.content .box .box_inner .title {
	margin-bottom: 0.75rem ;
	position: relative ;
}
main#event #container #event_bonus.content .box .box_inner .title img {
	width: 100% ;
}
main#event #container #event_bonus.content .box .box_inner .title a {
	position: absolute ;
	top: -20% ;
	right: 0 ;
	width: 23.79% ;
}

main#event #container #event_bonus.content .box .box_inner ul.event_bonuspack {
	box-sizing: border-box ;
	overflow: hidden ;
}
main#event #container #event_bonus.content .box .box_inner ul.event_bonuspack li {
	width: 16.6% ;
	float: left ;
	padding: 0 1% 3% ;
	box-sizing: border-box ;
}
main#event #container #event_bonus.content .box .box_inner ul.event_bonuspack li img {
	width: 100% ;
}
main#event #container #event_bonus.content .box .box_inner ul.event_bonuspack li .num {
	text-align: center ;
}
main#event #container #event_bonus.content .box .box_inner .open_bonuspack {
	width: 44.28% ;
	margin: -0.5rem auto 0 ;
}
main#event #container #event_bonus.content .box .box_inner .open_bonuspack img {
	width: 100% ;
}

main#event #container #event_term.content {
}
main#event #container #event_term.content img {
	width: 100% ;
}
main#event #container #event_main.content .box .box_inner table tr th,
main#event #container #event_main.content .box .box_inner table tr td {
	padding: 0 ;
}
main#event #container #event_main.content .box .box_inner table tr td.btn  {
	width: 23.79% ;
	text-align: right ;
}
main#event #container #event_main.content .box .box_inner table tr td.btn img  {
	width: 100% ;
}
main#event #container #message.content img {
	width: 100% ;
}

main#event.detail_ranking_02 #container h2 {
/*	color: #f6deb7 ; */
	font-size: 0.9rem ;
	border-left: 0.2rem solid #b51212 ;
	padding: 0.2rem 0.2rem 0.2rem 0.4rem ;
}
main#event.detail_ranking_02 #container .lead {
	color: #f6deb7 ;
	margin-bottom: 0.2rem ;
}
main#event.detail_ranking_02 #container article section {
	border-bottom: 1px solid rgba(255,255,255,0.5) ;
	margin-bottom: 0.75rem ;
}
main#event.detail_ranking_02 #container article#flow section img {
	width: 100% ;
}
main#event.detail_ranking_02 #container article section .link {
	width: 41.66% ;
	margin: 0 auto ;
}


/****************************************
	==== -767px
****************************************/

@media screen and (max-width: 641px) {

html, body {
	font-size: 16px ;

}

}