@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@400;700&display=swap');

/* base
----------------------------------------------- */
html{font-size: 62.5%;/*1em:10px*/}

body{margin:0;
	padding:0;
	text-align:left;
	background:#cfdb00;
	font-family:"メイリオ","Mayryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Helvetica,Verdana,sans-serif;
	font-size: 1.6em;/*16px*/
	position: relative;
	-ms-text-size-adjust:100%;
	-webkit-text-size-adjust:100%;/*iPhone fix*/}


/* IE8 */
article,aside,canvas,details,figcaption,figure,
header,footer,main,menu,nav,section,summary{
	margin:0;
	padding:0;
	display:block;}

table{font-size:inherit;
	border-collapse:collapse;
	border-spacing:0;}

th{margin:0;
	padding:0;
	font-style:normal;
	font-weight:normal;
	text-align: left;}

img{border:0;
	line-height:1;
	vertical-align:bottom;
	-ms-interpolation-mode: bicubic !important;}

a:link img,
a:visited img,
a:active img,
a:hover img{outline:none;
	overflow:hidden;}
	
strong{font-weight:bold;}
h1,h2,h3,h4{font-weight:normal;}

*, *:before, *:after{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
	
ruby{ruby-align:distribute-space;
	ruby-overhang:none;
	ruby-position:above;
	line-height:1.2;}
	
.justify{text-align:justify;
	text-justify:inter-ideograph;}

::selection{background:#000; color:#fff;}
::-moz-selection{background:#000; color:#fff;}

/* clearfix
----------------------------------------------- */
.clear{clear:both;
	margin:0;
	font-size:0;}

.clearfix:before,
.clearfix:after{content:""; display:table;}
.clearfix:after{clear:both;}
.clearfix{zoom:1;}

/* content
----------------------------------------------- */
#content{width:100%;
	margin:0;
	padding:0;
	overflow: hidden;}
	
section{width:100%;
	margin:0;
	padding:0;
	position: relative;}

.main{width:980px;
	margin:0 auto;
	padding:0;
	text-align:left;}

.mainranking{width:98%;
	margin:1% auto 0;
	padding:0;
	text-align:left;}

.mainL{width:47.5%;
	margin:0;
	padding:0;
	float:left;}
	
.mainR{width:47.5%;
	margin:0;
	padding:0;
	float:right;}

.mainFPL{width:47.5%;
	margin:0;
	padding:0;
	float:left;}
	
.mainFPR{width:47.5%;
	margin:0;
	padding:0;
	float:right;}

.mainPC{width:25%;
	margin:0;
	padding:1em;
	text-align: center;
	float:left;}

#footer{width:100%;
	margin:0;
	padding:1.25em;
	text-align:center;
	background:#000;}

/* footer
----------------------------------------------- */
#footer small{margin:0;
	font-size:77%;
	color:#fff;
	letter-spacing:0.06em;
	line-height:1.2;}

/* nav
----------------------------------------------- */
#nav{width: 100%;
background: #000;}

#nav ul{margin:0;
	padding: 0;
	text-align: center;
	font-size: 100%;
	line-height:1;
	letter-spacing:0.025em;
	vertical-align: middle;
	list-style:none;}
	
#nav li{margin:0;
	padding:0;
	/*width: 16.66%;*/
	/*border-left: rgba(255,255,255,1) 2px dotted;*/
	display:inline-block;
	position: relative;}
	
#nav li a{padding:30px 0;
	display: block;}
	
#nav li.navvote{width: 50%;}
#nav li.navranking{width: 50%;}


/*#nav li.navspecial{width: 12%;}*/

#nav a:link{color: #cfdb00; text-decoration:none; transition: background .75s;}
#nav a:visited{color: #cfdb00;}
#nav a:active, #nav a:hover{color: #000; background: #fff;}

#nav li.pl a{position: relative; text-decoration:underline; color: #000; background: #fff;}
#nav li.pl a:active, #nav li.pl a:hover{text-decoration:none;}

.urw{display: inline-block;
	vertical-align: middle;
	position: relative;}

.urw::before{content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 3px;
	background: #cfdb00;
	z-index: 1;
	-webkit-transform: scale(1, 0);
	transform: scale(1, 0);
	transform-origin: left top;
	transition: transform 0.75s;}

.urw:hover::before{-webkit-transform: scale(1, 1);
	transform: scale(1, 1);
	transform-origin: left top;}	

