@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Lato:400,700);
@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video{
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	vertical-align:baseline;
}
#contents li{
	margin-left: 1em;
}
html{
line-height:1;
height:100%;
}

#gnav ol, #gnav ul,#aside ol, #aside ul{
list-style:none;
}
#contents ol, #contents  ul{
margin-left:0px;
}

table{
border-collapse:collapse;
border-spacing:0;
}

caption, th, td{
text-align:left;
font-weight:normal;
vertical-align:middle;
}

q, blockquote{
quotes:none;
}
q:before, q:after, blockquote:before, blockquote:after{
content:"";
content:none;
}

a img{
border:none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary{
display:block;
}

html{
box-sizing:border-box;
}

*, *::after, *::before{
box-sizing:inherit;
}

/* ============================================================================================

	link style

============================================================================================ */
a{
color:#99003e;
text-decoration:underline;
-webkit-transition:opacity 0.2s;
-moz-transition:opacity 0.2s;
transition:opacity 0.2s;
}
a:hover{
text-decoration:none;
filter:alpha(opacity=70);
-moz-opacity:0.7;
opacity:0.7;
}
.visitColor a:visited{
	color:#6F388B;
}

/* ============================================================================================

	base style

============================================================================================ */
html{
height:100%;
font-size:16px;
}

body{
height:100%;
background:#fff;
color:#3d414d;
line-height:1.71428;
-webkit-font-smoothing:antialiased;
 font-family: Lato, "Noto Sans JP", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	z-index: 0;
	line-break: strict;
}

img{
vertical-align:bottom;
}

dl dt{
font-weight:bold;
}
.alignR{
	text-align:right;
}
.linkBtn{
	background-color: #fff;
	border: 1px solid #999;
	margin-top:5px;
	margin-bottom:5px;
	display:inline-block;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
}
#englishBtn{
	position:absolute;
	top:5px;
	right:0px;
	background-color: #fff;
	border: 1px solid #999;
	margin-top:5px;
	margin-bottom:5px;
	display:inline-block;
	padding: 3px;
	font-size:0.750rem;
}

/* ============================================================================================

	common sitesearch

============================================================================================ */

/*PC*/
#sitesearchForm{
	position:absolute;
	top:45px;
	right:0px;
	width:300px;
	padding:0;
}
#sitesearchForm .gsc-search-box td{
	vertical-align:top !important;	
}
#sitesearchForm input{
	font-size:14px !important;	
}
#sitesearchForm .gsc-input{
	padding-right:5px !important;
}
#sitesearchForm .gsc-input-box{
	margin:0;
	padding-left: 15px;
	border-radius:12px !important;
	height:30px;
	
}
#sitesearchForm .gsc-search-button{
	height:28px;
}
#sitesearchForm .gsst_a{
	padding-top:3px !important;	
}


#wrapper{
background:url(/images/mod_bg_01.gif) 50% 180px repeat;
overflow-x: hidden; 
}

#container{
/*padding-bottom:20px;*/
}
#container:after{
content:"";
clear:both;
display:block;
}


#aside{
margin-top:28px;
}


#appBtnList li{
max-width:45%;
float:left;
margin-right:5%;
}


/* ============================================================================================

	gheader set

============================================================================================ */

.gheader .gheaderInner{
margin:0 auto;
position:relative;
}
.gheader .gheaderInner:after{
content:"";
clear:both;
display:block;
}
.gheader .logo{
	float:left;
	padding-top: 12px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 10px;
}
.gheader .logo a{
display:block;
width:255px;
height:70px;
background:url(../images/header_logo_01.png) 0 50% no-repeat;
text-indent:-9999px;
}
.gheader #gheaderText{
float:left;
margin-top:30px;
font-size:12px;
}
.gheader .headerUtilityNav{
position:absolute;
top:20px;
right:70px;
}
.gheader .headerUtilityNav li{
display:table-cell;
font-size:0.750rem;
line-height:1;
padding:0 14px;
}
.gheader .headerUtilityNav li a{
color:#332b2a;
}
.gheader .headerUtilityNav li + li{
border-left:1px solid #5b5553;

}

#gnav{
position:absolute;
left:0;
top:90px;
z-index:99;

}
#gnav ul{
	top:100;
display:table;
width:1020px;
margin:0 auto;
table-layout:fixed;
}
#gnav p{
border-right:solid 1px #77716f;
}
#gnav ul li{
display:table-cell;
text-align:center;
height:49px;
vertical-align:middle;
line-height:1;
}

#gnav ul li .gnavTxt-sprite, #gnav ul li .gnavTxt-innerNav_01, #gnav ul li .gnavTxt-innerNav_02, #gnav ul li .gnavTxt-innerNav_03, #gnav ul li .gnavTxt-innerNav_04, #gnav ul li .gnavTxt-innerNav_05, #gnav ul li .gnavTxt-innerNav_06, #gnav ul li .gnavTxt-innerNav_07, #gnav ul li .gnavTxt-innerNav_08, #gnav ul li .gnavTxt-innerNav_09, #gnav ul li .gnavTxt-innerNav_10{
	background-image:url(../images/gnavTxt-s92d0b86110.png);
	background-repeat:no-repeat;
	text-indent: -9999px;
	display: block;
	margin:auto;
}
#gnav ul li .gnavTxt-innerNav_01{
background-position:0 0;
height:30px;
width:139px;

}
#gnav ul li .gnavTxt-innerNav_02{
background-position:-139px 0;
height:29px;
width:106px;
}
#gnav ul li .gnavTxt-innerNav_03{
background-position:-248px 0;
height:30px;
width:64px;
}
#gnav ul li .gnavTxt-innerNav_04{
background-position:-311px 0;
height:30px;
width:37px;
}
#gnav ul li .gnavTxt-innerNav_05{
background-position:-348px 0;
height:30px;
width:47px;

}

#gnav ul li a{
display:block;
position:relative;
width:100%;
height:100%;
padding-top:12px;
}
#gnav ul li:first-child a{
	background-image: url(../images/icon_koma.png);
	background-repeat: no-repeat;
	background-position: 20px center;
}
#gnav ul li a:after{
content:"";
display:block;
position:absolute;
background:#77716f;
width:1px;
height:21px;
top:15px;
left:0;
}
#gnav ul li:not(:first-child) a:before{
content:"";
display:block;
position:absolute;
top:22px;
left:10px;
border-top:3px solid transparent;
border-bottom:3px solid transparent;
border-left:6px solid #fff;
}
/* ============================================================================================

	table set

============================================================================================ */
.table01{
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #666;
	border-right-color: #666;
	border-bottom-color: #666;
	border-left-color: #666;		
}
.table01 th,.table01 td{
	background-color: #FFF;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #666;
	border-right-color: #666;
	border-bottom-color: #666;
	border-left-color: #666;
	padding:0.5em;
	text-align:left;
}
.table01 th{
	background-color:#CCC;	
}
.table01 td.tdSpace{
	background: none;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: none;
	border-right-color: #666;
}
.mthrating{
	background-color:#fff;
}
.mthrating th{
	background-color:#e2e2ff;
	text-align:center;
	line-height: 120%;	
}
.mthrating td,.mthrating th{
	font-size: 11pt;
	border:1px solid #BFBFBF;
	border-collapse: collapse;
	padding-top: 0.07em;
	padding-right: 0.2em;
	padding-bottom: 0.07em;
	padding-left: 0.2em;
}
.mthrating td{
	text-align:right;
}
.mthrating td:nth-child(2){
	text-align:left;
}
/* ============================================================================================

	topicpath set

============================================================================================ */
.topicpath{
margin:0;
background:url(../images/header_bg_02.gif) 50% 50% repeat;
}
.topicpath ul{
width:92%;
margin:0 auto;
padding:8px 0;
}
.topicpath ul li{
display:inline-block;
font-size:0.750rem;
color:#231815;
}
.topicpath ul li:before{
content:'＞';
padding:0 3px;
}
.topicpath ul li:first-child:before{
display:none;
}

/* ============================================================================================

	aside set

============================================================================================ */
#aside #sideNavFloat.float{
}
#aside .addArea{
margin-bottom:10px;
}

#aside .asideParts01 dl dt{
text-align:center;
font-size:1.125rem;
border-bottom:1px solid #3d414d;
font-weight:bold;
}
#aside .asideParts01 dl dt span{
padding:0 25px;
}
#aside .asideParts01 dl dt span.ico01{
background:url(../images/aside_ico_01.png) 0 3px no-repeat;
}
#aside .asideParts01 dl dt span.ico02{
background:url(../images/aside_ico_02.png) 0 3px no-repeat;
}
#aside .asideParts01 dl dd{
padding:5px 0;
border-bottom:1px dashed #93908f;
font-weight:bold;
}
#aside .asideParts01 dl dd:last-child{
border-bottom:none;
}
#aside .asideParts01 dl dd ul{
display:none;
padding:5px 0 0;
font-weight:normal;
}
#aside .asideParts01 dl dd ul li{
margin-left:13px;
font-size:14px;
}
#aside .asideParts01 dl dd.active ul{
display:block;
}
#aside .asideParts01 dl dd a[target="_blank"]:after{
content:url(../images/mod_ico_outline_01.png);
padding:0 3px 0 0;
position:relative;
top:0;
left:5px;
}
#aside .asideParts02{
margin-bottom:20px;
padding:20px;
background:url(../images/aside_bg_contents01.gif) 0 0 repeat;
font-weight:bold;
}
#aside .asideParts02 dl{
color:#3d414d;
margin-bottom:15px;
}
#aside .asideParts02 dl dt{
text-align:center;
font-size:1.125rem;
background:url(../images/aisde_bg_02.gif) 0 0 no-repeat;
background-size:100% 100%;
padding:10px 10px 40px;
margin:-20px -20px -10px;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
#aside .asideParts02 dl dd{
padding:10px 0;
border-bottom:1px dashed #93908f;
}
#aside .asideParts02 dl dd span{
display:block;
text-align:right;
font-size:0.750rem;
}
#aside .asideParts03{
margin-bottom:20px;
font-weight:bold;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
}
#aside .asideParts03 dl dt{
background:#7b716e;
color:#fff;
font-size:1.125rem;
padding:8px 15px;
}
#aside .asideParts03 dl dd{
padding:5px 0;
border-bottom:1px dashed #93908f;
font-weight:bold;
margin:0 20px;
}
#aside .asideParts03 dl dd:last-child{
border-bottom:none;
}
#aside .asideParts03 dl dd ul{
display:none;
padding:3px 0 0;
}
#aside .asideParts03 dl dd ul li{
margin-left:13px;
margin-bottom:3px;
}
#aside .asideParts03 dl dd.active ul{
display:block;
}
#aside .asideParts04{
background:rgba(255, 255, 255, 0.9);
padding:12px 20px;
margin-bottom:20px;
}
#aside .asideParts04 .ttl{
font-weight:bold;
font-size:1.125rem;
text-align:center;
border-bottom:1px solid #170c0a;
}
#aside .asideParts04 ul{
margin-bottom:14px;
}
#aside .asideParts04 ul li{
line-height:1.5;
font-size:0.875rem;
}
#aside .asideParts04 ul li .date{
font-size:12px;
}
#aside .asideParts04 ul li a{
color:#332b2a;
text-decoration:none;
padding:0px 0;
display:block;
border-bottom:1px dotted #bebbbb;
}
#aside .asideParts04 ul li a:hover{
text-decoration:underline;
}

