@charset "UTF-8";
/* YUI 3.5.0 reset.css (http://developer.yahoo.com/yui/3/cssreset/) - http://cssreset.com */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0;vertical-align: bottom;}address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}input,textarea,select{*font-size:100%}legend{color:#000}#yui3-css-stamp.cssreset{display:none}
html {font-size: 62.5%;}body {-webkit-text-size-adjust: none;font-size: 1.3em;font-family: "メイリオ",Meiryo,"ＭＳ Ｐゴシック"," ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka;}

/* ==========================================================================
	common
========================================================================== */
.italic {font-style: italic;}
.bold {font-weight: bold;}
.xx-small {font-size: 60%;}
.x-small {font-size: 75%;}
.small {font-size: 88.88%;}
.large {font-size: 120%;}
.x-large {font-size: 150%;}
.xx-large {font-size: 200%;}
.left {text-align: left;}
.right {text-align: right;}
.center {text-align: center;}
.float-left {float: left;}
.float-right {float: right;}
.clear:after, .clear-left:after, .clear-right:after {display: block; content: "";}
.clear, .clear:after {clear: both;}
.clear-left, .clear-left:after {clear: left;}
.clear-right, .clear-right:after {clear: right;}
.m-500 {margin: 5em!important;}
.mtb-500, .mt-500 {margin-top: 5em!important;}
.mrl-500, .mr-500 {margin-right: 5em!important;}
.mtb-500, .mb-500 {margin-bottom: 5em!important;}
.mrl-500, .ml-500 {margin-left: 5em!important;}
.m-400 {margin: 4em!important;}
.mtb-400, .mt-400 {margin-top: 4em!important;}
.mrl-400, .mr-400 {margin-right: 4em!important;}
.mtb-400, .mb-400 {margin-bottom: 4em!important;}
.mrl-400, .ml-400 {margin-left: 4em!important;}
.m-300 {margin: 3em!important;}
.mtb-300, .mt-300 {margin-top: 3em!important;}
.mrl-300, .mr-300 {margin-right: 3em!important;}
.mtb-300, .mb-300 {margin-bottom: 3em!important;}
.mrl-300, .ml-300 {margin-left: 3em!important;}
.m-200 {margin: 2em!important;}
.mtb-200, .mt-200 {margin-top: 2em!important;}
.mrl-200, .mr-200 {margin-right: 2em!important;}
.mtb-200, .mb-200 {margin-bottom: 2em!important;}
.mrl-200, .ml-200 {margin-left: 2em!important;}
.m-150 {margin: 1.5em!important;}
.mtb-150, .mt-150 {margin-top: 1.5em!important;}
.mrl-150, .mr-150 {margin-right: 1.5em!important;}
.mtb-150, .mb-150 {margin-bottom: 1.5em!important;}
.mrl-150, .ml-150 {margin-left: 1.5em!important;}
.m-100 {margin: 1em!important;}
.mtb-100, .mt-100 {margin-top: 1em!important;}
.mrl-100, .mr-100 {margin-right: 1em!important;}
.mtb-100, .mb-100 {margin-bottom: 1em!important;}
.mrl-100, .ml-100 {margin-left: 1em!important;}
.m-50 {margin: 0.5em!important;}
.mtb-50, .mt-50 {margin-top: 0.5em!important;}
.mrl-50, .mr-50 {margin-right: 0.5em!important;}
.mtb-50, .mb-50 {margin-bottom: 0.5em!important;}
.mrl-50, .ml-50 {margin-left: 0.5em!important;}
.m-0 {margin: 0;}
.mtb-0, .mt-0 {margin-top: 0;}
.mrl-0, .mr-0 {margin-right: 0;}
.mtb-0, .mb-0 {margin-bottom: 0;}
.mrl-0, .ml-0 {margin-left: 0;}
.p-500 {padding: 5em!important;}
.ptb-500, .pt-500 {padding-top: 5em!important;}
.prl-500, .pr-500 {padding-right: 5em!important;}
.ptb-500, .pb-500 {padding-bottom: 5em!important;}
.prl-500, .pl-500 {padding-left: 5em!important;}
.p-400 {padding: 4em!important;}
.ptb-400, .pt-400 {padding-top: 4em!important;}
.prl-400, .pr-400 {padding-right: 4em!important;}
.ptb-400, .pb-400 {padding-bottom: 4em!important;}
.prl-400, .pl-400 {padding-left: 4em!important;}
.p-300 {padding: 3em!important;}
.ptb-300, .pt-300 {padding-top: 3em!important;}
.prl-300, .pr-300 {padding-right: 3em!important;}
.ptb-300, .pb-300 {padding-bottom: 3em!important;}
.prl-300, .pl-300 {padding-left: 3em!important;}
.p-200 {padding: 2em!important;}
.ptb-200, .pt-200 {padding-top: 2em!important;}
.prl-200, .pr-200 {padding-right: 2em!important;}
.ptb-200, .pb-200 {padding-bottom: 2em!important;}
.prl-200, .pl-200 {padding-left: 2em!important;}
.p-150 {padding: 1.5em!important;}
.ptb-150, .pt-150 {padding-top: 1.5em!important;}
.prl-150, .pr-150 {padding-right: 1.5em!important;}
.ptb-150, .pb-150 {padding-bottom: 1.5em!important;}
.prl-150, .pl-150 {padding-left: 1.5em!important;}
.p-100 {padding: 1em!important;}
.ptb-100, .pt-100 {padding-top: 1em!important;}
.prl-100, .pr-100 {padding-right: 1em!important;}
.ptb-100, .pb-100 {padding-bottom: 1em!important;}
.prl-100, .pl-100 {padding-left: 1em!important;}
.p-50 {padding: 0.5em!important;}
.ptb-50, .pt-50 {padding-top: 0.5em!important;}
.prl-50, .pr-50 {padding-right: 0.5em!important;}
.ptb-50, .pb-50 {padding-bottom: 0.5em!important;}
.prl-50, .pl-50 {padding-left: 0.5em!important;}
.p-0 {padding: 0!important;}
.ptb-0, .pt-0 {padding-top: 0;}
.prl-0, .pr-0 {padding-right: 0;}
.ptb-0, .pb-0 {padding-bottom: 0;}
.prl-0, .pl-0 {padding-left: 0;}
.hover:hover,a:hover img{opacity: 0.7;filter: alpha(opacity=70);-webkit-transition: opacity 1s ease-out;-moz-transition: opacity 1s ease-out;-ms-transition: opacity 1s ease-out;transition: opacity 1s ease-out;}
.notalpha{opacity: 1;filter: alpha(opacity=100);}
.hide {display:none;}
.red{color: red;}
.blue{color: #3366cc}
.border-bottom{border-bottom: 2px solid #00a9cd;padding-bottom: 2em;margin-bottom: 2em!important;}
.under{text-decoration:underline}
ul.indent-list li {text-indent: -1em;margin-left: 1em;}

.mr10 {
	margin-right: 10px;
}
.mr20 {
	margin-right: 20px;
}
.ml10 {
	margin-left: 10px;
}
.ml20 {
	margin-left: 20px;
}
.column{
	/* position: relative; */
	float: left;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background: #fff;
	padding: 10px;
}
.column:after{
	clear: both;
}
.column.inner{
	padding: 0;
	width: 995px;
	background: transparent;
}
.column.three{
	width: 185px;
	margin: 0 20px 20px 0;
}
#game-lineup li:nth-child(3n){
	margin-right: 0!important;
}
.column.four{
	width: 298px;
	margin: 0 20px 20px 0;
}
.column.four:nth-child(3n){
	margin-right: 0px;
	width: 299px;
}
.column.eight{
	width: 633px;
}
#main .column.eight{
	width: 634px;
}
.column.twelve{
	width: 975px;
	margin-bottom: 20px;
	float: none;
}

.m-0 { margin: 0!important;}
.m-1 { margin: 0.25rem!important;}
.m-2 { margin: 0.5rem!important;}
.m-3 { margin: 1rem!important;}
.m-4 { margin: 1.5rem!important;}
.m-5 { margin: 3rem!important;}

.mb-0 { margin-bottom: 0!important;}
.mb-1 { margin-bottom: 0.25rem!important;}
.mb-2 { margin-bottom: 0.5rem!important;}
.mb-3 { margin-bottom: 1rem!important;}
.mb-4 { margin-bottom: 1.5rem!important;}
.mb-5 { margin-bottom: 3rem!important;}

.ms-0 { margin-left: 0!important;}
.ms-1 { margin-left: 0.25rem!important;}
.ms-2 { margin-left: 0.5rem!important;}
.ms-3 { margin-left: 1rem!important;}
.ms-4 { margin-left: 1.5rem!important;}
.ms-5 { margin-left: 3rem!important;}

.me-0 { margin-right: 0!important;}
.me-1 { margin-right: 0.25rem!important;}
.me-2 { margin-right: 0.5rem!important;}
.me-3 { margin-right: 1rem!important;}
.me-4 { margin-right: 1.5rem!important;}
.me-5 { margin-right: 3rem!important;}

.p-0 { padding: 0!important;}
.p-1 { padding: 0.25rem!important;}
.p-2 { padding: 0.5rem!important;}
.p-3 { padding: 1rem!important;}
.p-4 { padding: 1.5rem!important;}
.p-5 { padding: 3rem!important;}

.fs-6 {font-size: 1rem!important;}
.fs-5 {font-size: 1.25rem!important;}
.fs-4 {font-size: calc(1.275rem + .3vw)!important;}
.fs-3 {font-size:calc(1.3rem + .6vw)!important;}
.fs-2 {font-size: calc(1.3rem + .6vw)!important;}
.fs-1 {font-size: calc(1.375rem + 1.5vw)!important;}
.fw-bold {font-weight: bold;}

.u-text-black {color: #45222e;}
.u-text-red {color: #FF0000;}
.u-text-green {color: #00a960;}
.u-text-blue {color: #139fc2;}

.d-flex {display: flex!important;}
.flex-row {flex-direction: row!important;}
.flex-column {flex-direction: column!important;}
.align-items-end {align-items: flex-end!important;}
.align-items-start {align-items: flex-start!important;}
.justify-contents-end {justify-content: flex-end!important;}
.justify-contents-start {justify-content: flex-start!important;}


/*************
  モーダル
*************/
.content{
    margin: 0 auto;
    padding: 40px;
}
.modal{
    display: none;
    height: 100vh;
    position: fixed;
    top: 0;
    width: 100%;
}
.modal__bg{
    background: rgba(0,0,0,0.5);
    height: 100vh;
    position: absolute;
    width: 100%;
}

.confirm{
    display: none;
    height: 100vh;
    position: fixed;
    top: 0;
    width: 100%;
}
.confirm__bg{
    background: rgba(0,0,0,0.5);
    height: 100vh;
    position: absolute;
    width: 100%;
}

.modal__content{
    background: #fff;
    left: 50%;
    padding: 10px;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 975px;
    border-radius: 10px;
    margin-top: 30px;
}

.confirmbox{
    background: #fff;
    left: 50%;
    top: 50%;
    padding: 30px 60px;
    position: absolute;
    transform: translate(-50%,-50%);
    border-radius: 10px;
}

.confirmbox__comment {
	display: flex;
	justify-content: center;
	text-decoration: none;
	margin: 10px;
}

.confirmbox__inner__confirm {
	display: flex;
	justify-content: center;
}

.btn-cancel{
	color:#00B6D9;
	width: 100px;
    padding:5px;
    border-radius: 20px;
    margin: 10px;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    border: 1px solid;  
    border-color: #00B6D9;
}

.btn-okey{
	color:#fff;
	background: #00B6D9;
	width: 100px;
    padding:6px 4px 5px;
    border-radius: 20px;
    margin: 10px;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
}

.submit-title {
	margin-top: -70px;
}

.submit-title-name {
	margin-top: 0px;
}


.submit-title>img{
	margin-bottom: 20px;
}

/*************
  掲示板
*************/

#main-lineup {
    width: 676px;
    display: flex;
}

.mre {
	margin-right: 0px!important;
}

.iconbox {
	display: flex;
}

.iconbox__left {
	font-weight: bold;
	margin-right: 50px; 
}

.iconbox__right {
	display: flex;
}

.iconbox__right-radio {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-right: 20px;
}

.iconbox__right-radio img{
	margin-bottom: 10px; 
}

#how-to-play li:nth-child(3n){
	margin-right: 0!important;
}

.formbox {
    margin-left: 50px;
    margin-bottom:20px;
}

.formbox-comment {
    margin-left: 100px;
    margin-bottom:20px;
}

.formbox__inner th{
	font-weight: bold;
	display: flex;
	align-items: flex-start;
}

.formbox__inner__submit {
    display: flex;
    justify-content: center;
    margin-top: 40px;
    margin-bottom: 40px;
}

.formbox__box-comment {
	width: 100px;
}

.formbox__box-title {
	background-color: #E6E6E6;
	border-radius: 10px;
	border: 3px solid;
	border-color: #808080;
	width:670px;
	height:3em;
	margin-left: 30px;
	margin-bottom:20px; 
}

.formbox__box-description {
	background-color: #E6E6E6;
	border-radius: 10px;
	border: 3px solid;
	border-color: #808080;
	width:670px;
	height: 100px;
	padding-top: 10px;
	margin-left: 30px;
	margin-bottom:20px; 
}

.formbox__box-comment {
    background-color: #E6E6E6;
	border-radius: 10px;
	border: 3px solid;
	border-color: #808080;
	width:670px;
	height: 200px;
	margin-left: 30px;
	margin-bottom:20px; 
}

.formbox__box-newcomment {
    background-color: #E6E6E6;
	border-radius: 10px;
	border: 3px solid;
	border-color: #808080;
	width:750px;
	height: 200px;
	margin-left: 30px;
	margin-bottom:20px; 
}

.formbox__box-description {
	background-color: #E6E6E6;
}

.formbox__heading {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 30px;
	margin-left: 120px;
}

.formbox__box-namecreate {
	background-color: #E6E6E6;
	border-radius: 10px;
	border: 3px solid;
	border-color: #808080;
	width:550px;
	height: 50px;
	margin-left: 30px;
}

.formbox__inner__footnote {
	color: #FF1D25;
	margin-left: 30px;
	margin-top: 10px;
	margin-bottom: 80px;
}

.formbox__inner__radio {
	display: flex;
	flex-direction: column;
}

.btn__close {
	text-align: right;
	margin-bottom: 20px;
}

.sidebar__banner {
	margin-bottom: 17px;
}

.sidebar__btn {
	border-top: 1px dotted;
    border-color: #E6E6E6;
}

.bbs__contents {
	width: 85%;
	margin: 0 auto;
}

	.bbs__contents__topick {
		border-bottom: 1px dashed;
		border-color: #29ABE2; 
		margin-top: 20px;
		margin-bottom: 20px;
		display: flex;
		justify-content: center;
	}

		.bbs__contents__topick__inner {
			margin-bottom: 10px;
			display: flex;
			justify-content: space-between;
			align-items: center;
			width: 90%;
			}

			.bbs__contents__topick__inner__left {
				display: flex;
				align-items: center;
			}

			.bbs__contents__topick__inner__left__icon {
				margin-right: 20px;
			}

.bbs__inner {
	display: flex;
	justify-content: flex-start; 
	margin: 0 auto;
	padding: 20px 70px;
	background-color: #E8F7F9;
	margin-top: -10px;
	margin-bottom: 20px;
	border-radius: 10px;
}

.bbs__inner__right {
	margin-left: 40px;
}

.bbs__inner__account {
	display: flex;
	flex-direction: row;
	align-items: center;
}

.bbs__inner__account p{
	margin-left: 20px;
}

.bbs__inner__description {
    width: 40em;
    font-size: 12px;
}

@media screen and (max-width:750px) {
	.bbs__inner__description {
		margin-left: 0px!important;
	}
}

.bbs__inner__date {
	margin-left: 80px;
}

.bbs__btn {
	margin: 40px auto;
	text-align: center;
}

.bbs__commentcontainer {
	background-color: #eee;
	display: flex;
	flex-direction: column;
	padding: 20px;
	font-size: 12px;
	border-radius: 10px;
	margin-bottom: 20px;
}

.bbs__commentcontainer__box {
	display: flex;
	justify-content: space-between;
	padding: 20px;
	font-size: 12px;
	border-radius: 10px;
}

.bbs__commentcontainer__box__left {
	display: flex;
	flex-direction: row;
	margin-right: 40px;
}

.bbs__commentcontainer__box__left__name {
	color: #0071BC;
}

.bbs__commentcontainer__box__left__comment {
	width: 32em;
}

.bbs__commentcontainer__box__left__erased {
	display: flex;
	align-items: center;
}


.bbs__commentcontainer__box__left__icon {
    margin-right: 40px;
}

.bbs__commentcontainer__box__comment {
	margin-right: 10px;
}

.bbs__commentcontainer__box__right {
	display: flex;
	align-items: flex-end;
	width: 20em;
	margin-right: -100px;
}

.bbs__commentcontainer__btn {
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	margin-right: 20px;
}
.bbs__commentcontainer__btn a{
	margin-left: 20px;
}

.bbs__commentcount {
	width:80%;
	margin-left: 70px;
	margin-bottom: 20px;
	border-bottom: 0.5px solid;
}

.bbs__nav {
    display: flex;
    justify-content: center;
    margin-bottom: 10px;
}

.bbs__nav__element {
    color: #000000 !important;
}

.bbs__nav__element {
	float: left;
	margin: 10px;
}

.guide__innner {
	padding: 20px 70px;
	background-color: #E8F7F9;
	margin-top: -10px;
}

.slidebar__btn {
	display: flex;
	justify-content: flex-start;
}

.bbs__title {
	color: #00A9CD;
	font-size: large;
	font-weight: bold;
	margin-left: 70px;
	margin-top: 50px;
	margin-bottom: 16px;
}

.bbs__headimg {
	width: 100%;
}

.bbs__guide__innner__heading {
	font-weight: bold;
}

.bbs__guide__innner__right {
	text-align: right;
}

.bbs__guide__innner__innner {
	padding-left:20px;
}

.bbs__guide__innner__list {
    padding-left: 20px;
    list-style-type: decimal;
}

.top__bbs-inner {
	width: 80%;
	margin: 20px auto;
	display: flex;
    border-bottom: 1px solid;
    border-color: #B3B3B3;
}

.top__bbs-inner__right {
	margin-left: 20px;
}

.top__bbs-inner__title {
	text-align: left;
	margin-bottom: 10px;
}

.top__bbs-inner__comment {
	text-align: left;
	margin-bottom: 10px; 
}

.top__bbs-inner__date {
	text-align: left;
	margin-bottom: 10px; 
}

.sidebar-menu__btn {
	display: flex;
	justify-content: center;
	margin-top: 20px;
	margin-bottom: 40px;
}

.nav__grayed-out {
	color: #CCCCCC;
}

/*************
  レスポンシブ
*************/

.contentsBox {
	height: 100px;
	width: 90%;
	background-color: #ffffff;
	border-radius: 10px;
}

.contentsBox a img {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 200px;
}



/*************
  top
*************/
p#logo{
	margin-bottom: 20px;
}
#main{
	width: 655px;
	float: left;
}
#sidebar{
	width: 320px;
	float: left;
	text-align: center;
	margin-left: 20px;
}
#sidebar .column.four h2{
	position: relative;
	left: -10px;
	top: -10px;
}
#wrap{
	color: #45222e;
	background: #8cd9e5;
	padding: 2em 0;
}
#wrap a{color: #00a9cf;text-decoration: underline dotted;}
#wrap a:hover{color: #53d2ef;}
#wrap-inner{
	width: 995px;
	margin: 0em auto;
}
#wrap h2{
	position: relative;
	clear: both;
}
#wrap h2 span.more{
	position: absolute;
	right: 0;
	bottom: 10px;
}
#wrap h2 span.game-icon{
	position: absolute;
	right: 0;
	bottom: 5px;
}
#wrap h2 span.game-icon img{
	margin-left: 5px;
}
#main .column{
	margin-bottom: 20px;
}
#main .column.three.lineup{
	position: relative;
	overflow: hidden;
	font-size: 94%;
}
#main .column.three.lineup:after{
	content: "";
	display: block;
	background: #00a9cd;
	position: absolute;
	right: -20px;
	bottom: -30px;
	width: 40px;
	height: 60px;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transform: rotate(45deg);
	/* transform: matrix(1, -1, 0, 1, 0, 30); */
}
#main .column.three.lineup .img{
	display: block;
	margin: 0 auto .5em;
}
#main .column.three.lineup .txt{
	margin-bottom: .5em;
}
#main .column.three.lineup .game-icon img{
	margin: 0 5px;
	width: 50px;
	height: auto;
}
#main .column.three.lineup .title{
	color: #33ccff;
	font-weight:bold;
}
#top-news{
	/*max-height: 204px;*/
	max-height: 300px;
}
#top-news dt.date{
	font-weight: bold;
	float: left;
	clear: left;
	padding: .5em .5em .5em .75em;
	width: 7em;
}
#top-news dd{
	padding: .5em;
	margin: 0 1.5em 0 .5em;
	border-bottom: dotted 1px #ccc;
}
#sidebar .column.four{
	/* margin-bottom: 24px; */
	width: 300px;
	margin: 0 0 23px;
}
#sidebar-menu li{
	border-top: 1px dotted #ccc;
	/* padding: 1px 0; */
}
#sidebar-menu li:first-child{
	border-top: none;
}
#side-ymbg{
	display:none;
}

