@charset "UTF-8";

@import url(//fonts.googleapis.com/css?family=Lato:400,700,900);
@import url(//fonts.googleapis.com/css?family=Great+Vibes);
@import url(/shared/fonts/ss-standard/ss-standard.css);
@import url(/shared/fonts/ss-social/ss-social.css);

/* reset */
li{ list-style-type:none; }
input{ outline:none; }
*{ outline:none; }

/* transition */
#weboard-header nav.headerNav li.free a div.banner,
body#usces-member-login article.login div#loginFrame div.columnL .weboardFrame,
body#usces-member-login article.login div#loginFrame div.columnL .frameShadow,
#weboard-header,
#coverVisual .weboardFrame,
div#weboardjersey{
-webkit-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
   -moz-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
    -ms-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
     -o-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
        transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); /* easeOutQuart */

-webkit-transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000);
   -moz-transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000);
    -ms-transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000);
     -o-transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000);
        transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000); /* easeOutQuart */
}
#weboard-header nav.headerNav li.free a div.banner{
 -webkit-transition-property: opacity;
	-moz-transition-property: opacity;
	 -ms-transition-property: opacity;
	  -o-transition-property: opacity;
}




/* base layout */
body.shop-info,
body.usces-cart,
body.usces-member,
body.weboard{ padding-top:48px; background:#ecebe9 url(/shared/images/weboard/bg_sidebar_color.png) repeat-y; }
body.shop-info #container,
body.usces-cart #container,
body.usces-member #container,
body.weboard #container{ background:none !important; }

#weboard-siteTitle{ float:left; height:48px; border-right:2px solid #ff0; }
#weboard-header{
	position:fixed; top:0; left:0; z-index:100;
	width:100%; height:48px;
	background:#7f7d7a; color:#fff;
		box-shadow: 0 2px 10px #000;
   -moz-box-shadow: 0 2px 10px #000;
-webkit-box-shadow: 0 2px 10px #000;
	font-size:12px;
}
#weboard-globalNav li,
#weboard-subNav li{ list-style-type:none; }
#weboard-globalNav,
#weboard-globalNav li{ float:left; }
#weboard-subNav,
#weboard-subNav li{ float:right; }
#weboard-header nav.headerNav,
#weboard-header nav.headerNav li{ height:48px; position:relative; }
#weboard-header nav.headerNav li{ font-family: 'Lato', sans-serif; font-weight:900; font-size:12px; }
#weboard-header nav.headerNav li a{ display:block; height:22px; padding:26px 18px 0; border-right:1px solid #6a6865; color:#fff; }
#weboard-header nav.headerNav li a:hover{ background-color:#5b5956; text-decoration:none; }
#weboard-header nav.headerNav li.free a div.banner{ opacity:0; position:absolute; top:-89px; left:0; z-index:1;
		box-shadow: 0 2px 10px #000;
   -moz-box-shadow: 0 2px 10px #000;
-webkit-box-shadow: 0 2px 10px #000;
}
#weboard-header nav.headerNav li.free a:hover div.banner{ opacity:1; top:48px; }
#weboard-header nav.headerNav li.free a div.banner img{ display:block; width:300px; height:auto; }
/* sub navigation */
#weboard-header nav.headerNav ul.open{ display:block; }
#weboard-header nav.headerNav ul ul{ display:none; position:absolute; top:48px; left:0;
		box-shadow: 0 4px 5px rgba(0,0,0,0.75);
   -moz-box-shadow: 0 4px 5px rgba(0,0,0,0.75);
-webkit-box-shadow: 0 4px 5px rgba(0,0,0,0.75);
}
#weboard-header nav.headerNav li li{ float:none; height:30px; background:#7f7d7a; }
#weboard-header nav.headerNav li li a{ display:block; padding:0 20px; line-height:30px; white-space:nowrap; }
#weboard-subNav li.layupshot a{ width:60px; background:url(/shared/images/weboard/logo_layupshot_s.png) no-repeat center center; text-indent:-255em; }
#weboard-searchBox{ float:left; position:relative; width:220px; height:38px; padding:15px 10px 0; }
#weboard-searchBox input.searchText{ width:170px; height:18px; padding:5px 30px 3px 10px; border:none; border-radius:20px; background:#979593; outline:none; line-height:1; font-size:13px; color:#fff; box-shadow: inset 0 1px 0 #6b6966; }
#weboard-searchBox .searchSubmit{ position:absolute; top:15px; right:15px; height: 22px; padding: 4px 14px; border: none; background:transparent; text-shadow: 0 0 0 1px #695a51; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; font-weight: bold; font-size: 16px; vertical-align: baseline; color: #5b5956; }
.win1024 #weboard-searchBox { width:200px; }
.win1024 #weboard-searchBox input.searchText{ width:150px; }

#accountBox{
	position:fixed; top:0; left:0;
	width:100px;
	padding:70px 10px 50px 18px;
	background:#62605d;
	font-size:small;
	color:#fff;
}
body#weboardjersey #accountBox{ display:none; }