#aside .asideParts05{
	padding: 15px;
/*	background:url(../images/aside_bg_contents01.gif) 0 0 repeat;
*/	
	background-color:#fafafa;
	margin-bottom:25px;
	/*border: 3px solid #BAA0A0;*/

}

/* ============================================================================================

	footer set

============================================================================================ */
.footerMenuAreaWrap{
/*background:url(../images/footer_bg_menu_01.gif) 0 0 repeat;
border-top:1px solid #c5c4c0;*/
}
.footerMenuAreaWrap #footerMenuArea{
margin:0 auto;
padding:40px 0 20px;
}
.footerMenuAreaWrap #footerMenuArea:after{
content:"";
clear:both;
display:block;
}
.footerMenuAreaWrap #footerMenuArea .footerMenuAreaInner01{
float:left;

}
.footerMenuAreaWrap #footerMenuArea .footerMenuAreaInner01 dl{
margin-bottom:20px;
}
.footerMenuAreaWrap #footerMenuArea .footerMenuAreaInner01 dl:after{
content:"";
clear:both;
display:block;
}
.footerMenuAreaWrap #footerMenuArea .footerMenuAreaInner01 dl dt{
background:rgba(48, 40, 40, 0.1);
padding:5px 14px 4px;
margin-bottom:14px;
}
.footerMenuAreaWrap #footerMenuArea .footerMenuAreaInner01 dl dd{
float:left;
font-size:0.875rem;
padding-right:20px;
padding-left:14px;
line-height:1;
}
.footerMenuAreaWrap #footerMenuArea .footerMenuAreaInner01 dl dd a{
color:#332b2a;
}
.footerMenuAreaWrap #footerMenuArea .footerMenuAreaInner01 dl dd + dd{
padding-left:20px;
border-left:1px solid #94908f;
}
.footerMenuAreaWrap #footerMenuArea .footerMenuAreaInner02{
float:left;
margin-left:25px;
}
.footerMenuAreaWrap #footerMenuArea .footerMenuAreaInner02 .snsArea{
background:#fff;
padding:20px 14px;
margin-bottom:16px;
}
.footerMenuAreaWrap #footerMenuArea .footerMenuAreaInner02 .snsArea dl{
display:table;
}
.footerMenuAreaWrap #footerMenuArea .footerMenuAreaInner02 .snsArea dl *{
font-size:0.750rem;
display:table-cell;
vertical-align:middle;
}
.footerMenuAreaWrap #footerMenuArea .footerMenuAreaInner02 .snsArea dl dd{
padding-left:10px;
}
.footerMenuAreaWrap #footerMenuArea .footerMenuAreaInner02 .footerMenuList01 li{
position:relative;
padding-left:14px;
margin-bottom:5px;
font-size:0.750rem;
}
.footerMenuAreaWrap #footerMenuArea .footerMenuAreaInner02 .footerMenuList01 li a{
color:#332b2a;
}
.footerMenuAreaWrap #footerMenuArea .footerMenuAreaInner02 .footerMenuList01 li:before{
content:"";
display:block;
width:3px;
height:3px;
top:0.7em;
left:0;
position:absolute;
margin-right:6px;
background:#4a4342;
-webkit-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%;
}

#gfooter{
	width:100%;
	padding:35px 0 40px;
	color:#fff;
	text-align:center;
	position:relative;
	background-color: #263051;
}
#gfooter .pageTop{
position:fixed;
right:10px;
bottom:20px;
z-index:999;
}
#gfooter p{
font-size:0.813rem;
margin-bottom:0.6em;
}
#gfooter .copy{
font-size:0.688rem;
}
#gfooter .copy small{
font-size:100%;
}

/*====================================================================================================

	section style

====================================================================================================*/
.section00{
margin-bottom:0px;
clear:both;
}

.section01{
margin-bottom:10px;
clear:both;
}

.section02{
margin-bottom:20px;
clear:both;
}

.section03{
margin-bottom:30px;
clear:both;
}

.section04{
margin-bottom:40px;
clear:both;
}

.section05{
margin-bottom:50px;
clear:both;
}

.section06{
margin-bottom:60px;
clear:both;
}

.section07{
margin-bottom:70px;
clear:both;
}

.section08{
margin-bottom:80px;
clear:both;
}

.section09{
margin-bottom:90px;
clear:both;
}

.section100{
margin-bottom:100px;
clear:both;
}

.boxElementsA01{
background:rgba(255, 255, 255, 0.7);
padding:20px 20px 10px;
}
.boxElementsA01 .column2-A01 > .inner{
width:311px;
}
.boxElementsA01 .column3-A01 > .inner{
width:200.66667px;
}
.boxElementsA01 .column4-A01 > .inner{
width:145.5px;
}

.boxElementsB01{
background:#fff;
padding:20px 20px 10px;
}
.boxElementsB01 .column2-A01 > .inner{
width:311px;
}
.boxElementsB01 .column3-A01 > .inner{
width:200.66667px;
}
.boxElementsB01 .column4-A01 > .inner{
width:145.5px;
}

.borderStyle01{
border:1px solid #ccc;
}
 .text{
	margin-left:10px; 
 }
.imgLayoutElementsA01:after{
content:"";
clear:both;
display:block;
}
.imgLayoutElementsA01 .image{
float:left;
padding:0 20px 5px 0;
line-height:1;
}

.imgLayoutElementsA02:after{
content:"";
clear:both;
display:block;
}
.imgLayoutElementsA02 .image{
float:right;
padding:0 0 5px 20px;
line-height:1;
}

.imgLayoutElementsB01{
display:table;
}
.imgLayoutElementsB01 .image{
display:table-cell;
vertical-align:top;
width:1%;
padding-right:20px;
}
.imgLayoutElementsB01 .text{
display:table-cell;
vertical-align:top;
}

.imgLayoutElementsB02{
display:table;
direction:rtl;
}
.imgLayoutElementsB02 .image{
display:table-cell;
vertical-align:top;
padding-left:20px;
width:1%;
direction:ltr;
}
.imgLayoutElementsB02 .text{
display:table-cell;
vertical-align:top;
direction:ltr;
}

.textureBoxA01{
position:relative;
background:url(../images/mod_bg_texture_01.gif) 0 0 repeat;
-moz-box-shadow:0 0 5px 2px rgba(0, 0, 0, 0.3);
-webkit-box-shadow:0 0 5px 2px rgba(0, 0, 0, 0.3);
box-shadow:0 0 5px 2px rgba(0, 0, 0, 0.3);
padding:10px;
}
.textureBoxA01:before, .textureBoxA01:after{
content:"";
display:block;
width:11px;
height:11px;
background:url(../images/mod_ico_pin_01.png) 0 0 no-repeat;
position:absolute;
top:13px;
z-index:9;
}
.textureBoxA01:before{
left:13px;
}
.textureBoxA01:after{
right:13px;
}
.textureBoxA01 .textureBoxA01Inner{
position:relative;
background:url(../images/mod_bg_texture_02.gif) 0 0 repeat;
}
.textureBoxA01 .textureBoxA01Inner:before, .textureBoxA01 .textureBoxA01Inner:after{
content:"";
display:block;
width:11px;
height:11px;
background:url(../images/mod_ico_pin_01.png) 0 0 no-repeat;
position:absolute;
bottom:3px;
}
.textureBoxA01 .textureBoxA01Inner:before{
left:3px;
}
.textureBoxA01 .textureBoxA01Inner:after{
right:3px;
}
.textureBoxA01.rule:before{
content:"";
display:block;
width:50px;
height:50px;
background:url(../images/mod_ico_rule_01.png) 0 0 no-repeat;
position:absolute;
top:0;
left:0;
z-index:10;
}

/*====================================================================================================

	heading style

====================================================================================================*/
.pageHeadingElementsA01{
	font-size:1.750rem;
	background:url(../images/mod_bg_pageHeadingA01_01.png) 0 0 repeat-y;
	margin-bottom:30px;
	font-weight:bold;
	padding-top: 16px;
	padding-right: 0px;
	padding-bottom: 16px;
	padding-left: 30px;
}

.headingElementsA01{
background:#53596c;
color:#fff;
font-size:1.250rem;
padding:10px 18px;
position:relative;
margin-bottom:20px;
font-weight:bold;
}
.headingElementsA01.min{
font-size:1.125rem;
padding:8px 14px 5px;
}
.headingElementsA01.opa{
background:rgba(35, 30, 51, 0.5);
}

.headingElementsA01Area{
position:relative;
}
.headingElementsA01Area:after{
content:"";
clear:both;
display:block;
}
.headingElementsA01Area .headingA01Parts01{
margin-bottom:20px;
text-align:right;
}
.headingElementsA01Area .headingA01Parts01.linkStyle02{
display:block;
position:absolute;
top:23%;
right:10px;
color:#fff;
font-weight:bold;
}
.headingElementsA01Area .headingA01Parts01 img{
vertical-align:middle;
}
.headingElementsA01Area .headingA01Parts01 a{
text-decoration:underline;
}
.headingElementsA01Area .headingA01Parts01 a:hover{
text-decoration:none;
}

.headingElementsA01LayoutArea{
display:table;
width:100%;
}
.headingElementsA01LayoutArea .headingElementsA01LayoutInner01{
display:table-cell;
vertical-align:top;
padding-right:20px;
}
.headingElementsA01LayoutArea .headingElementsA01LayoutInner02{
display:table-cell;
vertical-align:top;
width:1%;
word-break:keep-all;
}

.headingElementsB01{
border-left:5px solid #3d414d;
border-bottom:1px dotted #3d414d;
font-size:1.000rem;
padding:10px 15px;
margin-bottom:20px;
}
.headingElementsB01.min{
padding:3px 14px;
}

.headingElementsC01{
border-left:5px solid #3d414d;
padding:4px 15px 0;
margin-bottom:20px;
font-weight:bold;
}

.headingElementsD01{
border-bottom:1px dotted #8d8987;
font-weight:bold;
font-size:1.125rem;
}


.jsShowMoreTable01Wrap + .showMoreBtnArea{
background:url(../images/mod_bg_more_01.png) 0 0 repeat-x;
height:118px;
text-align:center;
margin-top:-118px;
position:relative;
padding-top:50px;
}
.jsShowMoreTable01Wrap + .showMoreBtnArea img{
cursor:pointer;
-webkit-transition:opacity 0.2s;
-moz-transition:opacity 0.2s;
transition:opacity 0.2s;
}
.jsShowMoreTable01Wrap + .showMoreBtnArea img:hover{
filter:alpha(opacity=70);
-moz-opacity:0.7;
opacity:0.7;
}


/*====================================================================================================

	link style

====================================================================================================*/

.limitIco{
background:#006396;
color:#fff;
font-size:10px;
padding:2px 10px 1px;
font-weight:bold;
display:inline-block;
margin-left:10px;
text-decoration:none;
}

.linkStyle01 a{
display:inline-block;
position:relative;
margin-left:13px;
}
.linkStyle01 a:before{
content:"";
display:block;
position:absolute;
top:0.6em;
left:-13px;
border-top:3px solid transparent;
border-bottom:3px solid transparent;
border-left:6px solid #4a4342;
}