#sidebar .column.four iframe img{
	width: 100%;
}

.footerFlex{
	width: 100%;
	background: #eee;
	font-size: 88%;
	line-height: 2;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.footerFlex .nocopyFlex div span a{
	color: #333;
	text-decoration: none;
}

.nocopyFlex{
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
    margin-top: 20px;
}

	.nocopyFlex div:nth-child(1){
		margin-right: 20px;
	}

	.nocopyFlex div:nth-child(2){
		width: 600px;
	}

	.nocopyFlex div span{
		text-align: left;
	}

.cx_copy {
		margin: 20px auto;
		text-align: center;
	}

#footer{
	background: #eee;
	text-align: center;
	padding: 1em 0;
	font-size: 88%;
	line-height: 2;
}

#footer div{
	width: 90%;
	display: flex;
}

#footer img{
	vertical-align: middle;
}

#footer a{
	color: #333;
	text-decoration: none;
}

#flashplayer{
	border-bottom: 1px solid #fff;
}
#flashplayer img{
	margin-right: 1em;
}
#flashplayer span{
	display: inline-block;
	vertical-align: middle;
	text-align: left;
}
#nocopy{
	position: relative;
	text-align: left;
}
#nocopy span{
	position: relative;
	left: 10em;
}
#nocopy img{
	position: absolute;
	left: 6em;
	top: 2.25em;
}

