@charset "UTF-8";
/* CSS Document */

body {
	background-color:#000;
	background:url(../img/bg.jpg) repeat;
	font-family: 'Sawarabi Gothic', sans-serif;
	
}

.pc{}
.cx_smartphoneview .pc{ display:none;}
.sp{ display:none;}
.cx_smartphoneview .sp{ display:inline;}

#header{display:none;}

#contents {
	width:640px; text-align:center;   margin:0 auto; padding:0;
	background: url(../img/main_bg201204.jpg) repeat-y;
}
.cx_smartphoneview #contents {
	background:url(../img/bg.jpg) repeat;
}
#contents .mc{
	background:url(../photo/mc2021.jpg) no-repeat;
	background-size:cover;
	width:640px;
	height:520px;
}
#contents .mc h1{margin:0 auto; padding:380px 0 0; line-height:1.0; font-size:40px; font-family: 'Mochiy Pop P One', sans-serif;
background: linear-gradient(to right top, #0357d6, #ffff00);
  -webkit-background-clip: text;
  color: transparent;
  filter: drop-shadow(2px 2px #fff)  drop-shadow(-1px -1px #fff) drop-shadow(2px 2px 4px #ffff99);
 }
#contents .mc h1 .mark{font-family: 'Sawarabi Gothic', sans-serif;  font-weight:bold;}
#contents .mc p{margin:0 auto;  text-align:right; color:#3a88fc;
filter: drop-shadow(2px 2px 2px #000033);
}

#contents .cast1{width:213px; height:266px; float:left; position: relative;}
#contents .cast2{width:426px; height:266px; float:left; position: relative;}
#contents .cast3{width:619px; height:266px; position: relative;}

#contents .name{ position:absolute; bottom:0; right:0; width:213px; height:40px; padding:10px 0; color:#fff; font-size:160%; font-family: 'Kiwi Maru', serif; font-weight:bold;}
#contents .name2{ position:absolute; bottom:0; right:0;  width:426px; height:40px; padding:10px 0; color:#fff; font-size:160%; font-family: 'Kiwi Maru', serif; font-weight:bold;}
#contents .name_gr{ position:absolute; bottom:0; right:0; width:213px; height:52px; padding:3px 0 5px 0; color:#fff; font-size:160%; font-family: 'Kiwi Maru', serif; font-weight:bold;	line-height:1.2;}

.t-a{background-color:#fbc52f;}
.t-b{background-color:#C03;}
.t-c{background-color:#f18101;}
.t-d{background-color:#920783;}
.t-e{background-color:#069;}
.t-f{background-color:#007130;}
.t-g{background-color:#0099ff;}

#contents .text{
	position:absolute;
	top:0; right:0;
	width:40px;
	height:190px;
	padding:10px 0;
	color:#fff;
	font-size:100%;
	text-align:left;
	line-heiht:2em;
	writing-mode: vertical-rl;
　-moz-writing-mode: vertical-rl;
　-o-writing-mode: vertical-rl;
　-webkit-writing-mode: vertical-rl;}
#contents .text p{padding:0 8px 0 0; margin:0 auto;}

#contents .text2{position:absolute; top:0; right:0; width:45px; height:190px; padding:10px 0; color:#fff; font-size:80%; text-align:left;
writing-mode: vertical-rl;
　-moz-writing-mode: vertical-rl;
　-o-writing-mode: vertical-rl;
　-webkit-writing-mode: vertical-rl;}
#contents .text2 p{padding:0 5px 0 0; margin:0 auto;}
.cx_smartphoneview #contents .text2 p{padding:0 3px 0 0;}


#contents .text3{position:absolute; top:0; right:0; width:40px; height:190px; padding:10px 0; color:#fff; font-size:130%; text-align:left;	letter-spacing:0.3em;
writing-mode: vertical-rl;
　-moz-writing-mode: vertical-rl;
　-o-writing-mode: vertical-rl;
　-webkit-writing-mode: vertical-rl;}
#contents .text3 p{padding:0 5px 0 0; margin:0 auto;}

#contents .cast1 img,#contents .cast2 img{width:100%;}

#contents .icon{position:absolute; top:0; left:0; width:30px; height:32px; padding:5px 7px 5px 5px; color:#fff; filter: drop-shadow(2px 2px #333); background-color:#fe56a1;}
#contents .icon p{ transform:rotate(-15deg); font-size:130%; font-family: 'Mochiy Pop P One', sans-serif; margin-top:-2px;}

#contents .coment{clear:both; padding:30px 0; margin:0 auto; letter-spacing:0.08em;}
#contents .coment p{padding:0; margin:0 auto; font-size:180%; font-family: 'Mochiy Pop P One', sans-serif; transform:rotate(-5deg); font-weight:bold; line-height:1.4;
background: linear-gradient(to right top, #006600, #ffff66, #006600);
  -webkit-background-clip: text;
  color: transparent;
  filter: drop-shadow(2px 2px #000)  drop-shadow(-1px -1px #000) drop-shadow(3px 3px 1px #fff)  drop-shadow(-2px -2px 1px #fff) drop-shadow(3px 3px 20px #ff0000)  drop-shadow(25px 10px 40px #fff);}
  
#contents .f-L{ font-size:140%;} 


#contents .tournament_link{
	padding:215px 0 0 5px;
}
#contents .tournament_link:hover{
	opacity: 0.9;
}

#contents .tournament01{
	background:url(../photo/tournament211203_1.jpg) no-repeat;
	height:309px;
}
#contents .tournament02{
	background:url(../photo/tournament211203_2.jpg) no-repeat;
	height:229px;
}
#contents .tournament03{
	background:url(../photo/tournament211203_3.jpg) no-repeat;
	height:221px;
}
#contents .tournament04{
	background:url(../photo/tournament211203_4.jpg) no-repeat;
	height:340px;
}

#tournament{padding:5px 5px;}
	
#top {
	width:640px;
	height:427px;
	background:url(../photo/top.jpg);
}