#accountBox p.accountIcon{ width:90px; height:90px; margin-bottom:10px; background:#262524 none no-repeat center center; }
#accountBox p.id1{ background-image:url(/shared/images/event/p21mercer/face/line/fig_face01.png); }
#accountBox p.id2{ background-image:url(/shared/images/event/p21mercer/face/line/fig_face02.png); }
#accountBox p.id3{ background-image:url(/shared/images/event/p21mercer/face/line/fig_face03.png); }
#accountBox p.id4{ background-image:url(/shared/images/event/p21mercer/face/line/fig_face04.png); }
#accountBox p.id5{ background-image:url(/shared/images/event/p21mercer/face/line/fig_face05.png); }
#accountBox p.id6{ background-image:url(/shared/images/event/p21mercer/face/line/fig_face06.png); }
#accountBox p.id7{ background-image:url(/shared/images/event/p21mercer/face/line/fig_face07.png); }
#accountBox p.id8{ background-image:url(/shared/images/event/p21mercer/face/line/fig_face08.png); }
#accountBox p.id9{ background-image:url(/shared/images/event/p21mercer/face/line/fig_face09.png); }
#accountBox p.id0{ background-image:url(/shared/images/event/p21mercer/face/line/fig_face10.png); }
#accountBox p.accountIcon img{ width:90px; height:90px; }
#weboard-accountStatus{ overflow:hidden; }
#accountBox dt{ clear:left; float:left; }
#accountBox dd{ float:left; margin:0; }
#accountBox a{ color:#fff; }
#accountBox a:hover{ text-decoration:none; color:#f5f5f5; }
#accountBox #weboard-accountNav a:hover{ opaciry:0.5; }
#weboard-article{ width: 850px; margin:0 auto; padding:0 0 0 130px; font-size:small; }
#aside-footer{ position:fixed; bottom:0; left:0; padding:5px; font-size:x-small; color:#ccc; }
#aside-footer-nav{ padding:5px 0; }
#aside-footer-nav a{ font-size:x-small; color:#fff; }
#aside-footer-nav a:hover{ opaciry:0.5; }








/* form */
#weboard-main label{ cursor:pointer; }
#weboard-main input.text{ height: auto; margin-bottom: 1px; padding: 12px 5px 11px; line-height: 1em; font-size: 14px;
	border-radius: 3px; border: 1px solid #bcbab8; background-color: white;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
#weboard-main form .lenS{ width:30%; }
#weboard-main form #address1,
#weboard-main form #address2,
#weboard-main form #address3,
#weboard-main form .lenM{ width:60%; }
#weboard-main form .lenFull{ width:98%; }

#weboard-main textarea{ min-height:5em; }

