@charset "utf-8";
/*clear*/
.clear {clear:both;}
.clearfix:after {display:block;clear:both;height:0px;visibility:hidden;content:".";}
.clearfix {min-height:1px; /*IE6、7対策*/}
* html .clearfix {height:1px; /*¥*//*/ /*MAC IE5.x対策*/ height:auto;overflow:hidden; /**/}

.txt_center{text-align:center;}

.float_r{flaot: right:}
.float_l{flaot: left:}

h3{ 
	width: 100%;
	font-size: 120%;
	font-weight: bold;
	padding: 5px 0;
	margin:0;
	border-bottom: 2px solid #b70000;
}

/* コスモトライザー02
-------------------------------------------------------------------------------- */
@media screen and ( min-width:640px ) {
#cosmobattles02_box {
	width: 880px;
	margin: 0 auto;
m}
#pic_cosmobattles02 {
	margin:0 auto;
	width: 100%;
	position: relative;
}
#pic_cosmobattles02 img{
	display: block;
	margin: 0 auto;
}
.txt_cosmobattles02_box{
	width: 870px;
	margin: 10px auto;
}
.pic_cosmobattles02_box div{
	width: 440px;
	margin: 10px auto;
	float: left;
}
.pic_cosmobattles02_box div p{
	width: 420px;
	margin: 0;
	padding: 0 10px;
}
.pic_cosmobattles02_box div p span{
	font-size: 120%;
	font-weight: bold;
}
.pic_cosmobattles02_box{
	width: 880px;
	margin: 0 auto;
	padding: 10px 0;
	position: relative;
}
.pic_cosmobattles02_box img{
	display:block;
	float: left;
	position: relative;
}
.pic_cosmobattles02_box a :hover{
	top: -4px;
}
#pic_dia-nauts {
	width: 612px;
	float: left;
	position: relative;
}
#cap_dia-nauts {
	clear: both;
	width: 311px;
	text-align: center;
	font-size: 80%;
	margin-top: 0;
}
#txt_dia-nauts {
	width: 311px;
	position: absolute;
	left: 302px;
	top: 90px;
}
#pic_cosmobattles02_16_img{
	width: 330px;
	display: block;
	margin: 0 auto;
}

#pic_dia-nauts_s_img,
#pic_cosmobattles02_05_s,
#pic_cosmobattles02_07_s{
	display:none;
}
.cap_joint {
	display:none;
}
#sub_tit_combine{
	margin-top: 50px;
	margin-bottom: 20px;
}

.btn{
	display: block;
	text-align: center;
	text-decoration: none;
	padding: 5px 10px;
	font-size: 13px;
	line-height: 2em;
	font-weight: normal;
	letter-spacing: 1px;
	text-transform: uppercase;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	-webkit-transform: translate3D(-50%, -50%, 0);
          transform: translate3D(-50%, -50%, 0);
	color: #fcff00;
	border: 2px solid #fcff00;
	background: #c50018;
}
.btn:before,
.btn:after {
	width: 0%;
	height: 2px;
	position: absolute;
	background: #c50018;
	-webkit-transition: width .4s ease-in-out;
	transition: width .4s ease-in-out;
	content: " ";
}
.btn:before {
	left: 0;
	top: -2px;
}
.btn:after {
	bottom: -2px;
	right: 0;
}
.btn:hover {
	padding: 5px 10px;
	border-color: #c50018;
	color: #fffbe5;
	cursor:pointer;
}
.btn:hover:before,
.btn:hover:after {
	width: 100%;
}

.btn_cosmotrizer{
	width: 230px;
	position: absolute;
	top: 720px !important;
	left: 740px !important;
}

#pic_cosmobattles02_08_img{
	padding-top:38px;
}

/* POP UP
-----------------------------------------*/
#popup_wrapper{
	width: 950px;
	margin: 0 auto;
	padding: 0;
	position: relative;
}

