charset "UTF-8";


/*===================================================================
	reset
===================================================================*/
html{ overflow-y:scroll; }
body, div, p, h1, h2, h3, h4, h5, h6, pre, blockquote, table, th, td, dl, dt, dd, ul, ol, li, form, textarea, address { margin:0; padding:0; }
p { word-wrap:break-word; word-break:break-all; } /* For Japanese */
* html h1, * html h2, * html h3, * html h4, * html h5, * html h6 { height:1%; }
img { border:none; }
table { border:none; border-collapse:collapse; border-spacing:0; font-size:inherit; }
caption, th, td { text-align:left; }
a[name] { color:#000; }
a[name]:hover { color:#000; text-decoration:none !important; outline:0 !important; }
a img { color:#000; }
fieldset { border:0; }
input, textarea, select { font-family:inherit; font-size:1em; }
input { vertical-align:-3px; }
select { vertical-align:middle; }
ul li { list-style-type:none; }
li li { font-size:inherit; }
em { font-weight:bold; font-style:normal; }
address { font-style:normal; }
label { cursor:pointer; }
hr { display:none; border:0; height:0; visibility:hidden; }
h1, h2, h3, h4, h5, h6, form, textarea, pre, blockquote, table, th, td { font-size:100%; }
p, li, dt, dd, pre, legend { line-height:1.5; }


/*===================================================================
	clearfix
===================================================================*/
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { display:inline-block; }

/* Hides from IE-mac \*/
* html .clearfix { height:1%; }
.clearfix { display:block; }
/* End hide from IE-mac */

.clearboth { clear:both; }
hr, br.clear { margin:0; padding:0; clear:both; line-height:0; font-size:0; }

a{ text-decoration:underline; color:#000; }
a:hover{ text-decoration:none; }


/*===================================================================
	common
===================================================================*/
html, body { height:100%; }
body { color:#333; background-color:#FFF; font-family:"ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "メイリオ", sans-serif; font-size:75%; text-align:center; -webkit-text-size-adjust:100%; }

#sqexHeader-white, #sqexFooter { min-width:1000px; }


/*===================================================================
	contents pc
===================================================================*/
#chaosrings { width:100%; min-width:1000px; margin:0 auto; text-align:left; }

/* ------ contTop ------ */
#chaosrings #contTop { position:relative; width:1000px; height:490px; margin:0 auto; }
#chaosrings #contTop #contPromo { position:absolute; left:0; top:0; width:1000px; height:490px; }
#chaosrings #contTop #contPromo #contPromoWrap { position:relative; width:1000px; height:490px; overflow:hidden; }
#chaosrings #contTop #contPromo #contPromoWrap .lang { position:absolute; left:610px; top:325px; }
#chaosrings #contTop #contPromo #contPromoWrap .lang dl { float:left; width:155px; }
#chaosrings #contTop #contPromo #contPromoWrap .lang dl.smartphone { margin-right:8px; }
#chaosrings #contTop #contPromo #contPromoWrap .lang dl dt,
#chaosrings #contTop #contPromo #contPromoWrap .lang dl dd { line-height:0; font-size:0; }
#chaosrings #contTop #contPromo #contPromoWrap .lang dl dd { background:url(../images/lang_bg_01.png) no-repeat center top; }
#chaosrings #contTop #contPromo #contPromoWrap .lang dl dd ul li { float:right; width:77px; }
#chaosrings #contTop #contPromo #contPromoWrap .lang dl dd ul li.jp { float:left; }
#chaosrings #contTop #contPromo #contPromoWrap .lang dl dd ul li img { vertical-align:top; }
/*#chaosrings #contTop #contPromo #contPromoWrap .lang dl dd.single { background:none; }*/
#chaosrings #contTop #contPromo #contPromoWrap .lang dl dd.single ul li { float:none; width:100%; }

#chaosrings .mask{ position:absolute; left:0; top:0; z-index:999; width:1000px; height:490px; background:#FFF; filter:alpha(opacity=0); -moz-opacity:0; opacity:0; }
#chaosrings .main { position:absolute; }

/* ------ contBottom ------ */
#chaosrings #contBottom { padding-top:30px; background:url(../images/news_bg_01.gif) no-repeat center top; }
#chaosrings #contBottom .wrap { width:1000px; margin:0 auto; }
#chaosrings #contBottom .inner { margin:0 70px 0 40px; background:url(../images/thumb_bg_02.gif) no-repeat right top; }
#chaosrings #contBottom #naviBtn { position:relative; z-index:9999; float:right; width:320px; margin-top:-135px; padding-top:5px; padding-bottom:20px; background:url(../images/thumb_bg_01.gif) no-repeat center top; overflow:hidden; }
#chaosrings #contBottom #naviBtn dl { position:relative; width:298px; height:78px; margin:15px 0 0 11px; cursor:pointer; }
#chaosrings #contBottom #naviBtn dl dt,
#chaosrings #contBottom #naviBtn dl dd { position:absolute; left:0; top:0; line-height:0; font-size:0; }
#chaosrings #contBottom #naviBtn dl dt { z-index:9998; }
#chaosrings #contBottom #naviBtn dl dd { z-index:9997; }

#chaosrings #contBottom #topics { width:460px; float:left; padding-bottom:30px; }
#chaosrings #contBottom #topics dl { padding:10px 0; background:url(../images/dline_01.gif) repeat-x left bottom; }
#chaosrings #contBottom #topics dl dt { float:left; width:6em; }
#chaosrings #contBottom #topics dl dd { margin-left:7em; }


/*===================================================================
	contents sp
===================================================================*/
@media only screen and (min-width:320px) and (max-width:767px) {
/*===================================================================
	clearfix
===================================================================*/
#naviBtn:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
#naviBtn { display:inline-block; }


/*===================================================================
	common
===================================================================*/
body img {
	max-width:100%;
	height:auto;
}

#chaosrings #contTop #contPromo #contPromoWrap .lang dl dt img,
#chaosrings #contTop #contPromo #contPromoWrap .lang dl dd img,
#chaosrings #contBottom #naviBtn dl img,
#chaosrings #contBottom #topics h2 img {
	width:100%;
	height:auto;
}

div#sqexFooter dl.sqex-footer-shares {
	z-index:1000;
	width:100%;
	height:auto;
	padding-top:3%;
	text-align:center;
}
div#sqexFooter dl.sqex-footer-shares dt,
div#sqexFooter dl.sqex-footer-shares dd {
	margin-right:0 !important;
}
div#sqexFooter dl.sqex-footer-shares dd {
	padding:7px;
}
div#sqexFooter div.sqex-footer-logos, div#sqexFooter div.sqex-footer-logos2 {
	position:relative;
	left:0;
	top:auto !important;
	width:100% !important;
	height:auto !important;
	line-height:1;
	text-align:center;
}
div#sqexFooter div.sqex-footer-logos div, div#sqexFooter div.sqex-footer-logos2 div {
	display:inline-block;
	height:auto;
	vertical-align:middle;
}
div#sqexFooter div.sqex-footer-logos div img, div#sqexFooter div.sqex-footer-logos2 div img {
	width:auto;
	height:30px;
	margin-right:0;
	padding:5px;
}
div#sqexFooter ul {
	width:96%;
	padding:2%;
}
div#sqexFooter ul li.sqex-footer-first {
	padding-left:0;
}
div#sqexFooter ul li:last-child {
	padding-right:0;
}
div#sqexFooter p.sqex-footer-copyright {
	z-index:1000;
	width:96%;
	margin:0 auto;
	padding:20px 0;
	text-align:center;
}