.linkStyle02 a{
display:inline-block;
position:relative;
margin-left:13px;
color:#fff;
text-decoration:none;
}
.linkStyle02 a:before{
content:"";
display:block;
position:absolute;
top:0.6em;
left:-13px;
border-top:3px solid transparent;
border-bottom:3px solid transparent;
border-left:6px solid #fff;
}


/*====================================================================================================

	clearfix

====================================================================================================*/
.clear{
clear:both;
}

.clearfix:after{
content:"";
clear:both;
display:block;
}

/*====================================================================================================

	text-align

====================================================================================================*/
.tac, .tac *{
text-align:center !important;
}

.tar, .tar *{
text-align:right !important;
}

.tal, .tal *{
text-align:left !important;
}

/*====================================================================================================

	vertical-align

====================================================================================================*/
.vat, .vat *{
vertical-align:top !important;
}

.vam, .vam *{
vertical-align:middle !important;
}

.vab, .vab *{
vertical-align:bottom !important;
}

/*====================================================================================================

	display style

====================================================================================================*/
.dsb, a.dsb{
display:block !important;
}

.dsib, a.dsib{
display:inline-block !important;
}

.dsi, a.dsi{
display:inline !important;
}

/*====================================================================================================

	cecoration

====================================================================================================*/
.textMaker{
background-color:transparent;
background-image:-webkit-linear-gradient(transparent 0%, transparent 80%, #f5e97e 81%, #f5e97e 100%);
background-image:linear-gradient(transparent 0%, transparent 80%, #f5e97e 81%, #f5e97e 100%);
}

/*====================================================================================================

	font-color

====================================================================================================*/
.fc01{
color:#fff;
}

.fc02{
color:#332b2a;
}

.fc03{
color:#f00;
}

.fc04{
	color:#C00;
}
.fc05{
	color:#30C;
}
.fc06{
	color:#999;
}
.fc07{
	color:#666;
}
.fc08{
	color:#b48638;
}
.fc09{
	color:#C45ADE;
}
.fc10{
	color:#5AB339;
}
.fctokyo{
	color:#4249d4;
}
.fcosaka{
	color:#a62826;	
}
.Legend{
display:inline-block;
width:1em;
height:1em;
background:#c9c9c9;
border:3px solid #c9c9c9;
vertical-align:middle;
margin-right:5px;
}

/*====================================================================================================

	font-size

====================================================================================================*/
.fs6{
font-size:0.375rem;
}

.fs7{
font-size:0.438rem;
}

.fs8{
font-size:0.500rem;
}

.fs9{
font-size:0.563rem;
}

.fs10{
font-size:0.625rem;
}

.fs11{
font-size:0.688rem;
}

.fs12{
font-size:0.750rem;
}

.fs13{
font-size:0.813rem;
}

.fs14{
font-size:0.875rem;
}

.fs15{
font-size:0.938rem;
}

.fs16{
font-size:1.000rem;
}

.fs17{
font-size:1.063rem;
}

.fs18{
font-size:1.125rem;
}

.fs19{
font-size:1.188rem;
}

.fs20{
font-size:1.250rem;
}

.fs21{
font-size:1.313rem;
}

.fs22{
font-size:1.375rem;
}

.fs23{
font-size:1.438rem;
}

.fs24{
font-size:1.500rem;
}

.fs25{
font-size:1.563rem;
}

.fs26{
font-size:1.625rem;
}

.fs27{
font-size:1.688rem;
}

.fs28{
font-size:1.750rem;
}

.fs29{
font-size:1.813rem;
}

.fs30{
font-size:1.875rem;
}

.fs31{
font-size:1.938rem;
}

.fs32{
font-size:2.000rem;
}

/*====================================================================================================

	font-weight

====================================================================================================*/
.fwb{
font-weight:bold !important;
}

.fwn{
font-weight:normal !important;
}

.tdn{
	text-decoration: line-through !important;
}
.tdno{
	text-decoration: none !important;
}

/*====================================================================================================

	line-height

====================================================================================================*/
.lh1_0, .lh1_0 *{
line-height:1 !important;
}

.lh1_1, .lh1_1 *{
line-height:1.1 !important;
}

.lh1_2, .lh1_2 *{
line-height:1.2 !important;
}

.lh1_3, .lh1_3 *{
line-height:1.3 !important;
}

.lh1_4, .lh1_4 *{
line-height:1.4 !important;
}

.lh1_5, .lh1_5 *{
line-height:1.5 !important;
}

.lh1_6, .lh1_6 *{
line-height:1.6 !important;
}

.lh1_7, .lh1_7 *{
line-height:1.7 !important;
}

.lh1_8, .lh1_8 *{
line-height:1.8 !important;
}

.lh1_9, .lh1_9 *{
line-height:1.9 !important;
}

.lh2_0, .lh2_0 *{
line-height:2 !important;
}

.lh2_1, .lh2_1 *{
line-height:2.1 !important;
}

.lh2_2, .lh2_2 *{
line-height:2.2 !important;
}

.lh2_3, .lh2_3 *{
line-height:2.3 !important;
}

.lh2_4, .lh2_4 *{
line-height:2.4 !important;
}

.lh2_5, .lh2_5 *{
line-height:2.5 !important;
}

.lh2_6, .lh2_6 *{
line-height:2.6 !important;
}

.lh2_7, .lh2_7 *{
line-height:2.7 !important;
}

.lh2_8, .lh2_8 *{
line-height:2.8 !important;
}

.lh2_9, .lh2_9 *{
line-height:2.9 !important;
}

.lh3_0, .lh3_0 *{
line-height:3 !important;
}

/*====================================================================================================

	margin module

====================================================================================================*/
.mb0{
margin-bottom:0 !important;
}

.mb5{
margin-bottom:5px !important;
}

.mb10{
margin-bottom:10px !important;
}

.mb15{
margin-bottom:15px !important;
}

.mb20{
margin-bottom:20px !important;
}

.mb25{
margin-bottom:25px !important;
}

.mb30{
margin-bottom:30px !important;
}

.mb35{
margin-bottom:35px !important;
}

.mb40{
margin-bottom:40px !important;
}

.mb45{
margin-bottom:45px !important;
}

.mb50{
margin-bottom:50px !important;
}

.mb55{
margin-bottom:55px !important;
}

.mb60{
margin-bottom:60px !important;
}

.mb65{
margin-bottom:65px !important;
}

.mb70{
margin-bottom:70px !important;
}

.mb75{
margin-bottom:75px !important;
}

.mb80{
margin-bottom:80px !important;
}

.mb85{
margin-bottom:85px !important;
}

.mb90{
margin-bottom:90px !important;
}

.mb95{
margin-bottom:95px !important;
}

.mb100{
margin-bottom:100px !important;
}

.pl0{
padding-left:0 !important;
}

.pl5{
padding-left:5px !important;
}

.pl10{
padding-left:10px !important;
}

.pl15{
padding-left:15px !important;
}

.pl20{
padding-left:20px !important;
}

.pl25{
padding-left:25px !important;
}

.pl30{
padding-left:30px !important;
}

.pl35{
padding-left:35px !important;
}

.pl40{
padding-left:40px !important;
}

.pl45{
padding-left:45px !important;
}

.pl50{
padding-left:50px !important;
}

.pr0{
padding-right:0 !important;
}

.pr5{
padding-right:5px !important;
}

.pr10{
padding-right:10px !important;
}

.pr15{
padding-right:15px !important;
}

.pr20{
padding-right:20px !important;
}

.pr25{
padding-right:25px !important;
}

.pr30{
padding-right:30px !important;
}

.pr35{
padding-right:35px !important;
}

.pr40{
padding-right:40px !important;
}

.pr45{
padding-right:45px !important;
}

.pr50{
padding-right:50px !important;
}

.ls2{
	letter-spacing:-2px;
}
/*====================================================================================================

	localSideNavContents

====================================================================================================*/
.localSideNavContents01:after{
content:"";
clear:both;
display:block;
}
.localSideNavContents01 .contents{
float:right;
width:587px;
}
.localSideNavContents01 .localNav{
float:left;
width:85px;
}
.localSideNavContents01 .localNav.floatBlock{
position:fixed;
}
.localSideNavContents01 .localNav ul{
border:1px solid #c9c9c9;
}
.localSideNavContents01 .localNav ul li{
border-bottom:1px dashed #928f8f;
padding:7px 10px;
background:rgba(255, 255, 255, 0.4);
font-size:0.875rem;
}
.localSideNavContents01 .localNav ul li:last-child{
border-bottom:none;
}
.localSideNavContents01 .localNav ul li a{
display:inline-block;
position:relative;
margin-left:13px;
}
.localSideNavContents01 .localNav ul li a:before{
content:"";
display:block;
position:absolute;
font-size:0.750rem;
top:0.7em;
left:-13px;
border-top:3px solid transparent;
border-bottom:3px solid transparent;
border-left:6px solid #4a4342;
}

.jsShowMoreTable01Wrap + .showMoreBtnArea{
background:url(/common/images/mod_bg_more_01.png) 0 0 repeat-x;
height:118px;
text-align:center;
margin-top:-118px;
position:relative;
padding-top:50px;
}
/*====================================================================================================

	top

====================================================================================================*/
/*********************ログインボタン**************************/
.topLoginBtn {
    display: block;
    width: 300px;
    margin: .5em auto;
	float:left;
}
.topLoginBtn * {
    line-height: 0.8;
}
.topLoginBtn:nth-child(1){
	margin-right:15px;	
}
.topLoginBtn-inner {
    display: block;
    padding: 8px 8px 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: inset 0 2px 2px rgba(0, 0, 0, .2);
    -moz-box-shadow: inset 0 2px 2px rgba(0, 0, 0, .2);
    box-shadow: inset 0 2px 2px rgba(0, 0, 0, .2);
	background-color: rgba(255,255,255,0.7);
}

.topLoginBtn a {
	display: block;
	position: relative;
	height: auto;
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
	text-align: left;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	-webkit-text-shadow: 0 1px -1px rgba(0, 0, 0, .2);
	-moz-text-shadow: 0 1px -1px rgba(0, 0, 0, .2);
	text-shadow: 0 1px -1px rgba(0, 0, 0, .2);
	background-color: #456fa4;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
.topLoginBtn-icon {	
	float: left;
	display: block;
	width: 47px;
	color: #fff;
	background-color: transparent;
	font-weight: normal;
	font-size:2.5em;
}
.topLoginBtn-border {
	float: left;
	display: inline-block;
	width: 1px;
	height: 57px;
	background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .1) 0%, rgba(0, 0, 0, .3) 50%, rgba(0, 0, 0, .1));
	background-image: -moz-linear-gradient(top, rgba(0, 0, 0, .1) 0%, rgba(0, 0, 0, .3) 50%, rgba(0, 0, 0, .1));
	background-image: linear-gradient(top, rgba(0, 0, 0, .1) 0%, rgba(0, 0, 0, .3) 50%, rgba(0, 0, 0, .1));
	box-shadow: 1px 0 1px rgba(255, 255, 255, .2);
}
.topLoginBtn-text {
	display: inline-block;
	text-align: left;
	font-weight: normal;
	font-size: 1.3em;
	padding-left: 10px;
}
#topLoginBtn a {
	box-shadow: 0 3px 0 #344975;
	background: -webkit-linear-gradient(top, #456fa4, #2f588c);
	background: -moz-linear-gradient(top, #456fa4, #2f588c);
	background: linear-gradient(top, #456fa4, #2f588c);
	background-color: #456fa4;
}
#topRegistBtn a {
	-webkit-box-shadow: 0 3px 0 #cc7a00;
	-moz-box-shadow: 0 3px 0 #cc7a00;
	box-shadow: 0 3px 0 #cc7a00;
	background: -webkit-linear-gradient(top, #ec9110, #ec8a00);
	background: -moz-linear-gradient(top, #ec9110, #ec8a00);
	background: linear-gradient(top, #ec9110, #ec8a00);
	background-color: #ec9110;
}
.topLoginBtn a:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
@media screen and (max-width:480px){
	.topLoginBox{
		text-align:center;
	}
	.topLoginBtn:nth-child(1){
	margin-right:auto;	
}
.topLoginBtn {
	text-align:left;
    margin-left: auto;
	margin-right: auto;
	float:none;
}
	
}

h3.topMeritTitle {
	position: relative;
	color: #354a8b;
	line-height: 1.4;
	padding: 0em 0em 0em 1.3em;
	font-size:1.2em;
}

h3.topMeritTitle:before {
	font-family: FontAwesome;
	content: "\f14a";
	position: absolute;
	left : 0em;
}



#topUpdate{
font-size:14px;
background:url(../images/aside_ico_03.png);
background-position:left;
background-repeat:no-repeat;
padding-top:2px;
padding-left:25px;
}
/***********************************************/
#topNews{
	border: 1px solid #8b7b54;
	display: flex;
	background-color:#FFF;
	vertical-align: middle;
}
#topNews p#topNews_title{
	text-indent:-9999px;
	background-color: #8b7b54;
	min-width:75px;
	background-image: url(../images/top/news_txt01.png);
	background-repeat: no-repeat;
	background-position: 10px center;
}

#topNews p{
	padding:7px;
	margin-right:5px;
}
@media screen and (max-width:480px){
	#topNews p#topNews_title{
		display:none;
	}
	#topNews{
	margin-top:10px;	
	margin-bottom:10px;
	}
}