#game-header{
	position: relative;
	z-index: 100;
}

#game-title{
	width: 634px;
	float: left;
	margin-right: 10px;
}
#game-title+div a{
	display: block;
}
#game-title+div a:not(:last-child){
	margin-bottom: 10px;
}
#game-page{
	margin-bottom: 20px;
	/* padding-bottom: 20px; */
	border-bottom: 1px solid #fff;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	overflow: hidden;
}
#game-page .column.four .txt{
	margin: .5em 0 0;
}
#back-index a{
	display: block;
	width: 100%;
}
h2.pages-h2{
	position: relative;
	left: -10px;
	top: -10px;
	margin-bottom: 1em;
}
#guide h3.pages-h3{
	border-bottom: dotted 1px #ccc;
	margin-bottom: 1em;
	padding: 0 .5em;
}
#guide #main p, #ask #main p,#ask #main ul{
	margin: 0 1em 1.5em;
	line-height: 1.8;
}
#faq h3.pages-h3{
	font-size: 120%;
	font-weight: bold;
	background: #7fd4e6;
	color: #fff;
	padding: .5em 1em;
	letter-spacing: 1px;
	margin-bottom: 1em;
}
.faq-dl:not(:last-child){
	margin-bottom: 2em;
}
.faq-dl dt{
	font-size: 115%;
	font-weight: bold;
	color: #00a9cd;
	position: relative;
	padding: 0 1em 0 55px;
	margin-bottom: 10px;
	min-height: 50px;
	line-height: 44px;
	cursor: pointer;
	text-decoration: underline;
}
.faq-dl dt:hover{
	color: #99DDEB;
}
.faq-dl dt:before{
	content: "";
	display: block;
	background: url(../img/page/faq_02.png) no-repeat 5px top;
	width: 45px;
	height: 40px;
	position: absolute;
	left: 0;
	top: 0;
}
.faq-dl dt:after{
	content: "";
	display: block;
	background: url(../img/page/faq_03.png) no-repeat right 5px;
	width: 100%;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	/* border-bottom: 2px solid #00A9CD; */
}
.faq-dl .no-border:after{
	border-bottom: none;
}
.faq-dl dt.open:after{
	background: url(../img/page/faq_04.png) no-repeat right 5px;
}
.faq-dl dd{
	background: #e9f7fa;
	padding: 1em 1em 1em 55px;
	top: -12px;
	position: relative;
	line-height: 1.8;
	display: none;
	/* z-index: 10; */
}
.faq-dl dd:before{
	content: "";
	display: block;
	background: url(../img/page/faq_05.png) no-repeat 5px 10px;
	width: 45px;
	height: 40px;
	position: absolute;
	left: 0;
	top: 0;
	/* z-index: 1; */
}
.faq-dl dd:after{
	/* content: ""; */
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	/* border-bottom: 2px solid #00A9CD; */
	/* z-index: 2; */
}
.faq-dl dd p:not(:last-child){
	margin-bottom: 1.5em;
	/* position: relative; */
	/* z-index: 10; */
}
#guide #main p a,#ask #main p a, #tokutei #main table a,#faq dl dd p a{
	color: #ff6633;
	text-decoration: underline;
}
#tokutei table{
	width: 100%;
	margin: 0 auto 1em;
	border-collapse: separate;
	border-spacing: 0 10px;
	padding: 2px 10px;
}
#tokutei table th,#tokutei table td{
	padding: 10px 15px;
	position: relative;
}
#tokutei table th:after,#tokutei table td:after{
	content: "";
	display: block;
	width: 100%;
	height: 1px;
	border-bottom: dotted 1px #ccc;
	position: absolute;
	left: 0;
	bottom: -5px;
}
#tokutei table th.last:after,#tokutei table td.last:after{
	background: #fff;
}
#tokutei table th{
	background: #e9f7fa;
	white-space: nowrap;
	vertical-align: top;
}