#weboard-main input[type=text],
#weboard-main input[type=password],
#weboard-main textarea{
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 5px;
	line-height: 18px;
	vertical-align: baseline;
	color: #373D49;
	box-shadow: inset 0 1px 3px #DDD;
	font-size: 13px;
}
#weboard-main input[type=button],
#weboard-main input[type=submit],
#weboard-main button,
#weboard-main .to_customerinfo_button,
#weboard-main .delButton,
#weboard-main .skubutton,
#weboard-main .basicBtn{
	clear: both;
	padding: 0 26px; line-height:38px; white-space:nowrap;
	border: 1px solid #ddd3cd;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dad4d4');
	background-image: -moz-linear-gradient(top, #fff, #dad4d4);
	background-image: -webkit-linear-gradient(top, #fff, #dad4d4);
	text-shadow: 0 0 0 1px #695a51;
	box-shadow: inset 0 1px 0 #599EDA;
-webkit-box-shadow: 0 2px 3px #4d4c4a;
   -moz-box-shadow: 0 2px 3px #4d4c4a;
		box-shadow: 0 2px 3px #4d4c4a;
-webkit-border-radius: 4px;
   -moz-border-radius: 4px;
		border-radius: 4px;
	font-weight: bold; font-size: 13px; vertical-align: baseline; color: #000;
}
#weboard-main input[type=button]:hover,
#weboard-main button:hover,
#weboard-main .delButton:hover,
#weboard-main .basicBtn:hover {
	background-color: #e6e2e2;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e2e2');
	background-image: -moz-linear-gradient(top, #fff, #e6e2e2);
	background-image: -webkit-linear-gradient(top, #fff, #e6e2e2);
	background-image: linear-gradient(top, #fff, #e6e2e2);
}
/* green */
#weboard-main input.to_customerinfo_button,
#weboard-main input.skubutton,
#weboard-main .signinBtn{
	background-color: #6E6B68;
	border:1px solid #4d4c4a;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7F7D7A', endColorstr='#6E6B68');
	background-image: -moz-linear-gradient(top, #7F7D7A, #6E6B68);
	background-image: -webkit-linear-gradient(top, #7F7D7A, #6E6B68);
	background-image: linear-gradient(top, #7F7D7A, #6E6B68);
	color:#fff;
}
#weboard-main input.to_customerinfo_button:hover,
#weboard-main input.skubutton:hover,
#weboard-main .signinBtn:hover{
	background-color: #55da5c;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6adf70', endColorstr='#55da5c');
	background-image: -moz-linear-gradient(top, #6adf70, #55da5c);
	background-image: -webkit-linear-gradient(top, #6adf70, #55da5c);
	background-image: linear-gradient(top, #6adf70, #55da5c);
}
.delButton,
#weboard-main .deleteBtn{ color: #900; }
#weboard-main p.submit{ margin:15px 0; }
#weboard-main form select{ border: 1px solid #B3B3B3; margin-bottom:1px; padding: 5px; }







/* 共有 */
#weboard-main { position:relative; padding:40px 0 80px; }
#weboard-main section{ margin:40px 0 40px; }
/* font */
#weboard-main .en{ font-family: 'Lato', sans-serif; font-weight:700; }
#weboard-main h1.en{ font-weight:900; }

/* h */
#weboard-main h1,
#weboard-main h2,
#weboard-main h3{ border-bottom:1px solid #ccc; color:#373D48; }
#weboard-main h1{ font-size: 36px; line-height: 40px; color:#62605d; }
#weboard-main h2{ margin:2em 0 1em; }
#weboard-main .columns h2{ margin-top:0; }
#weboard-main h3{ background:transparent none; }
/* inline */
#weboard-main a{ color:#039; }
#weboard-main em{ margin-right:0.5em; color:#e81349; }
#weboard-main .free{ font-size:xx-large; color:#e81349; }
#weboard-main .note{ font-size:smaller; opacity:0.8; }
#weboard-main .checker,
#weboard-main .send{ margin-top:20px; text-align:center; }
/* p */
#weboard-main p{ margin-bottom:1em; }
#weboard-main .message{ margin:20px; padding:20px; background:#dcdad8; border:1px solid #bcbab8; border-radius:4px; }
#weboard-main .error{ background:#e81349; border:none; font-weight:bold; color:#fff; }
#weboard-main p.photo img{ border:6px solid #fff; border-radius:4px; }
#weboard-main p.photoL{ float:left; margin-right:10px; }
#weboard-main .jerseyLink{ margin:10px 0; font-weight:bold; }
/* dl */
#weboard-main dl dt{ font-weight:bold; }
#weboard-main dl dd{ margin-left:0; }
/* カラム */
#weboard-main .columns{ overflow:hidden; }
#weboard-main .columnL{ float:left; width:49%; }
#weboard-main .columnR{ float:right; width:49%; }
/* アカウント接続ボタン */
#weboard-main .loginBtn a{
	display:block; width: 90%; margin-bottom: 5px; padding:0 5%; border-radius: 22px;
	line-height: 44px; font-size:14px; font-weight: bold; color:#fff;
}
#weboard-main .loginBtn a span:before{ margin-right:1em; }
#weboard-main .loginBtn a:hover{ text-decoration:none; }
#weboard-main #facebookLogin a{ background:#3C5A98; }
#weboard-main #twitterLogin a{ background:#3CF; }
#weboard-main #facebookLogin a:hover{ background:#4e6caa; }
#weboard-main #twitterLogin a:hover{ background:#45deFf; }
/* アイコンのみにする */
#weboard-main .icon:before{ margin-right:1em; }
#weboard-main .icon{ overflow:hidden; display:block; width:1em; padding-top:0.25em; font-size:1.6em; }
/* overflow */
#weboard-main .inlineFrame{ overflow:auto; height:200px; padding:40px 40px 80px; background:#fff; border:1px solid #ccc; }




/* テーブル */
#weboard-main table{ width:100%; }
/*purchaseSection*/
#weboard-main th,
#weboard-main td{ padding:5px 1%; background:transparent none; border:none; border-bottom:1px solid #ccc; vertical-align:top; }
#weboard-main th{ text-align:left; white-space:nowrap; line-height:35px; }
#weboard-main td{ vertical-align:middle; }

#weboard-main table.customer_form{}
#weboard-main table td.agree,
#weboard-main table th.historyrow{ text-align:center; }
#weboard-main th.aright,
#weboard-main td.aright,
#weboard-main td.rightnum{ text-align:right; }
#weboard-main td.date{ text-align:right; }
#weboard-main td.retail{ padding:2em 0 0; border:none; }

#weboard-main table#cart_table td input.quantity{ width:2em; text-align:center; }
#weboard-main table#cart_table th.num		{ width:6%; }/* padding total 7*2% 86% */
#weboard-main table#cart_table th.title		{ width:30%; }
#weboard-main table#cart_table th.price		{ width:15%; }
#weboard-main table#cart_table th.quantity	{ width:10%; }
#weboard-main table#cart_table th.stock		{ width:15%; }
#weboard-main table#cart_table th.action	{ width:10%; }
#weboard-main table#cart_table tfoot th,
#weboard-main table#cart_table tfoot td{ padding:1em 1%; border-top:2px solid #000; }
#weboard-main table#cart_table tfoot tr.add th,
#weboard-main table#cart_table tfoot tr.add td{ border-top-width:0; border-bottom-color:#000; }
#weboard-main table#cart_table tfoot tr.subtotal th,
#weboard-main table#cart_table tfoot tr.subtotal td{ border-bottom-color:#000; }
#weboard-main table#cart_table tfoot tr.subtotal td.empty{ border-top:2px solid #000; }
#weboard-main table#cart_table tfoot td.empty{ border:none; }
/* ショッピングカート */
#weboard-main #cart table { width:100%; border:none; }
/* schedule*/
table#ap-calendar{ float:left; width:50%; }
table#ap-calendar thead th{ line-height:10px; text-align:center; }
table#ap-calendar tbody td{ background-color:#fff; }






/* flow */
#weboard-main #flowSection{ overflow:hidden; }
#weboard-main #flowSection ol{ margin:0; padding:0; }
#weboard-main #flowSection li{ float:left; position:relative; width:25%; line-height:40px; background:#fff; text-align:center; }
#weboard-main #flowSection li.current{ background:#4ec654; font-weight:bold; color:#fff; }
#weboard-main #flowSection li .arrow{
	position: absolute; top: 10px; right: -10px; z-index:1; width: 20px; height: 20px; background:#fff;
	border-bottom:1px solid #ccc; border-left:1px solid #ccc;
	-moz-transform: matrix(-0.6,1,0.6,1,0,0);
	-webkit-transform: matrix(-0.6,1,0.6,1,0,0);
	-o-transform: matrix(-0.6,1,0.6,1,0,0);
	-ms-transform: matrix(-0.6,1,0.6,1,0,0);
	transform: matrix(-0.6,1,0.6,1,0,0);
}
#weboard-main #flowSection li.current .arrow{ background:#4ec654; border:none; }






/* finish*/
#weboard-main #finishSection{ padding:40px; background:#fff; text-align:center; }
#weboard-main #finishSection h2{ margin:0 0 20px; font-family: 'Great Vibes', cursive; font-size:80px; font-weight:normal; }






/* ログインページ */
/*body#usces-member-login{ overflow:hidden; background-image:none;
	background: -moz-linear-gradient(top,transparent 0,rgba(0, 0, 0, 0.25) 100%);
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,transparent),color-stop(100%,rgba(0, 0, 0, 0.25)));
	background: -webkit-linear-gradient(top,transparent 0,rgba(0, 0, 0, 0.25) 100%);
	background: -o-linear-gradient(top,transparent 0,rgba(0, 0, 0, 0.25) 100%);
	background: -ms-linear-gradient(top,transparent 0,rgba(0, 0, 0, 0.25) 100%);
	background: linear-gradient(to bottom,transparent 0,rgba(0, 0, 0, 0.25) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#99000000',GradientType=0);
}*/
body#usces-member-login article{ position:absolute; top:0; left:0; margin:150px 0 0; padding:0; width:100%; z-index:9; }
body#usces-member-login #weboard-main{ width:590px; margin:0 auto; padding:0; }
body#usces-member-login #weboard-main h1{ margin-bottom:15px; border:none; text-align:center; line-height:1; color:#fff; }
body#usces-member-login #weboard-main h1.ex{ font-size:large; }
body#usces-member-login #loginSection{ margin:0; }
body#usces-member-login #loginSection div#loginBox{ width:250px; min-height:250px; margin:0 auto; padding:20px 20px 15px; background:#7f7d7a;/**/ color:#fff; }
body#usces-member-login #weboard-main .message,
body#usces-member-login #loginSection div#loginBox{ border-radius:10px;
		box-shadow: 0 2px 20px #000;
   -moz-box-shadow: 0 2px 20px #000;
-webkit-box-shadow: 0 2px 20px #000;
}
body#usces-member-login #loginSection .floatL{ float:left; }
body#usces-member-login #loginSection .floatR{ float:right; }
body#usces-member-login #loginSection div#loginBox input.text { width:238px; }
body#usces-member-login #loginSection div#loginBox p{ margin-bottom:0; }
body#usces-member-login #loginSection div#loginBox p.submit{ text-align:center; }
body#usces-member-login #loginSection div#loginBox form{ margin-bottom:30px; }
body#usces-member-login #loginSection div#loginBox ul{ margin-bottom:20px; }


/* new ログイン */
body#usces-member-login{ background:#f9fafa; }
body#usces-member-login article.login{ width:1024px; margin:0 auto; }
body#usces-member-login article.login #weboard-main #loginSection{
  width:1024px; height:660px;
  padding-top:80px;
  background:url(/shared/images/weboard/login/jumper_front.png) no-repeat -10px -20px;
}
body#usces-member-login article.login #weboard-main #loginSection div#loginBox{
  float:left;
  width:250px; min-height:250px;
  margin:30px 0 0 90px;
  background: transparent;
  box-shadow:none; border-radius:0;
}
body#usces-member-login #loginform dl{ position:relative; margin:0; }
body#usces-member-login #loginform dl dt{ position:absolute; top:8px; left:6px;  font-size:small; color:#999; cursor:text; }
body#usces-member-login #loginform dl dd{ margin:0; }

body#usces-member-login article.login #weboard-main #loginSection div#loginBox p.nav a{ color:#fff; }
body#usces-member-login article.login #weboard-main #loginSection div#loginFrame{ float:right;  width:630px; }
body#usces-member-login article.login #weboard-main #loginSection div#loginFrame div.columnL{ position:relative; width:310px; height:300px; }
div#loginFrame .weboardFrame{ top:-5px; }
div#loginFrame .SproutFrame{ background-image:url(/shared/images/weboard/frame/frame_sprout_sp.png); }
div#loginFrame .StarFrame{ background-image:url(/shared/images/weboard/frame/frame_risingstar_sp.png); }
div#loginFrame .AlmostFrame{ background-image:url(/shared/images/weboard/frame/frame_almost_sp.png); }
div#loginFrame .ChampionFrame{ background-image:url(/shared/images/weboard/frame/frame_champion_sp.png); }
body#usces-member-login article.login div#loginFrame div.columnL:hover .weboardFrame{
  top:-10px; left:-5px;
}
body#usces-member-login article.login div#loginFrame div.columnL .frameShadow{
	-webkit-box-shadow: 10px 20px 20px rgba(78,48,38,0.7);
	-moz-box-shadow: 10px 20px 20px rgba(78,48,38,0.7);
	box-shadow: 10px 20px 20px rgba(78,48,38,0.7);
	opacity:0.8;
}
body#usces-member-login article.login div#loginFrame div.columnL:hover .frameShadow{
	-webkit-box-shadow: 20px 30px 30px rgba(78,48,38,0.7);
	-moz-box-shadow: 20px 30px 30px rgba(78,48,38,0.7);
	box-shadow: 20px 30px 30px rgba(78,48,38,0.7);
	opacity:0.8;
}
body#usces-member-login article.login #weboard-main #jerseySection{
  position:relative; top:-50px;
  width:624px; height:700px; padding-left:400px;
  background:url(/shared/images/weboard/login/jumper_back.png) no-repeat -10px -25px;
}
body#usces-member-login article.login #weboard-main #jerseySection h2{
  margin:0; border:none; text-align:center;
  font-family: 'Great Vibes', cursive; font-size:80px; font-weight:normal;
}
body#usces-member-login article.login #weboard-main #jerseySection ul{ overflow:hidden; padding:0 12px 50px 100px; }
body#usces-member-login article.login #weboard-main #jerseySection ul li{ overflow:hidden; float:right; height:240px; margin:0 6px 20px; background-color:#d2d3d7;
	-webkit-box-shadow: 10px 20px 10px rgba(78,48,38,0.7);
	-moz-box-shadow: 10px 20px 10px rgba(78,48,38,0.7);
	box-shadow: 10px 20px 10px rgba(78,48,38,0.7);
}
body#usces-member-login article.login #weboard-main #jerseySection ul li img{ width:150px; height:auto; }