/***********************************************/
.topProfile_title{
	margin-top:12px;
	margin-bottom:5px;
}
#topProfile_title_mine,#topProfile_title_other{
	color:#48516f;
	font-weight:bold;
	font-size:115%;
	text-shadow:1px 1px 0px #ffffff,2px 2px 0px #ffffff;
	vertical-align: -2px;
	letter-spacing:1px;
}
#topProfile_title_mine  {
	color:#48516f;
}
#topProfile_title_other  {
	color:#bd4141;
}
@media screen and (max-width:480px){
	#topProfile_title_mine,#topProfile_title_other{
	letter-spacing:0px;
	font-size:110%;
	margin-top:18px;
	}
}
/***********************************************/

#topProfileBox{
	
	display: box;
	display: -webkit-box;
	display: -moz-box;
}
#topProfile{
	background-color:#FFF;
	min-width:693px;
	border: 1px solid #2a4b7a;
	display:table;

}
#topProfile dt,#topProfile dd{
	display:table-cell;
	vertical-align:middle;
	padding-left:7px;
}
#topProfile dt{
	background-color:#435268;
	height:42px;
	position: relative;
	background-repeat: no-repeat;
	background-position: 10px center;
	line-height: 42px;
	color:#FFF;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-weight:bold;
	font-size:13px;

}

@media all and (-ms-high-contrast:none){
	#topProfile dt{
		padding-top:5px;
		line-height: 37px;
		height:37px;
	}
}
#topProfile dt::before{
	content:"";
	position: absolute;
	border-style: solid;
	border-width: 21px 0 21px 19px;
	border-color: transparent transparent transparent #435268;
	top:0;
	right:-19px;
	
}
#topProfile dd{
	padding-left:25px;
	height:42px;
	font-size:16px;
}


#topProfile dt:nth-child(1){
	width:67px;
}
#topProfile dd:nth-child(2){
	padding-left:25px;
	width:32%;
}
#topProfile dt:nth-child(3){
	width:30px;
}
#topProfile dd:nth-child(4){
	padding-left:25px;
	width:17%;
}
#topProfile dt:nth-child(5){
	width:37px;
}
#topProfile dd:nth-child(6){
	padding-left:24px;
	padding-right:15px;
	line-height:120%;
}
#topProfile dd:nth-child(7){
	padding-left:0;
	padding-right:5px;
	line-height:110%;
}
#topProfile .graf,#scoreTweetArea .graf{
	padding: 0;
	list-style: none;
	border: 1px solid #000;
	width:100%;
	margin-top: 5px;
	margin-bottom:-20px;
}
#topProfile .graf li,#scoreTweetArea .graf li{
    height: 10px;
    color: #eee;
	background-color:#E46C82;
	margin-left:0;
}
@media screen and (max-width:480px){

#topProfile dt:nth-child(3),#topProfile dd:nth-child(4),#topProfile dt:nth-child(5),#topProfile dd:nth-child(6),#topProfile dd:nth-child(7){
 	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #ccc;
}
#topProfile dt {
	clear: both;
	float: left;
	width:24% !important;
}
#topProfile dd{
	float: left;
	vertical-align:middle;
	width:75% !important;
	padding-top:0.6em;
}

#topProfile dd:nth-child(6){
	width:27% !important;
	
}
#topProfile dd:nth-child(7){
	width:48% !important;
	line-height:130%;
}
#topProfile .graf{
	margin-top: -0.2em;
}
/*#topLogout_btn{
		display:none;
	}*/
#topProfile{
	min-width:100% !important;	
}
}
/*****************************************/
.dp_table{
	display:table;
	width:100%;
}
#topLogout_btn{
	padding-top:5px;
	padding-bottom:5px;
	text-align:right;
	display:table-cell;
	table-layout:fixed;
}
#topLogout_btn img{
	max-width:85px;	
}
#topChuusyakuTxt{
	display:table-cell;
	vertical-align:middle;
	table-layout:fixed;
	font-size:13px;
}

@media screen and (max-width:480px){
#topChuusyakuTxt{
	display:none;	
}
}

#topNowdate{
	display:table-cell;
	vertical-align:bottom;
	table-layout:fixed;
}
/*****************************************/
/*ログイン*/
.form-container01{
	 display: flex;
	 width:100%;
	 margin:auto;
	 max-width: 300px;
}
.form-container01 fieldset {
	 width:100%;
	 max-width: 300px;
}
.form-container01 fieldset div {
  display: flex;
  align-items: center;
  margin-bottom:10px;
}
.form-container01 label {
  order: 1;
  width: 7em;
  padding-right: 0.5em;
}

.form-container01 input {
  order: 2;
  flex: 1 1 auto;
  padding:5px;
    box-sizing: border-box;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
}
.form-container01 input[type="text"] {
  width: 60%;
  max-width: 200px;
}
.form-container01 .submit-button {
	margin-top:10px;
   border: 1px solid #696969;
   background: #cfcfcf;
   background: -webkit-gradient(linear, left top, left bottom, from(#efefef), to(#cfcfcf));
   background: -webkit-linear-gradient(top, #efefef, #cfcfcf);
   background: -moz-linear-gradient(top, #efefef, #cfcfcf);
   background: -ms-linear-gradient(top, #efefef, #cfcfcf);
   background: -o-linear-gradient(top, #efefef, #cfcfcf);
   background-image: -ms-linear-gradient(top, #efefef 0%, #cfcfcf 100%);
   -webkit-border-radius: 7px;
   -moz-border-radius: 7px;
   border-radius: 7px;
   padding: 8.5px 18px;
   font-size: 14px;
   text-decoration: none;
   vertical-align: middle;
   cursor:pointer;
   width:70%;
   font-weight:bold;
   color:#666;
   }

.form-container01 .submit-button:hover {
	margin-top:10px;
   border: 1px solid #696969;
   background: #cfcfcf;
   background: -webkit-gradient(linear, left top, left bottom, from(#e9e9e9), to(#c3c3c3));
   background: -webkit-linear-gradient(top, #e9e9e9, #c3c3c3);
   background: -moz-linear-gradient(top, #e9e9e9, #c3c3c3);
   background: -ms-linear-gradient(top, #e9e9e9, #c3c3c3);
   background: -o-linear-gradient(top, #e9e9e9, #c3c3c3);
   background-image: -ms-linear-gradient(top, #c3c3c3 0%, #e9e9e9 100%);
   }

.form-container01 input:focus {
	outline: 1px #cf2b2b solid;
}

.btn01 {
	background: -moz-linear-gradient(top,#fafafa 0%,#ddd);
	background: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#ddd));
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	color: #111;
	-moz-box-shadow: inset 1px 1px 1px rgba(000,000,000,0.3);
	-webkit-box-shadow: inset 1px 1px 1px rgba(000,000,000,0.3);
	width: 150px;
	padding: 13px;
	font-size:14px;
	text-decoration:none;
	text-align:center;
	display:block;
}
.btn02 {
	background:linear-gradient(to bottom, #fafafa, #ddd);
	background: -moz-linear-gradient(top,#fafafa 0%,#ddd);
	background: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#ddd));
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	color: #111;
	box-shadow: inset 1px 1px 1px rgba(000,000,000,0.3);
	-moz-box-shadow: inset 1px 1px 1px rgba(000,000,000,0.3);
	-webkit-box-shadow: inset 1px 1px 1px rgba(000,000,000,0.3);
	width: 70%;
	padding: 5px;
	font-size:14px;
	text-decoration:none;
	text-align:center;
	display:block;
}
/*////////////// tweetボタン/////////////////*/
#scoreTweetArea{
	background:url(/images/top/back_img01.gif) repeat;
	width:100%;
	max-width:600px;
	min-height:314px;
	padding:20px;
	font-size:15px;
	color:#422B22;
	position: relative;
}
.scoreTweetText{
	display:inline-block;
	z-index:2;
	margin-top:0.2em;
	margin-bottom:0.3em;
}
.html2canvas-container {
	width: 3000px !important;
	height: 3000px !important;
}
.scoreTweetText p{
	-moz-box-shadow: inset 0 0 3px rgba(90,80,30,0.7);
	-webkit-box-shadow: inset 0 0 3px rgba(90,80,30,0.7);
	box-shadow: inner 0 0 3px rgba(90,80,30,0.7);
	border-radius:10px;
 	padding: 2px 8px;
	background-color:#fff;
	display:inline-block;
	margin-left:0.5em;
}
#stName{/*ユーザ名*/
	width:50%
}
#stName p{/*ユーザ名*/
	width:200px;
	margin-top:1em;
}
#stR{/*レーティング*/
	width:45%;
}
#stR p{/*レーティング*/
	width:80%;
	max-width:120px;
	margin-right:2em;
}
#stDankyu p{/*段級*/
	width:270px;
}
#scoreTweetPopup label{
	margin-left:0.2em;
	margin-right:1.5em;
}
#stLogo{
	width:100%;	
}
#stKunsho{
	position:absolute;
	right:8px;
	top:2px;
	background:url(/images/top/scoreTweetKunsho.svg) no-repeat;
	width:90px;
	height: 90px;
	padding-top:52px;
	padding-left:5px;
	text-align:center;
	background-size:contain;
	display:inline-block;
	font-size:11px;
	color:#FFF;
	letter-spacing: 0.4em;
	opacity:0;
}
@media screen and (max-width:480px){
	#stName{/*ユーザ名*/
		width:100%
	}
	#stR{/*レーティング*/
		width:100%;
		margin-top:0.5em;
		margin-bottom:0.5em;
	}
	#scoreTweetArea{
		min-height:340px;	
	}
}
#scoreTweetImage{
	display:none;
	margin-top:20px;
}

.scoreTweetMakeBtn{
	padding:10px;
	width:200px;	
	font-size:20px;
	display:inline-block;
}
#scoreTweetArrow{
  width: 30px;
  height: 30px;
  border: 5px solid;
  border-color:  transparent transparent #565656 #565656;
  transform: rotate(-45deg);
  margin-left:50px;
  margin-bottom:50px;
}
#scoreTweetCheckArea{
	padding:10px;
	background-color:#FFF;
	width:500px;
	margin-left:20px;
	margin-bottom:20px;
}
#scoreTweetCheckArea input[type=checkbox] {
	display: none;
}
#scoreTweetCheckArea input[type="checkbox"].checktw:checked + label {
	background: #528daf;
	color: #ffffff;
}
#scoreTweetCheckArea .check_label:hover {
	background-color: #E2EDF9;
}
#scoreTweetCheckArea .check_label {
	display: block;
	float: left;
	margin: 5px;
	width: 100px;
	height: 42px;
	text-align: center;
	line-height: 36px;
	padding-left: 5px;
	padding-right: 5px;
	cursor: pointer;
	color: #31A9EE;
	border: 2px solid #006DD9;
	border-radius: 5px;
	font-size:14px;
}