#tokutei table td p:not(:last-child){
	margin-bottom: 1.5em;
}

.bbs__guide__head img{
	width: 995px;
	margin: 0 auto;
	margin-bottom: -10px;
}

#game-lineup_sp {
	display: none;
}

#game-lineup {
	display: block;
}

/*************
  プラネッツ通帳
*************/

.bankbook {
	margin: 0px 30px 30px;
}

.bankbook__table {
	width: 100%;
}

.bankbook p {
	word-break:break-all;
}

.bankbook__table>div:nth-child(1) {
	background-color: rgba(19,159,194,0.6)!important;
	font-size: 1.2em;
	font-weight: 700!important;
	color: #FFF;
}


.bankbook__table>div:nth-child(odd) {
	background-color: #ffffff;
}

.bankbook__table>div:nth-child(even) {
	background-color: #f7f8f8;
}

.bankbook__table div div {
	padding: 5px 10px;
	border: 2px solid #ccc;
	width: 25%;
	display: flex;
	justify-content: center;
	align-items: flex-start;
	flex-direction: column;
}

.bankbook__table div div:nth-child(n + 2) {
	margin-left: -2px;
}

.bankbook__head {
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 1.2em;
	margin-bottom: 20px;
	border-bottom: 2px dotted #ccc;
}