#chaosrings .QOverlay .QLoader,
#sqexHeader-white #___gcse_0,
#sqexFooter .sqex-footer-shares dt,
#sqexFooter .sqex-footer-links,
#sqexFooter .sqexch {
	display:none !important;
}

#sqexHeader-white, #sqexFooter {
	min-width:320px;
}


/*===================================================================
	contents
===================================================================*/
#chaosrings { width:100%; min-width:320px; margin:0 auto; text-align:left; }

/* ------ contTop ------ */
#chaosrings #contTop { position:relative; width:100%; min-width:320px; height:auto; margin:0 auto; padding-bottom:49%; }
#chaosrings #contTop #contPromo { position:absolute; left:0; top:0; width:100%; height:100%; }
#chaosrings #contTop #contPromo #contPromoWrap { position:relative; width:100%; height:100%; overflow:hidden; }
#chaosrings #contTop #contPromo #contPromoWrap .lang { position:absolute; left:auto !important; top:auto !important; right:7%; bottom:7%; width:31.5%; }
#chaosrings #contTop #contPromo #contPromoWrap .lang dl { float:none; width:100%; }
#chaosrings #contTop #contPromo #contPromoWrap .lang dl.smartphone { margin-right:0; }
#chaosrings #contTop #contPromo #contPromoWrap .lang dl.psmobile { margin-top:7%; }
#chaosrings #contTop #contPromo #contPromoWrap .lang dl dt,
#chaosrings #contTop #contPromo #contPromoWrap .lang dl dd { line-height:0; font-size:0; }
#chaosrings #contTop #contPromo #contPromoWrap .lang dl dd { background:url(../images/lang_bg_01.png) no-repeat center top; background-size:contain; }
#chaosrings #contTop #contPromo #contPromoWrap .lang dl dd ul li { float:right; width:50%; }
#chaosrings #contTop #contPromo #contPromoWrap .lang dl dd ul li.jp { float:left; }
#chaosrings #contTop #contPromo #contPromoWrap .lang dl dd ul li img { vertical-align:top; }
/*#chaosrings #contTop #contPromo #contPromoWrap .lang dl dd.single { background:none; }*/
#chaosrings #contTop #contPromo #contPromoWrap .lang dl dd.single ul li { float:none; width:100%; }