#scoreTweetPopup #topStatus_table01,#scoreTweetPopup #topStatus_table01_sp{
	width:100%;
	max-width:555px;
	margin-top:1em;
}
#scoreTweetPopup #topStatus_table01 tr:nth-child(1) th,#scoreTweetPopup #topStatus_table01_sp tr:nth-child(1) th{
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #A8BFE1;
	border-bottom-color: #A8BFE1;	
}
#scoreTweetPopup #topStatus_table01 th,#scoreTweetPopup #topStatus_table01_sp th{
	color:#FFF;
	letter-spacing:2px;
	font-weight:100;
	background-color:#2a4b7a;
	padding-left:10px;
	padding-right:10px;


}
/*////////////// ユーザ情報/////////////////*/
ul.tabs-list{
	z-index:1;		
}
ul.tabs-list li{
	margin-left:0 !important;
}
label.panel-label {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	display: block;
	width: 100%;
}

label.panel-label:hover {
  background-color: #bbb;
}
#panels {
  background-color: #fff;
  
}
#panels .container {
	margin: 0 auto;  
}

#panels section main {
	box-sizing: border-box;
	overflow: hidden;
	opacity: 0;
	max-height:0;
	height:137px;
	
}
#panels #panel-4 main,#panels #panel-5 main {
/*	box-sizing: border-box;
	overflow: hidden;
	opacity: 0;
	max-height:0;*/
	height:145px;
}

#panels section main:after {
    content:" ";
    display:block;
    clear:both;
}
/*arrow*/
#panel-1-ctrl:checked ~ .tabs-list li#li-for-panel-1 label.panel-label::after,#panel-2-ctrl:checked ~ .tabs-list li#li-for-panel-2 label.panel-label::after,#panel-3-ctrl:checked ~ .tabs-list li#li-for-panel-3 label.panel-label::after,#panel-4-ctrl:checked ~ .tabs-list li#li-for-panel-4 label.panel-label::after,#panel-5-ctrl:checked ~ .tabs-list li#li-for-panel-5 label.panel-label::after,#panel-6-ctrl:checked ~ .tabs-list li#li-for-panel-6 label.panel-label::after,#panel-7-ctrl:checked ~ .tabs-list li#li-for-panel-7 label.panel-label::after {
	width: 0;
	height: 0;
	border-top: 10px solid #2a4b7a;
	border-right: 12px solid transparent; 
	border-left: 12px solid transparent;
	left:42%;
	bottom:-10px;
	background-color:#FFF;
}

#panel-1-ctrl:checked ~ #panels #panel-1 main,#panel-2-ctrl:checked ~ #panels #panel-2 main,#panel-3-ctrl:checked ~ #panels #panel-3 main{
  max-height: initial;
  opacity: 1;
  padding: 15px;
}
#panel-4-ctrl:checked ~ #panels #panel-4 main,#panel-5-ctrl:checked ~ #panels #panel-5 main ,#panel-6-ctrl:checked ~ #panels #panel-6 main,#panel-7-ctrl:checked ~ #panels #panel-7 main {
  max-height: initial;
  opacity: 1;
  padding-top:15px;
  padding-bottom:15px;
}
#panel-2-ctrl:checked ~ #panels #panel-2 main {
  padding-right: 10px;
}
#topKifu_searchBtn{
	display: none !important;
}
#panel-4-ctrl:checked ~ #panels #panel-4 main #topKifu_searchBtn,#panel-5-ctrl:checked ~ #panels #panel-5 main #topKifu_searchBtn,#panel-6-ctrl:checked ~ #panels #panel-6 main #topKifu_searchBtn,#panel-7-ctrl:checked ~ #panels #panel-7 main #topKifu_searchBtn{
	display: block !important;
}

#panel-1-ctrl:checked ~ .tabs-list li#li-for-panel-1 ,#panel-2-ctrl:checked ~ .tabs-list li#li-for-panel-2,#panel-3-ctrl:checked ~ .tabs-list li:#li-for-panel-3 ,#panel-4-ctrl:checked ~ .tabs-list li#li-for-panel-4 ,#panel-5-ctrl:checked ~ .tabs-list li#li-for-panel-5,#panel-6-ctrl:checked ~ .tabs-list li#li-for-panel-6 ,#panel-7-ctrl:checked ~ .tabs-list li#li-for-panel-7{
  pointer-events: none;
  cursor: default;
  box-shadow: none;
  border-right: none;
}
#panel-1-ctrl:checked ~ .tabs-list li#li-for-panel-1.last,#panel-2-ctrl:checked ~ .tabs-list li#li-for-panel-2.last,#panel-3-ctrl:checked ~ .tabs-list li#li-for-panel-3.last,#panel-4-ctrl:checked ~ .tabs-list li#li-for-panel-4.last,#panel-5-ctrl:checked ~ .tabs-list li#li-for-panel-5.last ,#panel-6-ctrl:checked ~ .tabs-list li#li-for-panel-6.last,#panel-7-ctrl:checked ~ .tabs-list li#li-for-panel-7.last {
  border-right: 1px solid transparent;
}
#panel-1-ctrl:checked ~ .tabs-list li#li-for-panel-1 + li,#panel-2-ctrl:checked ~ .tabs-list li#li-for-panel-2 + li,#panel-3-ctrl:checked ~ .tabs-list li#li-for-panel-3 + li,#panel-4-ctrl:checked ~ .tabs-list li#li-for-panel-4 + li,#panel-5-ctrl:checked ~ .tabs-list li#li-for-panel-5 + li ,#panel-6-ctrl:checked ~ .tabs-list li#li-for-panel-6 + li,#panel-7-ctrl:checked ~ .tabs-list li#li-for-panel-7 + li {
  border-left: 1px solid #dfdfdf;
}


#panel-1-ctrl:checked ~ .tabs-list li#li-for-panel-1 label.panel-label,#panel-2-ctrl:checked ~ .tabs-list li#li-for-panel-2 label.panel-label,#panel-3-ctrl:checked ~ .tabs-list li#li-for-panel-3 label.panel-label,#panel-4-ctrl:checked ~ .tabs-list li#li-for-panel-4 label.panel-label,#panel-5-ctrl:checked ~ .tabs-list li#li-for-panel-5 label.panel-label ,#panel-6-ctrl:checked ~ .tabs-list li#li-for-panel-6 label.panel-label,#panel-7-ctrl:checked ~ .tabs-list li#li-for-panel-7 label.panel-label {
  background-color: #2a4b7a;
  background-position:center center;
  background-repeat:no-repeat;
  padding-top: 4px;
  color:#FFF;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-weight:bold;
  cursor:default;
  line-height:33px;

}
#panel-1-ctrl ~ .tabs-list li#li-for-panel-1 label.panel-label:hover,#panel-2-ctrl ~ .tabs-list li#li-for-panel-2 label.panel-label:hover,#panel-3-ctrl ~ .tabs-list li#li-for-panel-3 label.panel-label:hover,#panel-4-ctrl ~ .tabs-list li#li-for-panel-4 label.panel-label:hover,#panel-5-ctrl ~ .tabs-list li#li-for-panel-5 label.panel-label:hover,#panel-6-ctrl ~ .tabs-list li#li-for-panel-6 label.panel-label:hover,#panel-7-ctrl ~ .tabs-list li#li-for-panel-7 label.panel-label:hover {
	background-color:#ccc;
	padding-left:1em;
padding-right:1em;
min-width:7em;
}
#panel-1-ctrl ~ .tabs-list li#li-for-panel-1 label.panel-label,#panel-2-ctrl ~ .tabs-list li#li-for-panel-2 label.panel-label,#panel-3-ctrl ~ .tabs-list li#li-for-panel-3 label.panel-label,#panel-4-ctrl ~ .tabs-list li#li-for-panel-4 label.panel-label,#panel-5-ctrl ~ .tabs-list li#li-for-panel-5 label.panel-label,#panel-6-ctrl ~ .tabs-list li#li-for-panel-6 label.panel-label,#panel-7-ctrl ~ .tabs-list li#li-for-panel-7 label.panel-label {
  	background-color:#a0a0a0;
	  padding-left:1em;
padding-right:1em;
min-width:7em;
	line-height:42px;
	cursor: pointer;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-weight:bold;
	color:#444;
}

#panel-1-ctrl:checked ~ .tabs-list li#li-for-panel-1 label.panel-label:hover,#panel-2-ctrl:checked ~ .tabs-list li#li-for-panel-2 label.panel-label:hover,#panel-3-ctrl:checked ~ .tabs-list li#li-for-panel-3 label.panel-label:hover,#panel-4-ctrl:checked ~ .tabs-list li#li-for-panel-4 label.panel-label:hover,#panel-5-ctrl:checked ~ .tabs-list li#li-for-panel-5 label.panel-label:hover ,#panel-6-ctrl:checked ~ .tabs-list li#li-for-panel-6 label.panel-label:hover,#panel-7-ctrl:checked ~ .tabs-list li#li-for-panel-7 label.panel-label:hover {
	background-color:#2a4b7a;
}