.bankbook__head div p {
	margin: 0!important;
}

.bankbook__head > div:nth-child(2){
	justify-content: flex-end;
	font-size: 1.5em;
}

.bankbook__table__row {
	display: flex;
	flex-direction: row;
}

.bankbook__table__row div{
	margin-top: -2px;
}

.bankbook__table__row div p {
	margin: 0!important;
}

#coin_history {
	display: none;
}


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

	#gameContainer {
		width:80%;
	}

    #btn-newtopic a{
		margin-top: 20px;
	}

	#btn-newtopic img{
		padding: 20px;
		width: 200px;
		margin: 0 auto;
	}

	.bbs__contents__topick__inner__left {
		display: flex!important;
		flex-direction: row!important;
		align-items: center!important;
		justify-content: flex-start!important;
	}

	.bbs__contents__topick__inner__left__icon img{
		width: 50px;
		padding: 10px;
	}

	.bbs__contents__topick__inner__left__icon {
		width: 30px;
	}

	.bbs__contents__topick__inner__left__title a{
		width: 200px!important;
		align-items: flex-start!important;
	}

	.bbs__contents__topick__right {
		text-align: right;
	}

	#game-lineup {
		display: none;
	}

	#game-lineup_sp {
		display: block!important;
		width: 338px;
	}

	.subHeading img{
        width: 170px;
        margin-left: -150px;
	}

	.subHeading2 img{
        width: 300px;
        margin-left: -20px;
	}

	#game-lineup {
		margin-bottom: 10px;
	}

	#main .column.three.lineup .game-icon img {
		margin: 2px;
		width: 40px;
	}

	#main .column.eight {
		width: 300px;
	}

	#logo a img {
		width: 320px;
	    margin: 0 auto;
	    display: flex;
	}

	#sidebar{
		width: 320px;
		float: none;
		text-align: center;
		margin: 0 auto;
	}

	.column.three{
		width: 38%;
		margin: 10px;
		margin-bottom: 14px;
	}

	.column.three img{
		width: 100%;
	}

	.bbs__guide__head {
        z-index: 10;
        display: flex;
	}

    .bbs__guide__head img{
		width: 320px;
    }

    .guide__innner {
    	width: 90%!important;
    	padding: 10px;
    	display: flex;
    	flex-direction: column;
    	justify-content: center;
    }

    .guide__innner p{
    	width: 80%;
    	padding: 10px;
    	display: flex;
    	flex-direction: column;
    	justify-content: center;
    }

	li {
	  word-break: break-all;
	}

	a {
	  word-break: break-all;
	  color: #333;
	  text-decoration: none;
	}

	#wrap {
		width:100%;
	}

	#footerFlex div {
		width: 90%;
	}

	#footerFlex img:nth-child(2) {
		width: 50%;
	}

	.back-index {
		width: 90%;
	}

	.bannerFlex {
		margin:0 auto;
	}

	.bannerFlex img{
		width: 90%;
	}

	#nocopy {
		width:100%;
	}

	#nocopy img{
		left: 1em;
	}

	#nocopy span{
		left: 5em;
		width: 300px;
	}

	#nocopyFlex div span a{
		color: #333;
	}

	.cx_copy {
		margin: 20px auto;
		text-align: center;
	}

	.cx_copy img{
		width: 90%!important;
	}

    #wrap-inner {
    	width: 320px;
    }

    #main {
    	width: 100%;
    	display: flex;
    	flex-direction: column;
    	justify-content: center;
    	align-items: center;
    }

    .column.twelve {
    	width: 300px;
    	margin: 0 auto;
    	display: flex;
    	flex-direction: column;
    	align-items: center;
    }

    .column.twelve div{
    	width: 300px;
    	margin: 0px;
    	display: flex;
    	flex-direction: column;
    	justify-content: center;
    }

    .column.twelve p{
    	width: 90%;
    	margin: 0px;
    	display: flex;
    	flex-direction: column;
    	justify-content: center;
    }

    .column.twelve a{
    	width: 320px;
    	margin: 0px;
    	display: flex;
    	flex-direction: column;
    	align-items: center;
    }

    img.img_ad {
    	width: 50px;
    }

    .bbs__title {
    	margin: 20px 0;
    }

    h2.pages-h2 img{
		width: 320px;
	}

    h3.pages-h3 img{
		height: 2em;
	}

	.faq-dl dt{
		font-size: 115%;
		font-weight: bold;
		color: #00a9cd;
		position: relative;
		padding: 0 1em 0 55px;
		margin-bottom: 10px;
		min-height: 50px;
		line-height: 44px;
		cursor: pointer;
		text-decoration: underline;
		width: 200px;
	}

	.faq-dl dt:after{
		content: "";
		display: block;
		background: url(../img/page/faq_03.png) no-repeat right 5px;
		width: 100%;
		height: 100%;
		position: absolute;
		right: 0;
		top: 0;
		margin-right: -25px;
	}

	#game-title {
		width: 100%!important;
	}

	#game-title img {
		width: 300px;
		margin: 0 auto;
		margin-left: 5px;
		margin-bottom: 10px;
		display: flex;
	}

	#game-title div a img {
		width: 280px;
		margin:0 auto;
		display: flex;
	}

	#game-page {
		width: 100%;
		margin-top: 20px;
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	#game-page div{
		margin: 0 0 20px;
	}

	.gameTitle {
		height: 1em;
	}

	#game-header {
		margin-bottom: 15px;
		margin-left: 10px;
		margin: 0 auto 20px;
	}

	#game-header div a img{
		width: 300px;
	}

	.bbs__title {
		margin-top: 20px!important;
	}

	.bbs__btn {
		margin-top: 20px!important;
	}

	.btn-newcomment {
		margin-top: 20px!important;
	}

	.bbs__commentcontainer ,.bbs__inner{
		width: 250px!important;
		margin: 10px auto!important;
	}

	.bbs__commentcontainer__box__left__icon img{
		width: 40px;
		margin-top: 0px!important;
	}

	.bbs__commentcontainer__box__left__icon {
		margin-top: 0px!important;
	}

	.bbs__commentcontainer__btn a {
		margin-top: 20px!important;
	}

	#btn-sbmt img{
		width: 200px;
	}

	.formbox__inner tr td{
       width: 200px;
	}

	.formbox__box-namecreate {
		width: 100px;
	}

	#main-commentlist div{
		margin-top: 20px;
	}

	.btn-newcomment {
		margin-top: 20px;
	}

	#main-topiclist-loading-outer div img{
		margin: 0 auto;
	}

	#google_image_div a img{
		width: 20px;
	}

	.bbs__inner div{
		margin-left: 50px!important;
		padding: 10px!important;
		max-width: 200px;
	}

	.bbs__inner div:nth-child(1){
		margin-left: 0px!important;
	}


	.bbs__inner div p{
		margin-left: -50px!important;
	}


	.bbs__inner__right {
		width: 70%!important;
		align-items: flex-end;
	}


	.bbs__inner__right div{
		width: 70%!important;
		text-align: right;
		align-items: flex-end;
	}

	.iconbox__right {
		margin-bottom: 20px!important;
	}

	.iconbox__left {
		margin-top: 30px!important;
	}

	#paging{
		margin-top: 20px; 
	}

	#paging ul li span{
		width: 20px!important;
	}

	.current .prev {
		width: 4em;
	}

	.disabled {
		width: 4em;
	}

	.confirmbox {
		padding: 10px 10px;
		left: 46.5%!important;
	}

	.bbs__btn img{
		margin-left: -10px;
	}

	.iconbox__right-radio {
		width: 100px;
	}

	.flashplayer a img{
		margin-left: 20px;
	}

	.p-300 {
		display: none;
	}

	#paging a{
		width: 100%;
	}

	#userstatus {
		display: none;
	}

	#gbheader {
		display: none!important;
	}

	.confirm__bg {
		height: 200vh!important;
	}

	.nocopyFlex div:nth-child(2){
		width: 200px;
	}

	.formbox__inner tr th {
		width: 4em;
	}

	.formbox__inner tr td input, .formbox__inner tr td textarea {
		width: 200px;
		margin-left: 20px;
	}

	.m-100 {
		height: 50px;
	}

	.m-100 img {
		width: 300px;
	}

	#wrap h2 span.game-icon {
	   position: relative;
	   margin-top: 5px;
	   display: flex;
	   justify-content: flex-end;
	}

	.game-icon img {
		width: 40px;
		margin: 10px;
	}

	.gameLineUpTitle img {
		width: 300px;
		margin: 10px;
	}

	#game-header div a:nth-child(2){
		display: none;
	}

	#game-title+div a:not(:last-child){
		margin-bottom: 0px;
	}

	/*************
	プラネッツ通帳
	*************/

	.bankbook__head {
		display: flex;
		flex-direction: column;
	}

	.bankbook__head > div:nth-child(1){
		width: 100%;
		align-items: flex-start;
		font-size: 1em;
	}


	.bankbook__head > div:nth-child(2){
		width: 100%;
		align-items: flex-end;
		font-size: 1.5em;
	}

	.bankbook__table div div {
		width: 100%;
		justify-content: flex-start;
		flex-direction: row;
	}

	.bankbook__table div div:nth-child(1) p {
		margin-right: 10px!important;
	}

	.bankbook__head div div p {
		font-size: 1em;
	}

	.bankbook__table__row {
		flex-direction: column;
		border: 2px solid #ccc;
	}

	.bankbook__table__row div:nth-child(4) {
		justify-content: flex-end;
		font-size: 1.5em;
	}

	.bankbook__table div div{
		border: none;
		padding: 0;
	}

	.bankbook__table > div:nth-child(1){
		display: none;
		margin-top: 2px;
	}

	.bankbook__table > div:nth-child(2){
		margin-top: 2px;
	}

	.bankbook__table > div:nth-child(n + 2){
		margin-top: -2px;
		padding: 10px 10px 0;
	}
	
}