#chaosrings .mask{ position:absolute; left:0; top:0; z-index:999; width:100%; height:100%; background:#FFF; filter:alpha(opacity=0); -moz-opacity:0; opacity:0; }
#chaosrings .main { position:absolute; width:100%; height:100%; }

/* ------ contBottom ------ */
#chaosrings #contBottom { padding-top:0; background:url(../images/news_bg_01.gif) no-repeat center top; }
#chaosrings #contBottom .wrap { width:100%; margin:0 auto; }
#chaosrings #contBottom .inner { margin:0 0 0 0; background:none; }
#chaosrings #contBottom #naviBtn { position:relative; z-index:9999; float:none; width:100%; margin-top:0; padding-top:5px; padding-bottom:5px; background:none; overflow:hidden; }
#chaosrings #contBottom #naviBtn dl { position:relative; float:left; width:48%; height:auto; margin:1%; padding-bottom:12%; cursor:pointer; }
#chaosrings #contBottom #naviBtn dl dt,
#chaosrings #contBottom #naviBtn dl dd { position:absolute; left:0; top:0; line-height:0; font-size:0; width:100% !important; height:auto; }
#chaosrings #contBottom #naviBtn dl dt { z-index:9998; }
#chaosrings #contBottom #naviBtn dl dd { z-index:9997; }

#chaosrings #contBottom #topics { width:96%; float:none; padding-bottom:20px; margin:20px auto 0 auto; }
#chaosrings #contBottom #topics dl { padding:10px 0; background:url(../images/dline_01.gif) repeat-x left bottom; }
#chaosrings #contBottom #topics dl dt { float:left; width:6em; }
#chaosrings #contBottom #topics dl dd { margin-left:6em; }

#chaosrings #contBottom #naviBtn {
	padding-bottom:1%;
	box-shadow:rgba(113, 135, 164, 0.65) 0px 0px 6px 3px;
	-moz-box-shadow:rgba(113, 135, 164, 0.65) 0px 0px 6px 3px;　/* Firefox */
	-webkit-box-shadow:rgba(113, 135, 164, 0.65) 0px 0px 6px 3px;　/* Chrome, Safari */
	background: rgb(0,0,0); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(225,225,225,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0,0,0,1)), color-stop(100%, rgba(225,225,225,1))); /* Chrome, Safari4+ */
	background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(225,225,225,1) 100%); /* Chrome10+, Safari5.1+ */
	background: -o-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(225,225,225,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(225,225,225,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(0,0,0,1) 0%, rgba(225,225,225,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#e1e1e1', GradientType=0 ); /* IE6-9 */
}
}