@media all and (-ms-high-contrast:none){
		#panel-1-ctrl:checked ~ .tabs-list li#li-for-panel-1 label.panel-label,#panel-2-ctrl:checked ~ .tabs-list li#li-for-panel-2 label.panel-label,#panel-3-ctrl:checked ~ .tabs-list li#li-for-panel-3 label.panel-label,#panel-4-ctrl:checked ~ .tabs-list li#li-for-panel-4 label.panel-label,#panel-5-ctrl:checked ~ .tabs-list li#li-for-panel-5 label.panel-label,#panel-1-ctrl ~ .tabs-list li#li-for-panel-1 label.panel-label,#panel-2-ctrl ~ .tabs-list li#li-for-panel-2 label.panel-label,#panel-3-ctrl ~ .tabs-list li#li-for-panel-3 label.panel-label,#panel-4-ctrl ~ .tabs-list li#li-for-panel-4 label.panel-label,#panel-5-ctrl ~ .tabs-list li#li-for-panel-5 label.panel-label,#panel-6-ctrl ~ .tabs-list li#li-for-panel-6 label.panel-label,#panel-7-ctrl ~ .tabs-list li#li-for-panel-7 label.panel-label  {
		padding-top:5px;
		line-height: 38px;
	}
	#panel-1-ctrl:checked ~ #panels #panel-1 main,#panel-2-ctrl:checked ~ #panels #panel-2 main,#panel-3-ctrl:checked ~ #panels #panel-3 main {
		min-height:137px !important;
	}
	#panel-4-ctrl:checked ~ #panels #panel-4 main,#panel-5-ctrl:checked ~ #panels #panel-5 main,#panel-6-ctrl:checked ~ #panels #panel-6 main,#panel-7-ctrl:checked ~ #panels #panel-7 main  {
		min-height:150px !important;
	}
	#panel-4 main td img,#panel-5 main td img ,#panel-6 main td img,#panel-7 main td img {
		padding-left:10px !important;
	}
}
@media screen and (max-width:480px){
	#panel-1-ctrl:checked ~ #panels #panel-1 main,#panel-3-ctrl:checked ~ #panels #panel-3 main {
		padding-left: 5px;
		padding-right:5px;
		height:100%;
	}
	#panel-2-ctrl:checked ~ #panels #panel-2 main{
		padding: 15px 3px 15px 0px;
		min-height:150px;
	}
	#panel-4 main ,#panel-5 main ,#panel-6 main ,#panel-7 main {
		line-height:1 !important;
		height:180px !important;
	}
	#panel-4 main td img,#panel-5 main td img ,#panel-6 main td img,#panel-7 main td img {
		height:20px !important;
		width:auto !important;
	}
}
ul.tabs-list {
  display: flex;
  list-style: none;
  text-align: center;
  border-bottom: 1px solid #dfdfdf;
  margin: 0;
  padding: 0;
  background-color:rgba(255,255,255,0.7) ;
}
ul.tabs-list li {
  text-align: center;
  border-right: 1px solid #dfdfdf;
}

ul.tabs-list li label.panel-label {
  position: relative;
  height:40px;
  font-size:12px;
}
ul.tabs-list li label.panel-label::after {
  content: "";
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 100%;
  background-color: #003399;
  height: 0;
  -webkit-transition-property: height;
  transition-property: height;
}
.panel-radios {
  display: none;
}


/*//////////////////////////////*/

/*▶右*/
.icon1:after,.icon1:before{
  display: block;
  content: '';
  width: 24px;
  height: 24px;
  -webkit-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  background-color: #fff;
  position: absolute;
  top: 34px;
  left: 4px;
}
.icon1:before{
  background-color: #b13368;
  left: 12px;
}

#swbanschart_div{
	width:300px;
	height:120px;
}
#swbanschartSP_p,#swbanschartSP_div{
	width:90%;
	max-width:320px;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
}
#swbanschartSP_div{
	height:55px;
	margin-top:2px;
}
#swbanschartSP_div text{
	font-size:8px;
}
/*****************************************/
#topStatus_table01{
	width:475px;
	float:left;
	padding-right:12px;
	border:none;
}
#topStatus_table01 tr:nth-child(2){
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
}
#topStatus_table01 th{
	color:#FFF;
	letter-spacing:2px;
	font-weight:100;
	background-color:#2a4b7a;
	padding-left:10px;
	padding-right:10px;
}
#topStatus_table01 th,#topStatus_table01 td{
	font-size:12px;
	vertical-align:middle;
	text-align:center;
	height:35px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFF;
}
th,#topStatus_table01 td{
	font-size:14px;
}
#topStatus_table01 th img{
	vertical-align:middle;
}
#topStatus_table01 td{
	background-color:#eee;	
}
#topStatus_table01 tr:nth-child(1) th:nth-child(1){
	background-color:#FFF;
	border:none;
}

/*****************************************/


#topStatus_profile{
	text-align:left;
	font-size:12px;
	color:#FFF;
	float:right;
	background-color:#888;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	width:175px;
	height:97%;
	min-height:100%;
	padding-top: 6px;
	padding-right: 7px;
	padding-left: 7px;
	position:relative;
}

#topStatus_profileEdit a,#topStatus_profileEdit p{
	position: relative;
	top: -20px;
	left: 125px;
	width:37px;
	text-align:center;
	border:1px solid #666;
	background:#FFF;
	display:block;
	text-decoration:none;
	color:#666;
}
#topStatus_profile #topStatus_profileTxt{
	color:#000;
	margin-top:5px;
	text-align:left;
	background-color:#FFF;
	line-height:130%;
	min-width:100%;
	height:90%;
	max-height:65px;
	overflow:hidden;
	resize: none;
	padding: 7px;
	position: relative;
	top:-20px;
}
@media screen and (max-width:480px){
#topStatus_profileEdit a,#topStatus_profileEdit p{
	right: 10px;
	margin-bottom:-20px;
}
}

/*****************************************/
#topStatus_table02{
	width:475px;
	float:left;
}
#topStatus_table02 tr:nth-child(1),#topStatus_table02 tr:nth-child(2){
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
}
#topStatus_table02 th{
	color:#FFF;
	font-size:12px;
	letter-spacing:2px;
	font-weight:100;
	background-color:#2a4b7a;
	padding-left:10px;
	padding-right:10px;
	
}
#topStatus_table02 th,#topStatus_table02 td{
	vertical-align:middle;
	text-align:center;
	height:35px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFF;
}
#topStatus_table02 td{
	width:33px;
	height:33px;
	background-image: url(../images/top/status_03_img04.png);
	background-repeat: no-repeat;
	background-position: center center;
}
#topStatus_table02 th img{
	vertical-align:middle;
}

/*****************************************/
#topStatus_trophy{
	text-align:right;
	float:right;
	background-color:#e7e7e7;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	width:155px;
	min-height:100%;
	padding-top: 5px;
	padding-right: 7px;
	padding-bottom: 5px;
	padding-left: 7px;
}

#topStatus_trophy table td{
	text-align:center;
	vertical-align:middle;
	width:85px;
	height:50px;
	font-size:9pt;
	color:#3c5a80;
}

/*****************************************/

@media screen and (max-width:480px){
	#topStatus_table01_sp{
		display: table;
		width:100%;
		border:none;
	}
	#topStatus_table01_sp td:last-child{
		border-bottom-width: 1px;
		border-bottom-style: solid;
		border-bottom-color: #FFF;
	}
	#topStatus_table01_sp th{
		color:#FFF;
		font-size:12px;
		font-weight:100;
		background-color:#496792;
		padding-left:10px;
		padding-right:10px;
	}
	#topStatus_table01_sp th,#topStatus_table01_sp td{
		font-size:13px;
		vertical-align:middle;
		text-align:center;
		height:35px;
		border-right-width: 1px;
		border-right-style: solid;
		border-right-color: #FFF;
	}
	#topStatus_table01_sp th img{
		vertical-align:middle;
	}
	#topStatus_table01_sp td{
		background-color:#eee;	
	}
	
	/*****************************************/

	#topStatus_profile_sp{
		display:block;
		text-align:left;
		background-color:#aaa;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		width:100%;
		min-height:100%;
		padding-top: 6px;
		padding-right: 7px;
		padding-left: 7px;
		padding-bottom:10px;
		color:#FFF;
		font-weight:bold;

	}
	#topStatus_profile_sp #topStatus_profileTxt{
		color:#000;
		font-weight:100;
		margin-top:5px;
		text-align:left;
		background-color:#FFF;
		line-height:130%;
		min-width:100%;
		height:100%;
		min-height:46px;
		overflow:hidden;
		resize: none;
		padding:7px;
	}
	
	/*****************************************/
	#topStatus_table02_sp{
		width:100%;
		border:none;
	}
	#topStatus_table02_sp tr:nth-child(2),#topStatus_table02_sp tr:nth-child(4){
		border-bottom-width: 1px;
		border-bottom-style: solid;
		border-bottom-color: #fff;
	}
	#topStatus_table02_sp th{
		border-bottom-width: 1px;
		border-bottom-style: solid;
		border-bottom-color: #FFF;
	}
	#topStatus_table02_sp th{
		color:#FFF;
		font-size:12px;
		font-weight:100;
		background-color:#496792;
		padding-left:10px;
		padding-right:10px;
		width:10%;
		text-align:center;
	}

	#topStatus_table02_sp td{
		padding:1px;
		border:none;
		width:4%;
		background-color:#eee;	
	}
	
	/*****************************************/


	#topStatus_trophy_sp{
		text-align:center;
		width:100%;
		margin-bottom:-20px;
	}
	#topStatus_trophy_sp table{
		border:none;
		maring:0px auto 0px auto;
		width:50%;	
	}

	#topStatus_trophy_sp table td{
		border:none;
		text-align:center;
		vertical-align:middle;
		font-size:9pt;
		width:30%;
		color:#3c5a80;
	}
}
/*****************************************/


.accoBox {
  display: none;

}

#accoBox01 {
	position: relative;
}

.acco_icon,
.acco_icon span {
	display: inline-block;
	transition: all .09s;
	box-sizing: border-box;
}
.acco_icon {
	position: relative;
	width: 25px;
	height: 25px;
	float: right;
	margin-top: 5px;
	margin-right: 15px;
	background-color:#FFF;
	border: 1px solid #666;
	border-radius: 5px;	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
.acco_icon span {
	position: absolute;
    left: 5px;
    width: 59%;
	height: 2px;
    background-color: #666;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-ms-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
}
.acco_icon span:nth-of-type(1) {
	background-image: url(../images/top/menu_btn01.png);
	background-repeat: no-repeat;
	background-position: 0 4px;
}
.acco_icon span:nth-of-type(2) {
	background-image: url(../images/top/menu_btn01.png);
	background-repeat: no-repeat;
	background-position: 0 4px;
}
/*＋、－切り替え*/
.acco_icon span:nth-of-type(1) {
    top: 10px;
	transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
}
.acco_icon span:nth-of-type(2) {
    top: 10px;
	transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
}
.acco_icon.active span:nth-of-type(1) {
	display:none;
}
.acco_icon.active span:nth-of-type(2) {
	top: 10px;
	transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}


/*****************************************/


h2.topTitle01{
	margin-bottom:1px;
	cursor:pointer !important;
	height: 36px;
	color:#FFF;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	background-repeat: no-repeat;
	background-position: left top;
	background-image: url(../images/top/title_bg01.png);
	line-height:36px;
	padding:0 0 0 20px;
	font-weight:bold;
	font-size:110%;
	letter-spacing:0.1em;
	box-shadow:0px 3px 3px 0px #888;
	-moz-box-shadow:0px 3px 3px 0px #888;
	-webkit-box-shadow:0px 3px 3px 0px #888;
}
h2.topTitle01:hover{
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}
@media all and (-ms-high-contrast:none){
	h2.topTitle01{
		padding-top:3px;
		line-height: 39px;
	}
}


#topKifu_searchBtn{
	width : 120px;
	height : 30px;
	line-height: 23px;
	top :5px;
	right : 10px;
    display: inline-block;
    padding: 0.25em 0.5em;
    text-decoration: none;
    color: #FFF;
    background: #687887;
    border-bottom: solid 2px #48617e;
    border-radius: 4px;
    box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
    font-weight: bold;
	letter-spacing:1px;
	font-size:0.86em;
	text-align:center;
	font-weight:normal;
	
}
/*トップのみ*/
#panel-4 #topKifu_searchBtn,#panel-5 #topKifu_searchBtn,#panel-6 #topKifu_searchBtn,#panel-7 #topKifu_searchBtn{
	position : absolute;
	z-index:999;
}