/* About */
body#weboardabout #weboard-main nav.pageNav{ position: absolute; top:0; right:0; }
body#weboardabout #weboard-main section nav.pageNav{ top:80px; }
body#weboardabout #weboard-main nav.pageNav li{ display:inline-block; margin:0 1em; line-height:30px; }
body#weboardabout #weboard-main nav.pageNav li.current a{ display:inline-block; padding:0.5em; line-height:15px; background:#000; color:#fff; }
body#weboardabout #weboard-main nav.pageNav li.current a:hover{ text-decoration:none; }
body#weboardabout #weboard-main header{ position:relative }
body#weboardabout #weboard-main section{ position:relative; }
body#weboardabout #weboard-main section#cover{ height:332px; background-color:#fff; }
body#weboardabout #weboard-main section h1{ padding-top:80px; }
body#weboardabout #weboard-main section h3{ clear:both; padding-top:3em; }
body#weboardabout #weboard-main section div.weboardThumb{ padding:70px 0 50px; border-top:1px solid #ccc;  }
body#weboardabout #weboard-main section div.weboardThumb .columnL{ position:relative; }
body#weboardabout #weboard-main section div.weboardThumb .weboardFrame{ top:-5px; }
body#weboardabout #weboard-main section div.weboardThumb h3{ margin:0 0 20px; padding-top:0; font-size:40px; }
body#weboardabout #weboard-main section h4{ text-align:center;}
body#weboardabout #weboard-main section p{ text-align:justify; }
body#weboardabout #weboard-main section#howtouse h1{ margin-bottom:20px; }
body#weboardabout #weboard-main section#howtouse ol{ padding:0; }
body#weboardabout #weboard-main section#howtouse ol.flow ul{ margin-bottom:1em; padding:10px 12px; background-color:#fff; }
body#weboardabout #weboard-main section#howtouse ol.flowInner { margin-bottom:10px; overflow:hidden; }
body#weboardabout #weboard-main section#howtouse ol.flowInner li{ float:left; }
body#weboardabout #weboard-main section#howtouse ol.flowInner li img{ margin-right:2px; border:1px solid #ccc; vertical-align: -100px; }
body#weboardabout #weboard-main section#howtouse div.sectionInner{ margin-top:120px; }
body#weboardabout #weboard-main section#howtouse div.sectionInner h2{ margin-bottom:0; padding:5px; background-color:rgba(255,255,255,0.5); border:1px solid #ccc; text-align:center; }
/* KY START 20121121*/
body#weboardabout #weboard-main section#cover_en{ height:332px; background-color:#fff; }
body#weboardabout #weboard-main section#howtouse_en h1{ margin-bottom:20px; }
body#weboardabout #weboard-main section#howtouse_en ol{ padding:0; }
body#weboardabout #weboard-main section#howtouse_en ol.flow ul{ margin-bottom:1em; padding:10px 12px; background-color:#fff; }
body#weboardabout #weboard-main section#howtouse_en ol.flowInner { margin-bottom:10px; overflow:hidden; }
body#weboardabout #weboard-main section#howtouse_en ol.flowInner li{ float:left; }
body#weboardabout #weboard-main section#howtouse_en ol.flowInner li img{ margin-right:2px; border:1px solid #ccc; vertical-align: -100px; }
body#weboardabout #weboard-main section#howtouse_en div.sectionInner{ margin-top:120px; }
body#weboardabout #weboard-main section#howtouse_en div.sectionInner h2{ margin-bottom:0; padding:5px; background-color:rgba(255,255,255,0.5); border:1px solid #ccc; text-align:center; }
/* KY END 20121121*/
/* Shop Info */
body#shop-info #weboard-main section#cover{ height:685px; }
body#shop-info #weboard-main section h3{ clear:both; padding-top:3em;}
/* KY START 20121121*/
body#shop-info #weboard-main section#cover_en{ height:685px; }
/* KY END 20121121*/






