/* スマホ */
@media (max-width: 767px) {

.spnone {display:none;}

table.tb-03 ,
table.tb-03g {
	width:100% !important;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
	margin:0 !important;
}

table.tb-03 th ,
table.tb-03 td ,
table.tb-03g th ,
table.tb-03g td {
	display:block;
	float:left;
}

table.tb-03 th ,
table.tb-03g th {
	clear:both;
	width:10% !important;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

table.tb-03 td ,
table.tb-03g td {
	width:45% !important;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

table.tb-03 td.button ,
table.tb-03g td.button {
	padding: 2px 10px 1px 0 !important;
}

table.tb-03 td.button a,
table.tb-03g td.button a {
	display:block;
	width:76px;
	height:27px;
	float:right;
	text-indent:-9999px;
	background:url(../sp_share/images/message/btn02.png) no-repeat center top;
	background-size:76px 27px;	
}

table.tb-03 td.button a img ,
table.tb-03g td.button a img {
	display:none;
}

table.tb-02 ,
table.tb-02g {
	width:100% !important;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
	margin:0 !important;
}

table.tb-02 th ,
table.tb-02 td ,
table.tb-02g th ,
table.tb-02g td {
	display:block;
	float:left;
}

table.tb-02 th ,
table.tb-02g th {
	clear:both;
	width:10% !important;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

table.tb-02 td ,
table.tb-02g td {
	width:45% !important;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

table.tb-02 td.button ,
table.tb-02g td.button {
	padding: 2px 10px 1px 0 !important;
}

table.tb-02 td.button a,
table.tb-02g td.button a {
	display:block;
	width:76px;
	height:27px;
	float:right;
	text-indent:-9999px;
	background:url(../sp_share/images/message/btn02.png) no-repeat center top;
	background-size:76px 27px;	
}

table.tb-02 td.button a.choice,
table.tb-02g td.button a.choice {
	background:url(../sp_share/images/message/btn06.png) no-repeat center top;
	background-size:76px 27px;	
}

table.tb-02 td.button a.select,
table.tb-02g td.button a.select {
	background:url(../sp_share/images/message/btn05.png) no-repeat center top;
	background-size:76px 27px;	
}

table.tb-02 td.button a img ,
table.tb-02g td.button a img {
	display:none;
}

table th.spn ,
table td.spn {
	display:none;
}

#longbox #main .tb-02 .sbtrh td,#longbox #main .tb-03 .sbtrh td { background:url(../images/common/hd.gif); }
#longbox #main .tb-02g .sbtrh td,#longbox #main .tb-03g .sbtrh td { background:url(../images/common/th_gr.gif); }

#longbox #main .tb-02 .sbtrh th,#longbox #main .tb-03 .sbtrh th { background:url(../images/common/bg_th.gif);}
#longbox #main .tb-02g .sbtrh th,#longbox #main .tb-03g .sbtrh th { background:url(../images/common/thead_gr.gif);}

#longbox #main .tb-02 th.odd ,#longbox #main .tb-03 th.odd { background:url(../images/common/th_blue.gif);}
#longbox #main .tb-02g th.odd ,#longbox #main .tb-03g th.odd { background:url(../images/common/th_gr02.gif);}

#longbox #main .tb-02 td.odd ,#longbox #main .tb-03 td.odd { background:url(../images/common/td.gif);}
#longbox #main .tb-02g td.odd ,#longbox #main .tb-03g td.odd { background:url(../images/common/td_gr.gif);}

#longbox #main .blockL {
	width:auto;
	float:none;
	padding:0;
}

#longbox #main .blockL .box {
	width:auto;
	padding:0 15px 10px 15px;
}

#longbox #main .blockR {
	float:none;
	width:auto; margin:0; padding:0 15px; text-align:left;}

#longbox #main h3.gr {
    font-size: 110%;
    margin-bottom: 10px;
    padding: 8px 0 0 15px;
    color: #1c1c1c;
    background: none;
}

#longbox #main .blockR .rank { width:100%;border:#18519e 2px solid;;background:none;background-color:#f2f5f9;margin:0 0 5px 0; }
#longbox #main .blockR .rank h3 { width:100%; margin:0 0 5px 0; padding:0; text-align:center; text-indent:-9999px;background:url(../sp_share/images/message/img_tl_01.jpg) #1859ae no-repeat center top;background-size:185px 34px; }

#longbox #main .blockR .rank dl { clear:both; width:100%; margin:0 !important;}

#longbox #main p.b_btn {
	margin: 0 0 20px 0;	
}