#topKifu_searchBtn:active {
    border-bottom: solid 2px #eef0f4;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.30);
}


#topKifu_table{
	width:100%;	
	background-color:#fff;
	clear:both;
}

#topKifu_table tr:nth-child(odd){
	background-color:#e7e7e7;
}
#topKifu_table tr#kifunone{
	background-color:#FFF !important;
}
#topKifu_table tr{
	padding-right: 15px;
}
#topKifu_table td{
	font-size:85%;
	vertical-align:middle;
	padding-left:7px;
}
#topKifu_table tr td:nth-child(1){
	width:45px;
	text-align:center;
	text-shadow: 1px 1px 2px #aaa;
	-moz-text-shadow: 1px 1px 2px #aaa;
	-webkit-text-shadow: 1px 1px 2px #aaa;
	
}
#topKifu_table tr td:nth-child(2){
	width:50px;
}
#topKifu_table a {
	color:#3d414d;
}
#topKifu_table a:hover {
	text-decoration:underline !important;
}
@media screen and (min-width:480px){
	#topKifu_table tr td:nth-child(3){
		width:85px;
	}

	.topKifu_content {
		width: 100% ;
	}
}
@media all and (-ms-high-contrast:none){
	#topKifu_table tr td:nth-child(1) img{
		margin: 0 0 0 -22px;
	}
}

#topKifu_table tr td:nth-child(4){
	white-space: nowrap;
    padding-right:15px;
}
/*#topKifu_table tr.topKifu_more td{
	font-size:80%;
	text-align:right;	
	padding-right:15px;
	padding-top:2px;
	padding-bottom:2x;
}
#topKifu_table tr.topKifu_more p{
	color:#99003e;
	text-decoration:underline;
	-webkit-transition:opacity 0.2s;
	-moz-transition:opacity 0.2s;
	transition:opacity 0.2s;
	cursor:pointer;
}*/
#topKifu_more_txt{
	display:table;
	width:100%;
}
#topKifu_more_txt p{
	display:table-cell;
	padding-top:2px;
	padding-left:20px;
	color:#777;
}
#topKifu_more{
	display:table-cell;
	padding-right:15px;
}

.topKifu_oldBtn{
  display: inline-block;
  padding: 0.2em 1em;
  text-decoration: none;
  background: #888;
  color: #FFF;
  border-bottom: solid 2px #666;
  border-radius: 5px;
  margin-top:0.5em;
  margin-right:1em;
  font-size:14px;
}
/*****************************************/

#topRecommend_box{
	background-color:#FFF;
	padding:15px;
}
/*****************************************/
.topKisen_box{
	width:45%;
	float:left;	
}
.topKisen_table{
	width:90%;
	vertical-align:top;
}

@media screen and (max-width:480px){
	.topKisen_box{
		width:100%;
		float:none;
		text-align:center;
	}
	.topKisen_table{
		width:90%;
		text-align:left;
		margin:auto;
		background-color:#fff;
		
	}
	.topKisen_table td{
		padding-top:0px;
		padding-bottom:0px;
	}
}

/*====================================================================================================

	sitesearch

====================================================================================================*/
/*ページタイトル*/
.gs-title{
	overflow: visible !important;
}
/*結果と広告の間*/
.gsc-results.gsc-webResult{
	border-top:#f0f0f0 5px solid;
	margin-top:10px;
	padding-bottom:20px;
}
/*ページURL*/
.gs-visibleUrl{
	margin-left:-8px;
	margin-top:5px;
	margin-bottom:-2px;
}
.gsc-thumbnail-inside{
	padding:0 !important;
}

.gsc-cursor-box{
	text-align:center !important;
}
/*下部のページ数*/
.gsc-cursor-page{
	font-size:15px;
	margin-right:15px !important;
	color:#00F !important;
}
/*今いるページ*/
.gsc-cursor-current-page{
	color:#000 !important;
	cursor:default;
}
/*====================================================================================================

	inquiry

====================================================================================================*/
#inquiry_form p{
	padding-bottom:10px;
}

#inquiry_form #email-error,#inquiry_form #select-error,#inquiry_form #msg-error,#inquiry_form #career-error,#inquiry_form #tel-error{
	/*display:block;*/
	margin-left:1em;
	color:#C00;	
	font-size:14px;
}

/*====================================================================================================

	24member

====================================================================================================*/

.member_box{
	width:330px;
	float:left;
}
.member_box:nth-child(1){
	margin-right:30px;
}
.member_txt {
	font-size:0.95em;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
h2.memberTitle {
	padding: 0.4em 0.5em;
	width:100%;
	color: #494949;
	background: #fafafa;
	border-left: solid 5px #7db4e6;
	border-bottom: solid 3px #d7d7d7;
}
h3.memberTitle {
	position: relative;
	color: white;
	background: #354a8b;
	line-height: 1.4;
	padding: 0.7em 0.7em 0.7em 1.8em;
	font-size:1.2em;
	margin-bottom:1em;
}

h3.memberTitle:before {
	font-family: FontAwesome;
	content: "\f14a";
	position: absolute;
	left : 0.5em;
}
.member_btn01 {
	height: 85px; 
}
.member_btn01 a {
	display: block;
	position: relative;
	z-index: 100;
	text-align:center;
	background: #ec8a00;
	color: #fff;
	line-height: 82px;
	text-decoration:none;
	letter-spacing:0.1em;
	font-size:1.5em;
}
.member_btn02 {
	height: 37px;
}
.member_btn02 a {
	display: block;
	position: relative;
	z-index: 100;
	text-align:center;
	background: #608aca;
	color: #fff;
	line-height: 32px;
	text-decoration:none;
	letter-spacing:0.1em;
}
.member_btn03 {
	height: 55px;
}
.member_btn03 a {
	display: block;
	position: relative;
	z-index: 100;
	text-align:center;
	color: #fff;
	line-height: 50px;
	text-decoration:none;
	letter-spacing:0.2em;
	font-size:1.2em;
	background-color: #4D7CC4;
}
.member_btn{
	text-align:center;
	/*margin:auto;*/
	margin-top:3px;
	margin-left:10px;
	margin-right:10px;
	width: 80%;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	overflow: hidden;
	padding: 0;
	border:2px solid #FFF;
	box-shadow: 2px 2px 4px #888;  
	font-size:1em;
}

.member_btn02 a:before {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	left: 19px;
	width: 16px;
	height: 16px;
	margin-top: -8px;
	border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
	background: #fff;
}
.member_btn02 a:after {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	left: 25px;
	width: 0;
	height: 0;
	margin-top: -5px;
	border: 5px solid transparent;
	border-left: 5px solid #3968b0;
}
.member_table{
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #999;
	border-right-color: #999;
	border-bottom-color: #999;
	border-left-color: #999;	
}
.member_table th,.member_table td{
	background-color:#f7f7f7;
	padding:7px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #999;
	border-right-color: #999;
	border-bottom-color: #999;
	border-left-color: #999;	
}
.member_table th{
	background-color:#87B3C5;
}
@media screen and (max-width:480px){
.member_box{
	width:100%;
	margin-right:15px;
}
h2.memberTitle {
	width:95%;
}
}
/*====================================================================================================

	link

====================================================================================================*/
.shogilink_List,.shogilink_List02 {
    width: 100%;
}
.shogilink_List li {
	width:45%;
	display: inline-block;
	vertical-align: top;
	padding-bottom: 15px;
	padding-right: 15px;
}
.shogilink_List li a {
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 7px;
	padding-left: 0;
}
.shogilink_List li span{
	font-size:85%;
}
.shogilink_List02 li {
	font-size:14px;
	list-style:none;
	vertical-align: top;
	padding-bottom: 15px;
	padding-right: 15px;
	line-height:1.2em;
}
@media screen and (max-width:480px){
.shogilink_List li {
	width:100%;

}
}
.shogilink_menu {
	font-size:12px;
	width: 100%;
	height: 40px;
	padding: 0;
	margin: 0;
	list-style-type: none;
	background-color:#fff;
}
.shogilink_menu li {
	display: inline-block;
	margin: 0;
	font-weight: bold;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;	
}
.shogilink_menu li a {
	width: auto;
	margin: 0;
	padding: 12px 0;
	text-decoration: none;
	display: block;
	font-weight: normal;
}
.shogilink_menu li a:hover {
	text-decoration: underline;
}
/*====================================================================================================

	Q&A

====================================================================================================*/
h3.qatitle {
	color: #A0521D;
	font-size: 16px;
	font-weight: normal;
	border-bottom-width: 3px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dotted;
	border-left-style: none;
	border-bottom-color: #900;
	padding-bottom: 3px;
	margin-bottom:10px;
}
h3.qatitle2{
	padding: .25em 0 .25em .75em;
	border-left: 6px solid #6a98ec;
}
.qalist{
	list-style-position: inside;
	list-style-type: none;	
}

/*====================================================================================================

	24column

====================================================================================================*/

#column_sidemenu label {
    display: block;
	cursor:pointer;
	display:inline-block;
	position:relative;
	margin-left:13px;
	color:#99003e;
	text-decoration:underline;
	-webkit-transition:opacity 0.2s;
	-moz-transition:opacity 0.2s;
	transition:opacity 0.2s;
	font-size:14px;
}
#column_sidemenu label:before{
	content:"";
	display:block;
	position:absolute;
	top:0.6em;
	left:-13px;
	border-top:3px solid transparent;
	border-bottom:3px solid transparent;
	border-left:6px solid #4a4342;
}
#column_sidemenu label:hover {
  text-decoration:none;
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;}
#column_sidemenu input[type="checkbox"].on-off{
    display: none;
}
#column_sidemenu input[type="checkbox"].on-off + ul{
    height: 0;
    overflow: hidden;
}
#column_sidemenu input[type="checkbox"].on-off:checked + ul{
    height: auto;
}
#column_right_frame {
	display: flex;
  display: -moz-flex;
  display: -o-flex;
  display: -webkit-flex;
  display: -ms-flex;
  flex-direction: row;
  -moz-flex-direction: row;
  -o-flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-wrap:wrap;
}

.columnLogBox{
	font-size:10pt;
	width: 335px;
	padding:12px;
	background-color:#fafafa;
	border: 1px solid #ccc;
	box-sizing: border-box;
	box-shadow:0px 0px 2px 1px #c8c8c8;
	-moz-box-shadow:0px 0px 2px 1px #c8c8c8;
	-webkit-box-shadow:0px 0px 2px 1px #c8c8c8;
	margin-bottom:7px;
	margin-right:7px;
	height:auto;
}
.columnLogBox table{
	max-width:330px !important;	
}
.columnLogBox table td{
	font-size:12px !important;	
	padding:3px !important;
}
	