/* Free Campaign */
/* KY START 20121121 right top を　right 40pxにしました。*/
body#weboardabout-campaign #container{ background:url(/shared/images/weboard/character/bg_sprout_l.png) no-repeat right 40px !important; }
/* KY END 20121121*/
body#weboardabout-campaign #weboard-main h1 ,
body#weboardabout-campaign #intro { width:550px; }
body#weboardabout-campaign #freeJerseyList h2{ margin:0; border:none;  font-family: 'Great Vibes', cursive; font-size:80px; font-weight:normal;  }
body#weboardabout-campaign #freeJerseyList ul{ overflow:hidden; padding:0; }
body#weboardabout-campaign #freeJerseyList ul li{ overflow:hidden; float:left; height:240px; margin:0 6px 20px; background-color:#d2d3d7;
	-webkit-box-shadow: 10px 20px 10px rgba(78,48,38,0.7);
	-moz-box-shadow: 10px 20px 10px rgba(78,48,38,0.7);
	box-shadow: 10px 20px 10px rgba(78,48,38,0.7);
}
body#weboardabout-campaign #freeJerseyList ul li img{ width:150px; height:auto; }
/* KY START 20121121*/
body#weboardabout-campaign #intro_en { width:550px; }
body#weboardabout-campaign #freeJerseyList_en h2{ margin:0; border:none;  font-family: 'Great Vibes', cursive; font-size:80px; font-weight:normal;  }
body#weboardabout-campaign #freeJerseyList_en ul{ overflow:hidden; padding:0; }
body#weboardabout-campaign #freeJerseyList_en ul li{ overflow:hidden; float:left; height:240px; margin:0 6px 20px; background-color:#d2d3d7;
	-webkit-box-shadow: 10px 20px 10px rgba(78,48,38,0.7);
	-moz-box-shadow: 10px 20px 10px rgba(78,48,38,0.7);
	box-shadow: 10px 20px 10px rgba(78,48,38,0.7);
}
body#weboardabout-campaign #freeJerseyList_en ul li img{ width:150px; height:auto; }
/* KY END 20121121*/