.mod_thumlist{}
.mod_thumlist ul{
    width:325px;
	list-style:none;
    padding:0;
    margin:0;
	position: absolute;
	top: 60px;
	left: 572px;
	z-index: 999;
}
.mod_thumlist li{
    width:60px;
    height:60px;
    float:left;
    background:none;
    padding:0;
    margin:0 5px 5px 0;
}
.mod_thumlist li a{display:block;}
.mod_thumlist li a:link    {}
.mod_thumlist li a:visited {}
.mod_thumlist li a:hover   {opacity:0.8;}
.mod_thumlist li a:active  {opacity:0.8;}
/* IE用 ↓*/
.mod_thumlist li a:hover img {filter:alpha(opacity=80);}
 
.mod_thumlist_photo{}
.mod_thumlist_photo_entry{
    position:absolute;
    width:950px;
    margin:20px 0 0 0;
}
.mod_thumlist_photo_entry p{
    display:block;
    width:950px;
    margin:0;
    padding:0;
}

.btn_popup_s{display:none;}

}


@media screen and ( max-width:639px ) {
#cosmobattles02_box {
	margin:0 auto;
}
#pic_cosmobattles02{
	margin:0 auto;
	width: 100%;
}
#pic_cosmobattles02 img{
	display: block;
	width: 90%;
	margin: 0 auto;
}
h3 {
	width: 100%;
	margin-top: 20px;
	padding: 0 10px;
}
#pic_cosmobattles02{
	margin:0 auto;
	width: 100%;
	position: relative;
}
#pic_cosmobattles02 img{
	display: block;
	width: 90%;
	margin: 0 auto;
}
.txt_cosmobattles02_box {
	width: 90%;
	margin: 0 auto;
	padding: 0 10px;
}

.pic_cosmobattles02_box img{
	display: block;
	width: 90%;
	margin: 10px auto;
}

.pic_cosmobattles02_box p {
	width: 90%;
	margin: 0 auto;
	padding: 0 10px;
}

#cap_dia-nauts {
	clear: both;
	text-align: center;
	font-size: 80%;
	margin-top: 0;
	padding: 0 0 10px 0;
}
#txt_dia-nauts{
	display: block;
	margin-bottom: 20px;
}

#sub_tit_combine {
	width: 100%;
	margin-top: 30px;
}
#sub_tit_combine img {
	width: 100%;
}
.cap_joint {
	clear: both;
	display:block;
	font-size: 80%;
	margin-top: 0;
	padding: 10px 0;
}
#pic_dia-nauts_img,
#pic_cosmobattles02_05_img,
#pic_cosmobattles02_07_img,
.btn_cosmotrizer{
	display:none;
}

#btn_popup_s{
	width: 90%;
	margin: 0 auto;
}

.btn_s{
	width: 90%;
	display: block;
	text-align: center;
	text-decoration: none !important;
	padding: 5px 10px;
	font-size: 13px;
	line-height: 2em;
	font-weight: normal;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #fcff00;
	border: 2px solid #fcff00;
	background: #c50018;
	margin: 10px auto;
}
.btn_s:hover {
	padding: 5px 10px;
	border-color: #c50018;
	color: #fffbe5;
	cursor:pointer;
}
.btn_s:hover:before{
	width: 90%;
}

/* POP UP
-----------------------------------------*/
#popup_wrapper{
	width: 90%;
	height: 90%;
	margin: 0 auto;
}
#popup_wrapper ul{
	width: 90%;
	list-style: none;
	margin: 0;
	padding: 0;
}
#popup_wrapper li{
	float: left;
	margin: 0 5px 0 0;
}

.mod_thumlist li a:link    {}
.mod_thumlist li a:visited {}
.mod_thumlist li a:hover   {opacity:0.8;}
.mod_thumlist li a:active  {opacity:0.8;}
/* IE用 ↓*/
.mod_thumlist li a:hover img {filter:alpha(opacity=80);}
 
#popup_wrapper li img{
	width: 50px;
	height: 50px;
}
.mod_thumlist_photo_entry img{
	display: block;
	width: 90%;
	height: 90%;
}
}