.columnLogBox .columnLog_date{
	color:#666;
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #CCC;
	font-size:95%;
	margin-bottom:10px;
}
.columnLogBox .columnLog_title{
	color:#09C;
	margin-bottom:5px;
}
/*====================================================================================================

	manual

====================================================================================================*/
.manualTitle{
	background-color:#FFF;
}
.manualTitle .num {
	display: table-cell;
	padding: 10px 0;
	width: 50px;
	background-color: #53A2CC;
	color: #ffffff;
	font-size: 200%;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
}

.manualTitle .ttl {
	display: table-cell;
	padding: 10px 20px;
	color: #274161;
	font-size: 133.3%;
	font-weight: bold;
	vertical-align: middle;

}

.play-wrap-inner {
	padding-top: 30px;
	padding-right: 0px;
	padding-bottom: 40px;
	padding-left: 0px;
}
.play-wrap-inner .step {
	float: left;
	width: 200px;
}
.play-wrap-inner .step ul,
.play-wrap-inner .step0 ul{
	margin-left:0px !important;
	padding-left:0px !important;
	list-style-type: none;
}
.play-wrap-inner .step ul li,
.play-wrap-inner .step0 ul li{
	margin-top:10px;
	margin-bottom:15px;
}
.play-wrap-inner .step ol li,
.play-wrap-inner .step0 ol li{
	margin-top:9px;
	margin-left:0px;
	padding-left:0px;
	margin-bottom:5px;
}
.play-wrap-inner .step ul span{
	font-weight: bold;
	color: #2B83EE;
}
.play-wrap-inner .step01,
.play-wrap-inner .step02,
.play-wrap-inner .step04,
.play-wrap-inner .step05 {
	margin-right: 20px;
}
.play-wrap-inner .step04,
.play-wrap-inner .step05,
.play-wrap-inner .step06{
	margin-top:40px;
}
.play-wrap-inner .step dt {
	position: relative;
	text-align: center;
}

.play-wrap-inner .step dd,
.play-wrap-inner .step0 dd {
	margin-top: 20px;
	line-height:150%;
}

.point_box{
	border: 2px dotted #2B83EE;
	padding: 15px;
}
.point_box p{
	font-weight: bold;
	color: #EA71AA;
	margin-bottom:7px;
}
.point_box span{
	font-weight: normal;
}

.step_next{
	width: 0;
	height: 0;
	margin-top:20px;
	margin-left:auto;
	margin-right:auto;
	border-top: 30px solid #ccc;
	border-right: 80px solid transparent;
	border-bottom: 30px solid transparent;
	border-left: 80px solid transparent;
}
.step_next2{
	width: 0;
	height: 0;
	margin-top:20px;
	margin-left:auto;
	margin-right:auto;
	border-top: 30px solid transparent;
	border-right: 15px solid transparent;
	border-bottom: 30px solid transparent;
	border-left: 15px solid #ccc;
}
.imgPc{
	width:180px;
	height:132px;
	border:solid 1px #CCC;
}
.imgSp{
	max-width:110px;
	height:auto;
	border:solid 1px #CCC;
}
.play-wrap-inner:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.play-wrap-inner{
	display: block; /* for safari firefox3 */
	zoom: 1;  /* for IE 7*/
}

* html .play-wrap-inner{
	display: inline-block; /* for IE6 */
}

/* IE7 hacks */
*:first-child+html .play-wrap-inner,
*:first-child+html .result,
*:first-child+html .step,
*:first-child+html .site-wrap-inner {
	display: inline-table;
}/* end hacks */



/*====================================================================================================

	enquete

====================================================================================================*/
#enq_wrapper {
	width: 650px;
	margin:auto;
	text-align:left;
	position: relative;
}


.kekka_icon,.jisshi_icon{
	margin-right:5px;
	color:#fff;
	font-size:62%;
	width:30px;
	display: inline-block ;
	text-align:center;
	*display: inline;
	zoom: 1;
}
.kekka_icon{
	background:#666;
}
.jisshi_icon{
	background:#F93;
}
.kekkaArea{
	padding:10px 10px 0;
	margin-bottom:20px;
}
.kekkaArea h2{
    position: relative;
    color: #111;
    font-size: 1.4em;
    font-weight: bold;
    margin: 0 0 0.8em;
    padding: 0.5em 0.5em 0.5em 1.7em;
    border-bottom: 3px solid #ff9933;
}
 
.kekkaArea h2:before{
	content: "";
	position: absolute;
	top: 0;
	left: 0.4em;
	height: 12px;
	width: 12px;
	transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	background-color: #FFD168;
}
 
.kekkaArea h2:after{
	content: "";
	position: absolute;
	top: 1.0em;
	left: 0;
	height: 8px;
	width: 8px;
	transform: rotate(15deg);
	-moz-transform: rotate(15deg);
	-webkit-transform: rotate(15deg);
	-o-transform: rotate(15deg);
	-ms-transform: rotate(15deg);
	background-color: #FF9E75;
}


.kekkaArea h2#kekka{
    position: relative;
    color: #111;
    font-size: 1.4em;
    font-weight: bold;
    margin: 0 0 0.8em;
    padding: 0.5em 0.5em 0.5em 1.7em;
    border-bottom: 3px solid #aaa;
}
 
.kekkaArea h2#kekka:before{
	content: "";
	position: absolute;
	top: 0;
	left: 0.4em;
	height: 12px;
	width: 12px;
	transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	background-color: #ddd;
}
 
.kekkaArea h2#kekka:after{
	content: "";
	position: absolute;
	top: 1.0em;
	left: 0;
	height: 8px;
	width: 8px;
	transform: rotate(15deg);
	-moz-transform: rotate(15deg);
	-webkit-transform: rotate(15deg);
	-o-transform: rotate(15deg);
	-ms-transform: rotate(15deg);
	background-color: #ccc;
}
.kekkaArea #pie{
	width:auto;
	height:100%;	
}
@media screen and (min-width:480px){
	.kekkaArea #pie{
		height:400px;	
	}
}
.kekkaArea .line{
	*zoom:1;
	margin-bottom:10px;
	padding:0 10px;
}
.kekkaArea .line:after{
	display:block;
	clear:both;
	content:"";
}
.kekkaArea .line .total{
	float:left;
	font-size:75%;
	width:20%;
}
.kekkaArea .line .period{
	float:right;
	color:#666;
	font-size:75%;
	text-align:right;
	width:68%;
}
.kekkaArea ul{
	margin-bottom:10px;
	padding-bottom:10px;
}
.kekkaArea li{
	display:table;
	padding-left:5px;
	padding-top:7px;
	padding-bottom:7px;
	width:100%;
}
.kekkaArea li .qItem{
	display:table-cell;
	width:160px;
	vertical-align:middle;
}
.kekkaArea input[type=checkbox] ,.kekkaArea input[type=radio]{
    width: 15px;
    height: 15px;
	margin-right:7px;
    vertical-align: middle;
}
.kekkaArea li .kekkaItem{
	border-right:#cdcdcd 1px solid;
}
.kekkaArea li .graph{
	width:270px;
	display:table-cell;
	vertical-align:middle;
}
.kekkaArea li .graph .bar{
	text-indent:-9999px;
	display:block;
	height:16px;
	overflow:hidden;
	background:#568c00;
}
.kekkaArea li .result{
	width:100px;
	padding-right:10px;
	text-align:right;
}
.kekkaArea li.kisuuBack{
	background-color: #eee;	
}
.kekkaArea li.kisuuBack2{
}
.voteSelectBtn{
	width:120px;
	padding-right:10px;
	text-align:right;
}  
#qRankList h3,#qRankBox h3{
    position: relative;
    font-size: 1.143em;
    font-weight: bold;
    margin: 0 0 0.5em;
    padding: 0.5em 0.5em 0.2em 1.7em;
    border-bottom: 2px solid #bdbdff;
}
 
#qRankList h3:before,#qRankBox h3:before{
    content: "□";
    font-size: 100%;
    position: absolute;
    color: #5252ff;
    top:0.4em;
    left: 0.3em;
    height: 12px;
    width: 12px;
}
 
#qRankList h3:after,#qRankBox h3:after{
    content: "□";
    font-size: 100%;
    position: absolute;
    color: #529fff;

    top: 0.7em;
    left: 0;
    height: 12px;
    width: 12px;
}
#qRankList ul,#qRankBox ul{
	list-style-type: none;
}
#qRankBox li.qTitle a{
	margin-bottom:2px;
	font-size:90%;
}
#qRankList li.qTitle a{
	margin-bottom:-52px;
	font-size:110%;
}
#qRankList li.qTitle p{
	font-size:90%;
	margin-top:5px;
	
}
li.qTitle{
	margin-bottom:7px;
	padding-top:5px;
	padding-bottom:5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ddd;
}
#qRankBox .more{
	text-align:right;
	font-size:80%;
	margin-top:10px;
}
#qRankList .kikan,#qRankBox .kikan{
	font-size:80%;
}

input.qSubBtn {
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
}
#conResult{
	background-color: #9C6;
	border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
	font-weight:bold;
	color:#FFF;
	padding:5px;
	margin-bottom:10px;
	margin-right:15px;
}
#qTxtBox{
	margin-top:10px;
	margin-bottom:10px;
}

/*********************************************************

			kifu_download_zip
			
*********************************************************/

@media all and (-ms-high-contrast:none) {  
*::-ms-backdrop, #dlBtn {  
	display:none;
}
}

#dlBtn {
	float:left;
}
#seachBtn{
	float:right;	
}
#kifu_loading {
  display: table;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background-color: #fff;
  opacity: 0.7 !important;
}
 
#kifu_loading .kifu_loadingMsg {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  padding-top: 140px;
  background: url("/kifu/images/loading.gif") center center no-repeat;
}
/*********************************************************

			kifu_search
			
*********************************************************/

#kifu_search_f fieldset {
	width: 60em;
	border: 0 none;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 20px;
	margin-left: 20px;
}
#kifu_search_f fieldset td{
	padding:0.2em;	
}

#kifu_search_f label {
  order: 1;

  text-align: right;
  padding-right: 1em;
  white-space: nowrap;
  user-select: none;
  cursor: pointer;
}

#kifu_search_f input{
  order: 2;
  flex: 1 1 auto;
  padding:5px;
  font-size: 1em;
  border: 0 none;
  border-radius: 2px;
}

#kifu_search_f input[type="submit"]{
	width:5em;
	border:1px solid #666;
	padding:1px;
	color:#333;
}
@media screen and (max-width:480px){
	#kifu_search_table{
		margin-bottom:2em;	
	}
	#kifu_search_table td{
		margin:0;
		padding:3px;
	}
	#topKifu_table form{
		display:inline;
	}
	.vrl{
		-ms-writing-mode: tb-rl;
	  writing-mode: vertical-rl;
	}
}
/*********************************************************

			placeholder(フォーム記入例)
			
*********************************************************/
::-webkit-input-placeholder {
  color: #ccc;
}
::-moz-placeholder {
  color: #ccc; opacity: 1;
}
:-ms-input-placeholder {
  color: #ccc;
}