/* Term */
body#weboardprivacy #weboard-main section p,
body#weboardterm #weboard-main section p{ padding-left:40px; text-align:justify; }
body#weboardprivacy #weboard-main section ol li,
body#weboardterm #weboard-main section ol li{ list-style-type:decimal; text-align:justify; }
body#weboardprivacy #weboard-main section ol li li,
body#weboardterm #weboard-main section ol li li{ list-style-type:lower-latin; }
body#weboardtrade #weboard-main table td{ vertical-align: middle; }




/* mypage */
body#weboardmypage .weboardThumb dl.editList{ width:520px; }
body#weboardmypage .weboardThumb dl.editList dd input.lenFull,
body#weboardmypage .weboardThumb dl.editList dd textarea.lenFull{ width:508px; }
body#usces-member #connectSection div.send{ clear:both; }



/* 商品ページ */
body#weboarditem .weboardThumb dl{ width:520px; margin-bottom:20px; }
body#weboarditem #frameSelectorImage{ position:relative; margin-top:20px; }
body#weboarditem #frameSelectorImage .weboardFrameS	 { position:absolute; top:0; }
body#weboarditem #frameSelectorImage #ChampionFrame	 { left:  0px; }
body#weboarditem #frameSelectorImage #AlmostFrame	 { left: 71px; }
body#weboarditem #frameSelectorImage #StarFrame{ left:142px; }
body#weboarditem #frameSelectorImage #SproutFrame	 { left:213px; }
body#weboarditem #frameSelectorImage .weboardFrameS img{ position:absolute; top:0; left:0; z-index:1; }
body#weboarditem #frameSelectorImage .current img{ top:3px; left:2px; }
body#weboarditem #frameSelectorImage .hover{ z-index:10; }
body#weboarditem #frameSelectorImage .hover img{ top:-2px; left:-2px; }
body#weboarditem #frameSelectorImage .weboardFrameS .frameShadow{ position: relative; top:5px; width:60px; height:44px; margin:0 5px 10px; }
body#weboarditem #frameSelectorText{ margin-bottom:40px; }
body#weboarditem #frameSelectorText dl{ margin-bottom:-1px; }
body#weboarditem #frameSelectorText dl:hover{ background-color:#fff; }