/* page header
----------------------------------------------- */
#phbg{width:100%;
	/*height:30vw;*/
	text-align: center;
	position:relative;}
	
.phbg01{background:#fff url(image/phbg01.jpg) 50% 50% no-repeat; background-size: cover;}


/* outline
----------------------------------------------- */
.ta_outline{width:100%;
	margin:0;
	border-collapse:separate;
	border-spacing:0;}

.td_outlineL{width:24%;
	padding:1.25em;
	vertical-align:middle;
	border-top:#ccc 1px solid;
	white-space:nowrap;
	text-align:center;}

.td_outlineR{padding:1.25em;
	vertical-align:middle;
	border-top:#ccc 1px dotted;}
	
.td_outlineLD{border-bottom:#ccc 1px solid;}
.td_outlineRD{border-bottom:#ccc 1px dotted;}
.td_outlineLU{padding-top:0; border-top:none;}
.td_outlineRU{padding-top:0; border-top:none;}


.formbtn{margin: 1em 0;}
.venue{margin: 1em 0; padding: 1em; background: #601886; text-align: center; border-radius: 0.5em; position: relative;}
.venue p{color: #fff; line-height:1;}

/* post
----------------------------------------------- */
.ta_post{width:auto;
	margin:0 auto;
	border-collapse:separate;
	border-spacing:0;}

input{width: 100%;
    margin-bottom: 0.25em;
	padding: 0.5em;
	border:#ccc 1px solid;}
	
textarea{width: 100%;
	max-width: 100%;
	padding: 0.5em;
    margin-bottom: 0.25em;
	border:#ccc 1px solid;}

select{width: 100%;
	max-width: 25%;
	padding: 0.5em;
    margin-bottom: 0.25em;
	border:#ccc 1px solid;}

input[type="checkbox"]{
	margin:0 0.1em 2px 0;
	border:#ccc 2px solid;
	border-radius: 5px;
	width: 20px;
	height: 20px;
	background: #fff;
	vertical-align:middle;}

input.submitbutton{padding:1em;
	font-size:100%;
	cursor:pointer;}
	
input.list{max-width: 100%;}

input[type="radio"]{margin:1em auto;
	border:#ccc 2px solid;
	border-radius: 5px;
	width: 20px;
	height: 20px;
	background: #fff;
	display: block;
	vertical-align:middle;}

.displaynon{display:none;}

/* p,h,ul
----------------------------------------------- */
p{margin:0;
	padding:0;
	font-size:100%;/*16px*/
	color:#333;
	letter-spacing:0.05em;
	line-height:1.65;}

.fxxxs{font-size:63%;}/*10px*/
.fxxs{font-size:69%;}/*11px*/
.fxs{font-size:82%;}/*13px*/
.fs{font-size:88%;}/*14px*/
.fl{font-size:113%;}/*18px*/
.fxl{font-size:125%;}/*20px*/

.alignL{text-align:left;}
.alignC{text-align:center;}
.alignR{text-align:right;}

.red{color:#990000;}
.blue{color:#00008B;}
.green{color:#006400;}

.mincho{font-weight: bold;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Noto Serif JP", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}

.s2{text-decoration: line-through;
	position: relative;}

.wsnr span{white-space:nowrap;
	display:inline-block;}

h1{margin:0 0 1.2em;
	padding:0 0 0.35em 0;
	font-size:188%;/*24px*/
	line-height:1.4;
	color:#000;
	border-bottom: #000 1px solid;
	font-weight: bold;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","Noto Serif JP",  "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	text-align: center;
	position: relative;}

.h1s::after{bottom: -24px;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: #000;
	border-top:#000 12px solid;
	border-bottom:transparent 12px solid;
	border-left:transparent 12px solid;
	border-right:transparent 12px solid;
	margin-left: -12px;
	z-index:-1;}

h2{margin:0 0 1em 0;
	padding:0;
	font-size:120%;
	color:#333;}
	
h3{margin:0 0 0.25em 0;
	font-size:100%;
	line-height:1.25;}

.h3w{margin:1em 0;
	padding:0.5em 0.75em;
	border-left: #000 1px solid; 
	text-align: left;
	font-weight: bold;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Noto Serif JP", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	line-height:1.65;
	word-wrap:break-word;
	position:relative;}

.h3ws{font-size:80%;
	margin-bottom: 0.5em;
	padding: 0.5em;
	line-height:1.2;
	color: #fff;
	background: #000;
	display: inline-block;}

.h3wrv{margin:0;
	padding:0.5em 1em 0.35em 0.5em;
	border-bottom: #000 1px dotted;
	width: 99%;
	text-align: left;
	font-weight: bold;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Noto Serif JP", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	line-height:1.4;
	font-size:0.75vw;
	vertical-align: middle;
	word-wrap:break-word;
	position:relative;}

.h3wr{margin:0;
	padding:0.5em 1em 0.35em 0.5em;
	border-bottom: #000 1px dotted;
	text-align: left;
	font-weight: bold;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Noto Serif JP", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	line-height:1.4;
	font-size: 82%;
	vertical-align: middle;
	word-wrap:break-word;
	position:relative;}

.ranknumber{color: #fff;
	font-size:100%;
	line-height:1;
	left:0;
	bottom:0;
	font-weight: bold;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Noto Serif JP", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	position:absolute;}

.ranknumber span{padding: 0.7em 1em; background: #000; display: block;}

.ranknumberS{font-size:75%;}

.ranknumberv{color: #fff;
	font-size:1vw;
	line-height:1;
	left:0;
	bottom:0;
	font-weight: bold;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Noto Serif JP", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	position:absolute;}

.ranknumberv span{padding: 0.7em 1em; background: #000; display: block;}

.ranknumberSv{font-size:0.75vw;}

.votes{padding: 0.5em 1em 1.5em 1em;
	font-size: 10px;
	line-height:1.2;
	word-wrap:break-word;}


.info{padding:1em 1.5em;
	background: #000;
	text-align: center;}

.info p{color: #fff;
	font-size:120%;}

.ranking{text-align: center;
	font-size:12px;
	margin-bottom: 0.5em;
	padding: 1em;
	line-height:1;
	border: #000 1px solid;}

hr{margin:2em 0;
	padding:0;
	width:100%;
	height:3px;
	color:#000;
	background:#000;
	border:none;
	clear:both;}
	
.hrdot{border-top:#000 dotted 1px;
	background:transparent;}
	
.main ul{margin:0;
	padding-left:2em;
	color: #333;}

ul.kome{margin:0;
	padding-left:1em;
	line-height:1.55;
	list-style:none;
	list-style-image:none;}
	
.kome li{text-indent:-1em;}

br.brtb{display:none;}
br.brsp{display:none;}

/* list
----------------------------------------------- */
#pclist{margin:0 0 1em 0;
	padding:0;}

#pclist ul{margin:0;
	padding:0;
	text-align: left;
	list-style:none;}

#pclist li{margin:0;
	padding:2em 1.5%;
	width: 33.33%;
	vertical-align: top;
	display:inline-block;
	position: relative;}

/* ranking
----------------------------------------------- */
#pcranking{margin:0;
	padding:0;}

#pcranking ul{margin:0;
	padding:0;
	text-align: left;
	list-style:none;}

#pcranking li{margin:0;
	padding:0 0.2% 1em;
	width: 25%;
	vertical-align: top;
	display:inline-block;
	position: relative;}

#pcranking li:nth-child(n + 9){width: 16.66%;}

/* ranking_venue
----------------------------------------------- */

#pcranking_venue{margin:0;
	padding:0;}

#pcranking_venue ul{margin:0;
	padding:0;
	text-align: left;
	list-style:none;}

#pcranking_venue li{margin:0;
	padding:0;
	width: 20%;
	vertical-align: top;
	display:inline-block;
	position: relative;}

#pcranking_venue li:nth-child(n + 11){width: 10%;}

/* img
----------------------------------------------- */
#phbg img,.main img{
	max-width: 100%;
	height: auto;}

.imgS_1{padding-top:100%; background: url("image_S/S_image_1th.jpg") 50% 50% no-repeat; background-size:cover; position:relative;}
.imgS_2{padding-top:100%; background: url("image_S/S_image_2.jpg") 91% 50% no-repeat; background-size:cover; position:relative;}
.imgS_3{padding-top:100%; background: url("image_S/S_image_3.jpg") 0 50% no-repeat; background-size:cover; position:relative;}
.imgS_4{padding-top:100%; background: url("image_S/S_image_4.jpg") 50% 50% no-repeat; background-size:cover; position:relative;}
.imgS_5{padding-top:100%; background: url("image_S/S_image_5.jpg") 50% 50% no-repeat; background-size:cover; position:relative;}
.imgS_6{padding-top:100%; background: url("image_S/S_image_6.jpg") 50% 50% no-repeat; background-size:cover; position:relative;}
.imgS_7{padding-top:100%; background: url("image_S/S_image_7.jpg") 0 50% no-repeat; background-size:cover; position:relative;}
.imgS_8{padding-top:100%; background: url("image_S/S_image_8.jpg") 50% 80% no-repeat; background-size:cover; position:relative;}
.imgS_9{padding-top:100%; background: url("image_S/S_image_9.jpg") 50% 60% no-repeat; background-size:cover; position:relative;}
.imgS_10{padding-top:100%; background: url("image_S/S_image_10.jpg") 50% 50% no-repeat; background-size:cover; position:relative;}
.imgS_11{padding-top:100%; background: url("image_S/S_image_11.jpg") 50% 29% no-repeat; background-size:cover; position:relative;}
.imgS_12{padding-top:100%; background: url("image_S/S_image_12.jpg") 50% 0 no-repeat; background-size:cover; position:relative;}
.imgS_13{padding-top:100%; background: url("image_S/S_image_13.jpg") 50% 50% no-repeat; background-size:cover; position:relative;}
.imgS_14{padding-top:100%; background: url("image_S/S_image_14.jpg") 50% 50% no-repeat; background-size:cover; position:relative;}
.imgS_15{padding-top:100%; background: url("image_S/S_image_15.jpg") 50% 75% no-repeat; background-size:cover; position:relative;}
.imgS_16{padding-top:100%; background: url("image_S/S_image_16.jpg") 50% 50% no-repeat; background-size:cover; position:relative;}
.imgS_17{padding-top:100%; background: url("image_S/S_image_17.jpg") 50% 50% no-repeat; background-size:cover; position:relative;}
.imgS_18{padding-top:100%; background: url("image_S/S_image_18.jpg") 50% 50% no-repeat; background-size:cover; position:relative;}
.imgS_19{padding-top:100%; background: url("image_S/S_image_19.jpg") 50% 0 no-repeat; background-size:cover; position:relative;}
.imgS_20{padding-top:100%; background: url("image_S/S_image_20.jpg") 50% 50% no-repeat; background-size:cover; position:relative;}

.imgR_1{padding-top:75%; background: url("image_S/S_image_1th.jpg") 50% 100% no-repeat; background-size:cover; position:relative;}
.imgR_2{padding-top:75%; background: url("image_S/S_image_2.jpg") 95% 50% no-repeat; background-size:cover; position:relative;}
.imgR_3{padding-top:75%; background: url("image_S/S_image_3.jpg") 0 50% no-repeat; background-size:cover; position:relative;}
.imgR_4{padding-top:75%; background: url("image_S/S_image_4.jpg") 50% 50% no-repeat; background-size:cover; position:relative;}
.imgR_5{padding-top:75%; background: url("image_S/S_image_5.jpg") 50% 50% no-repeat; background-size:cover; position:relative;}
.imgR_6{padding-top:75%; background: url("image_S/S_image_6.jpg") 50% 50% no-repeat; background-size:cover; position:relative;}
.imgR_7{padding-top:75%; background: url("image_S/S_image_7.jpg") 0 50% no-repeat; background-size:cover; position:relative;}
.imgR_8{padding-top:75%; background: url("image_S/S_image_8.jpg") 50% 55% no-repeat; background-size:cover; position:relative;}
.imgR_9{padding-top:75%; background: url("image_S/S_image_9.jpg") 50% 50% no-repeat; background-size:cover; position:relative;}
.imgR_10{padding-top:75%; background: url("image_S/S_image_10.jpg") 50% 50% no-repeat; background-size:cover; position:relative;}
.imgR_11{padding-top:75%; background: url("image_S/S_image_11.jpg") 50% 22% no-repeat; background-size:cover; position:relative;}
.imgR_12{padding-top:75%; background: url("image_S/S_image_12.jpg") 50% 0 no-repeat; background-size:cover; position:relative;}
.imgR_13{padding-top:75%; background: url("image_S/S_image_13.jpg") 50% 50% no-repeat; background-size:cover; position:relative;}
.imgR_14{padding-top:75%; background: url("image_S/S_image_14.jpg") 50% 35% no-repeat; background-size:cover; position:relative;}
.imgR_15{padding-top:75%; background: url("image_S/S_image_15.jpg") 50% 75% no-repeat; background-size:cover; position:relative;}
.imgR_16{padding-top:75%; background: url("image_S/S_image_16.jpg") 50% 50% no-repeat; background-size:cover; position:relative;}
.imgR_17{padding-top:75%; background: url("image_S/S_image_17.jpg") 50% 50% no-repeat; background-size:cover; position:relative;}
.imgR_18{padding-top:75%; background: url("image_S/S_image_18.jpg") 50% 50% no-repeat; background-size:cover; position:relative;}
.imgR_19{padding-top:75%; background: url("image_S/S_image_19.jpg") 50% 0 no-repeat; background-size:cover; position:relative;}
.imgR_20{padding-top:75%; background: url("image_S/S_image_20.jpg") 50% 50% no-repeat; background-size:cover; position:relative;}

.img_1{padding-top:45.3%; background: url("image_S/S_image_1.jpg") 50% 50% no-repeat; background-size:contain;}
.img_2{padding-top:21.15%; background: url("image_S/S_image_2.jpg") 50% 50% no-repeat; background-size:contain;}
.img_3{padding-top:97.95%; background: url("image_S/S_image_3.jpg") 50% 50% no-repeat; background-size:contain;}
.img_4{padding-top:68.97%; background: url("image_S/S_image_4.jpg") 50% 50% no-repeat; background-size:contain;}
.img_5{padding-top:43.87%; background: url("image_S/S_image_5.jpg") 50% 50% no-repeat; background-size:contain;}
.img_6{padding-top:54.89%; background: url("image_S/S_image_6.jpg") 50% 50% no-repeat; background-size:contain;}
.img_7{padding-top:37.24%; background: url("image_S/S_image_7.jpg") 50% 50% no-repeat; background-size:contain;}
.img_8{padding-top:151%; background: url("image_S/S_image_8.jpg") 50% 50% no-repeat; background-size:contain;}
.img_9{padding-top:150.76%; background: url("image_S/S_image_9.jpg") 50% 50% no-repeat; background-size:contain;}
.img_10{padding-top:66.73%; background: url("image_S/S_image_10.jpg") 50% 50% no-repeat; background-size:contain;}
.img_11{padding-top:205.02%; background: url("image_S/S_image_11.jpg") 50% 50% no-repeat; background-size:contain;}
.img_12{padding-top:200.81%; background: url("image_S/S_image_12.jpg") 50% 50% no-repeat; background-size:contain;}
.img_13{padding-top:149.61%; background: url("image_S/S_image_13.jpg") 50% 50% no-repeat; background-size:contain;}
.img_14{padding-top:150.07%; background: url("image_S/S_image_14.jpg") 50% 50% no-repeat; background-size:contain;}
.img_15{padding-top:133.33%; background: url("image_S/S_image_15.jpg") 50% 50% no-repeat; background-size:contain;}
.img_16{padding-top:90%; background: url("image_S/S_image_16.jpg") 50% 50% no-repeat; background-size:contain;}
.img_17{padding-top:64.18%; background: url("image_S/S_image_17.jpg") 50% 50% no-repeat; background-size:contain;}
.img_18{padding-top:154.3%; background: url("image_S/S_image_18.jpg") 50% 50% no-repeat; background-size:contain;}
.img_19{padding-top:133.51%; background: url("image_S/S_image_19.jpg") 50% 50% no-repeat; background-size:contain;}
.img_20{padding-top:125%; background: url("image_S/S_image_20.jpg") 50% 50% no-repeat; background-size:contain;}


.mw_1{max-width:980px; margin:2em auto 1em;}
.mw_2{max-width:980px; margin:2em auto 1em;}
.mw_3{max-width:980px; margin:2em auto 1em;}
.mw_4{max-width:980px; margin:2em auto 1em;}
.mw_5{max-width:980px; margin:2em auto 1em;}
.mw_6{max-width:980px; margin:2em auto 1em;}
.mw_7{max-width:980px; margin:2em auto 1em;}
.mw_8{max-width:397px; margin:2em auto 1em;}
.mw_9{max-width:397px; margin:2em auto 1em;}
.mw_10{max-width:980px; margin:2em auto 1em;}
.mw_11{max-width:292px; margin:2em auto 1em;}
.mw_12{max-width:298px; margin:2em auto 1em;}
.mw_13{max-width:401px; margin:2em auto 1em;}
.mw_14{max-width:399px; margin:2em auto 1em;}
.mw_15{max-width:450px; margin:2em auto 1em;}
.mw_16{max-width:980px; margin:2em auto 1em;}
.mw_17{max-width:980px; margin:2em auto 1em;}
.mw_18{max-width:388px; margin:2em auto 1em;}
.mw_19{max-width:449px; margin:2em auto 1em;}
.mw_20{max-width:480px; margin:2em auto 1em;}

/* margin padding
----------------------------------------------- */
.mgt05{margin-top:0.5em;}
.mgt1{margin-top:1em;}
.mgt2{margin-top:2em;}
.mgt3{margin-top:3em;}
.mgt4{margin-top:4em;}

.mgb1{margin-bottom:1em;}
.mgb2{margin-bottom:2em;}
.mgb3{margin-bottom:3em;}

.mg1{margin-top:1em; margin-bottom:1em;}

.mgtb1{margin:1em 0;}
.mgtb2{margin:2em 0;}

.pd1{padding:1em 0;}
.pd2{padding:2em 0;}
.pd3{padding:3em 0;}
.pd4{padding:4em 0;}

/* span
----------------------------------------------- */	
#title span,#nav span{
	/*\*/
	position:absolute;
	/**/
	text-indent:-10000px;
	width:0;
	height:0;
	display:none;
	left:0;
	top:0;}

/* link
----------------------------------------------- */
a{transition: color 0.6s;}
a:link{color:#00a496; text-decoration:underline;}
a:visited{color:#00a496; text-decoration:underline;}
a:active{color:#c9aa82; text-decoration:none;}
a:hover{color:#c9aa82; text-decoration:none;}

/* button
----------------------------------------------- */
.btn{margin:0;
	padding:1.5em 54px 1.5em 1em;
	max-width: 100%;
	/*border: #ccc 1px solid;*/
	border-radius: 10px;
	background: #000;
	font-size: 16px;
	line-height:1;
	text-align:left;
	text-decoration:none;
	display:block;
	position: relative;}

a.btn {color:#fff; text-decoration:none;}
a:link.btn {text-decoration:none;}
a:visited.btn {text-decoration:none;}
a:active.btn {text-decoration:none;}
a:hover.btn {color:#cfdb00; text-decoration:none;}

.btn::before{top: 50%;
	right: 26px;
	width: 30px;
	height: 30px;
	content: "";
	margin-top: -15px;
	/*border-right:#fff 2px solid;
	border-bottom:#fff 2px solid;*/
	z-index: 2;
	background: url(image/dl.png) 0 0 no-repeat; background-size: cover;
	/*box-sizing: border-box;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);*/
	position: absolute;}

/*.btn::after{top: 50%;
	right: 14px;
	width: 30px;
	height: 30px;
	content: "";
	margin-top: -15px;
	border-radius: 2em;
	z-index: 1;
	background: #bca474;
	position: absolute;}*/

/*a:active.btn::before,
a:hover.btn::before{border-color:#fff;}*/


/* media queries
----------------------------------------------- */
br.brtb{display:none;}
br.brsp{display:none;}
br.brmb{display:none;}

.spdisplay{display:none;}

@media only screen and (max-width:980px){
	.pcdisplay{display:none;}
	.tbmbdisplay{display:block;}
	
	br.brpc{display:none;}
	br.brtb{display:block;}
	
	.main{width:90%;}

	br.brpcsp{display:none;}
	br.brmb{display:block;}
    
	.ta_outline td{padding: 0.5em;}
	
	.ta_outline td{display:block; width:100%; border:none; padding:0.5em 1em;}
	td.td_outlineL{margin-top: 1em; border-left:#00a496 3px solid;text-align: left;}
	td.td_outlineR{padding:1em 1em; border-bottom:#ccc 1px dotted;}
	
	.btn{max-width: 100%;}

    input,textarea,select{font-size:16px;}
	input{max-width: 50%;}
	textarea{max-width: 100%;}
	select{max-width: 50%;}
	input.add2{max-width: 75%;}
	input.submitbutton{width: 100%;
	max-width: 100%;}

	#pclist li{width: 50%;}

	.mainL{width:100%;
	margin-bottom:3em;
	float:none;}
	
	.mainR{width:100%;
	float:none;}

	#pcranking li{width: 50%; padding-left:1%; padding-right:1%;}
	#pcranking li:nth-child(n + 9){width: 25%; padding-left:1%; padding-right:1%;}

}

@media only screen and (max-width:479px){
	.pctbdisplay{display:none;}
	.spdisplay{display:block;}
	
	br.brsp{display:block;}

	#pcranking li{width: 100%;}
	#pcranking li:nth-child(n + 9){width: 50%; padding-left:1%; padding-right:1%; }

}