#longbox #main p.b_btn a {
	display:block;
	width:280px;
	height:45px;
	margin:0 auto;
	text-indent:-9999px;
	background:url(../sp_share/images/message/btn01.jpg) no-repeat center top;
	background-size:280px 45px;	
}


#message {
	width:auto;
 padding:0 15px; margin:0 0 10px 0; overflow:hidden;
 background:none;}

#message table {
	width:100% !important;
}

#message table th {
	width:100px;
	font-size:70%;
}

#message table td input {
	width:120px;
	padding:3px;
	font-size:16px;
}

#message table td textarea {
	width:160px !important;
	padding:3px;
	font-size:16px;
}

#message table td span.small {
	display:block;
	padding:5px 0 0 0;
}

#longbox #main .blockL form#del { clear:both; width:auto; margin:0 12px 0 12px; }

#longbox #main .blockL form#del table td { display:block; }

#longbox #main .blockL form#del table td.btn2 { padding:10px; }

#longbox #main .blockL form#del table { float:none; margin:0 0 20px 0; padding:0;}

#longbox #main .blockL .boxB { clear:both; width:auto; margin:0; padding:0 12px 40px 12px; text-align:center;}

#longbox #main .blockL .boxB a.b1 {
	display:block;
	width:280px;
	height:45px;
	margin:0 auto 10px auto;
	text-indent:-9999px;
	background:url(../sp_share/images/message/btn03.png) no-repeat center top;
	background-size:280px 45px;	
}

#longbox #main .blockL .boxB a.b2 {
	display:block;
	width:280px;
	height:45px;
	margin:0 auto 10px auto;
	text-indent:-9999px;
	background:url(../sp_share/images/message/btn04.png) no-repeat center top;
	background-size:280px 45px;	
}

#longbox #main .blockL .board {
 clear:both; width:auto; margin:0 12px 0 12px; padding:0; text-align:left;}

#longbox #main .blockL .mlist {
 clear:both; width:auto; margin:5px 0 15px 0; padding:0; text-align:left;
 border-bottom:1px solid #9EC5F3; background:url(../images/yoko/bg_sponsor.gif);}
 
 #longbox #main .blockL .mlist .state {
 clear:both; width:auto; height:20px; margin:0 0 10px 0; padding:5px 7px; color:#FFF; background:url(../images/common/bg_th.gif);}

#longbox #main .blockL .mlist .title { clear:both; width:auto; margin:0 0 10px 0; padding:5px 7px 5px 6px;}

.pagenavi { clear:both; width:auto; margin:0 12px 10px 12px; padding:0; text-align:right; font-size:85%;}

#longbox #main .blockL form#del { clear:both; width:auto; margin:0 0 0 12px; padding:15px 0;}

#longbox #main .blockL .boxB { clear:both; width:auto; margin:0; padding:0 0 40px 0; text-align:center;}


#longbox #main .box { clear:both; width:auto; margin:0 auto; padding:0 15px 10px 15px; text-align:left;}

#main .mainimg {
	display:block;
	margin:0 15px;	
}

#main .mainimg img {
	width:100% !important;
}

#longbox #main h3 span.teamtit {
	display:block;
	padding:7px 20px 7px 20px;
	margin:0 15px 0 0;
	color:#1E4C79;
	background:url(../images/common/bg_h3.gif) no-repeat left top;
}

.teambtn {
	width:220px;
	display:block !important;
	margin:10px 15px 15px auto !important;
	color:#ffffff;
	text-decoration:none;
	font-size:12px;
	padding:5px 15px;
	text-align:center;
	border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

#longbox #main .boxM {
 clear:both; width:auto; margin:0 auto; padding:0 15px 0 15px; overflow:hidden; text-align:left;
 background:none;}
 
#longbox #main .listL { clear:left; float:none; width:auto; margin:0 0 5px 0; padding:0 0 5px 0; text-align:left;}
#longbox #main .listR { float:none; width:auto; margin:0 0 5px 0; padding:0 0 5px 0; text-align:left;}

#longbox #main .listL img,#longbox #main .listR img { float:none; margin:0 0 10px 0; padding:0; border:1px solid #CCC; width:100%; }

#longbox #main .listL .boxR,#longbox #main .listR .boxR { float:none; width:100%; margin:0 0 15px 0; padding:0; text-align:left;}

#longbox #main .listL .boxR .position,#longbox #main .listR .boxR .position {
 width:auto; margin:0 0 5px 0; padding:5px 10px; color:#FFF; font-weight:bold; border:1px solid #CCC;
 background:url(../images/common/thead_gray.gif);}
#longbox #main .listL .boxR table,#longbox #main .listR .boxR table {
 width:100%;  margin:0; border-spacing:1px; border-collapse:separate;}
 
}