/* 8 Frame */
body#weboardjersey #headerLikeBox{ position:fixed; bottom:20px; left:5px; }
#weboardjersey{ background:url(/shared/images/weboard/bg_wood.jpg) center center; }
#weboardjersey #weboard-article { width: 890px; padding:0; }
#weboardjersey #weboard-main { padding:10px 0 0; }
#weboardjersey #weboard-main table td{ border:none; }
#weboardjersey #weboard-main .weboardJersey{ position:relative; overflow:hidden; margin:-40px 0 0 auto; width:266px; height:210px; background:#fff; }
#weboardjersey #weboard-main .weboardJersey img{ float:left; width:133px; height:auto; background:#fff; }
#weboardjersey #weboard-main .weboardJersey .frameShadow{
	position:absolute; top:0; left:0; width:266px; height:210px; opacity:0.7;
		box-shadow: inset 5px 5px 10px #000;
   -moz-box-shadow: inset 5px 5px 10px #000;
-webkit-box-shadow: inset 5px 5px 10px #000;
}
/* weboardThumb */
#weboard-main .weboardThumb{ position:relative; padding:10px 0; min-height:256px; }
#weboard-main .weboardThumb dl{ width:420px; margin:0; border-top:1px solid #ccc; }
#weboard-main .weboardThumb dl dt{ margin-top:0.5em; }
#weboard-main .weboardThumb dl dd{ padding-bottom:0.5em; border-bottom:1px solid #ccc; }
#weboard-main .weboardThumb .edit{ position:relative; margin-top:-47px; text-align:right; }
#weboard-main .weboardThumb .frameShadow{
	width:267px; height:211px;
	margin:0 0 0 10px;
	background:#000;
	-webkit-box-shadow: 20px 30px 30px #000;
	-moz-box-shadow: 20px 30px 30px #000;
	box-shadow: 20px 30px 30px #000;
	opacity:0.6;
}
#weboard-main .weboardThumb p.note{ margin-top:120px; }
#weboard-main div.weboardThumb .columnL{ width:300px; }
#weboard-main div.weboardThumb .columnR{ width:520px; }
/* layupshot埋め込み時 */
div#weboardjersey{ position:absolute; top:0; left:0; z-index:1000; width:100%; height:0; }
body.setWeboard div#weboardjersey{
	-webkit-box-shadow: 0 3px 10px rgba(0,0,0,0.6);
	-moz-box-shadow: 0 3px 10px rgba(0,0,0,0.6);
	box-shadow: 0 3px 10px rgba(0,0,0,0.6);
}
body.setWeboard #weboard-article #weboard-main{ padding-top:70px; }
body.setWeboard div#weboardjersey .weboardThumb{ opacity:0; }
body.setWeboard #toTopBtnFix,
body.setWeboard div#weboardjersey #baseFacebook{ z-index:1001; }
div#weboardjersey #baseFacebook{ display:none; }
body.setWeboard div#weboardjersey #baseFacebook{ display:block; }
div#weboardjersey #baseFacebook h2{ display:none; }
body.setWeboard #weboard-court{ background:url(/shared/images/weboard/bg_court.png) no-repeat center 100px; }
/* weboard Frame */
.weboardFrame{ position:absolute; top:0; left:0; z-index:1; overflow:hidden; width:287px; height:231px; margin:0; background:transparent none no-repeat; }
.FreeFrame,
.SproutFrame{ background-image:url(/shared/images/weboard/frame/frame_sprout_m.png); }
.StarFrame{ background-image:url(/shared/images/weboard/frame/frame_risingstar_m.png); }
.AlmostFrame{ background-image:url(/shared/images/weboard/frame/frame_almost_m.png); }
.AffiliateFrame{ background-image:url(/shared/images/weboard/frame/frame_affiliate_m.png); }
.TeamFrame{ background-image:url(/shared/images/weboard/frame/frame_team_m.png); }
.ChampionFrame{ background-image:url(/shared/images/weboard/frame/frame_champion_m.png); }
.ReservedFrame,
.Empty1Frame{ background-image:url(/shared/images/weboard/frame/frame_empty1.png); }
.Empty2Frame{ background-image:url(/shared/images/weboard/frame/frame_empty2.png); }
.Empty3Frame{ background-image:url(/shared/images/weboard/frame/frame_empty3.png); }
.Empty4Frame{ background-image:url(/shared/images/weboard/frame/frame_empty4.png); }
.weboardFrame span.emptyBlack,
.weboardFrame img{ position:absolute; display:block; z-index:2; margin:37px 39px 0; width:209px; height:auto; }
.weboardFrame span.emptyBlack{ z-index:1; background:#000; }
.weboardFrame img.emptyJerjey{ position:static; margin:0; opacity:0.4; }
.TeamFrame img{ background-color:#fff; }
.affiliateFrame img{ margin:0 !important; width:auto !important; height:auto !important; } /* 20121112 KY アフィリエイト用 */






/* L single size - single-weboard.php */
#bgJersey{ position:fixed; top:0; left:0; z-index:1; overflow:hidden; width:100%; height:900px; background:#ecebe9; }
#bgJersey img{ width:100%; height:auto; margin:0; opacity:1; }
#weboard-main #weboardThumbL{ position:relative; z-index:2; min-height:800px; }
#weboard-main #weboardThumbL .frameShadow{ width:700px; height:540px; margin:22px 0 50px 12px; }
#weboard-main #weboardThumbL .frameInnerShadow{ position: absolute; bottom:95px; left:101px; z-index:10; width:520px; height:291px;
	background: -moz-linear-gradient(top,transparent 0,rgba(0, 0, 0, 0.55) 100%);
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,transparent),color-stop(100%,rgba(0, 0, 0, 0.55)));
	background: -webkit-linear-gradient(top,transparent 0,rgba(0, 0, 0, 0.55) 100%);
	background: -o-linear-gradient(top,transparent 0,rgba(0, 0, 0, 0.55) 100%);
	background: -ms-linear-gradient(top,transparent 0,rgba(0, 0, 0, 0.55) 100%);
	background: linear-gradient(to bottom,transparent 0,rgba(0, 0, 0, 0.55) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#66000000',GradientType=0);
}
#weboard-main #weboardThumbL .columnL{ position:fixed; top:70px; left:20px; width:722px; }
#weboard-main #weboardThumbL .columnR{ width:auto; margin:0 20px 70px 770px; padding:20px; background-color:rgba(255,255,255,0.4); }
#weboardThumbL .weboardFrame { position:absolute; top:0; left:0; z-index:1; width:722px; height:582px; margin:0; background:transparent none no-repeat; }
#weboardThumbL .frameContents{ position:absolute; /*top:95px;*/ bottom:95px; left:101px; z-index:11; width:490px; height:auto; margin:0; padding:0 8px; /*background:rgba(0,0,0,0.25);*/ }
#weboardThumbL .frameContents h1{ margin-bottom:10px; border:none; text-shadow: 0 1px 1px rgba(0, 0, 0, .5); line-height:1.2; font-size:x-large; color:#fff; }
#weboardThumbL .frameContents h1 strong{ display:inline-block; margin-bottom:3px; padding:0 5px; background-color:#055891; border-radius:4px; line-height:22px; font-size:small; }
#weboardThumbL .frameContents h1 div.mainTitme{ display:block; }
#weboardThumbL .frameContents p{ margin-bottom:0.25em; text-shadow: 0 1px 1px rgba(0, 0, 0, .5); font-weight:bold; color:#fff; }
#weboardThumbL .frameContents p.auther{ display:inline-block; margin-bottom:3px; padding:0 5px; background-color:#e81349; border-radius:4px; line-height:22px; }
#weboardThumbL .frameContents p a{ background-color:rgba(255,255,255,0.7); text-shadow:none; }
#weboardThumbL .SproutFrame{ background-image:url(/shared/images/weboard/frame/frame_sprout_l.png); }
#weboardThumbL .StarFrame{ background-image:url(/shared/images/weboard/frame/frame_risingstar_l.png); }
#weboardThumbL .AlmostFrame{ background-image:url(/shared/images/weboard/frame/frame_almost_l.png); }
#weboardThumbL .ChampionFrame{ background-image:url(/shared/images/weboard/frame/frame_champion_l.png); }
#weboardThumbL .weboardFrame img{ margin:95px 0 0 101px; width:520px; height:auto; }
#weboardframe{ background:none; }
#weboardframe aside{ display:none; }
#weboardframe #weboard-article { width: 100%; padding:0; }
#weboardframe #weboard-main { padding:30px 0 0; }
#weboardframe #weboard-main ul.navigation{ overflow:hidden; padding:0 0 10px; }
#weboardframe #weboard-main ul.navigation li{ float:right; margin-left:1em; }
#weboardframe #weboard-main div.entryBody{ padding:10px 30px; background-color:rgba(255,255,255,0.6); }
#weboardframe #weboard-main div.entryBody h3{ border-bottom-color:rgba(0,0,0,0.4); }
#weboardframe #weboard-main div.entryBody p{ text-align:justify; line-height:2; }
#weboardframe .shareBtn{ margin:20px 0; }
#weboardframe .entryList{ margin:40px 0 0; }
#weboardframe .entryList h3{ height:40px; margin-bottom:0; border-bottom:none; }
#weboardframe .entryList p.more{ margin:-40px 0 20px; text-align:right; }
#weboardframe .entryList ul{ overflow:hidden; }
#weboardframe .entryList ul li{ overflow:hidden; float:left; height:160px; margin:5px;
	-webkit-box-shadow: 2px 3px 10px rgba(0,0,0,0.6);
	-moz-box-shadow: 2px 3px 10px rgba(0,0,0,0.6);
	box-shadow: 2px 3px 10px rgba(0,0,0,0.6);
}
#weboardframe .entryList ul li img{ width:100px; height:auto; }
/* 1024 */
.win1024 #weboard-main #weboardThumbL .columnL{ position:static; width:100%; }
.win1024 #weboardThumbL .weboardFrame { left:50%; margin-left:-361px; }
.win1024 #weboard-main #weboardThumbL .frameShadow { margin-left:auto; margin-right:auto; }
.win1024 #weboard-main #weboardThumbL .columnR { margin:0 20px; }
.win1024 #weboard-main #weboardThumbL .columnR .shareBtn iframe{ }
.win1024 #weboard-main #weboardThumbL .columnR .fb_iframe_widget span{ width:944px !important; }
.win1024 #weboard-main #weboardThumbL .columnR .fb_iframe_widget iframe{ width:944px !important; }