img {
	border:none;
}

.fclear {
	clear:both;
}


#link{
	width:640px;
	padding:0 0 10px 0;
	clear:both;
	background:url(../img/w60bg.png)
}
#link .archive{
	text-align:right;
	padding:8px 5px 5px 0;
}
#link .top_link{
	padding:8px 0 5px 0;
	font-size:12px;
}
#link ul{
	list-style:none;
	margin:0 auto;
	padding:0;
	font-size:12px;
	line-height:1.3em;
	text-align:center;
}
#link li{
	width:212px;
	float:left;
	margin:0;
	padding-bottom:10px;
}
.top_link{
	margin-left:480px;
	font-size:12px;
	padding-bottom:5px;
}
#link .boshu{
	padding:5px 0;
}

/*margin*/
.mgt05{margin-top:5px;}
.mgt10{margin-top:10px;}

.ls009{letter-spacing:-0.09em;}

.f100{font-size:100%;}
.f90{font-size:90%;}
.f80{font-size:80%;}
.f70{font-size:70%;}
.f60{font-size:60%;}
.f50{font-size:50%;}

.a_block_btn{margin:110px 5px 0px 3px; float:left;}
.b_block_btn{margin:110px 0 0; float:left;}
.c_block_btn{margin:120px 5px 0px 3px; float:left;}
.d_block_btn{margin:-5px 5px 0 0; float:right;}
.e_block_btn{margin:-5px 0 0; float:right;}
.f_block_btn{margin:240px 0 0; float:right;}
.g_block_btn{margin:240px -2px 0 0; float:right;}
.a_block_btn:hover,.b_block_btn:hover,.c_block_btn:hover,.d_block_btn:hover,.e_block_btn:hover,.f_block_btn:hover,.g_block_btn:hover{opacity: 0.9;}


/*リンク*/
a:link {
	color: #333;
	text-decoration: none;
}   /* リンク */
a:visited {                 /* 既に見たリンク */
	color: #006;
	text-decoration: none;    /* 下線を消す */
}
a:active {
	color: #006;
} /* クリック時のリンク */
a:hover {                   /* カーソルが上にある時のリンク */
	color: #006;
	text-decoration: none     /* 下線を消す */
}
a:hover img{opacity:0.8; color:#3366ff;}