@charset "UTF-8";

body{min-width: auto !important;text-rendering: optimizelegibility;-webkit-font-smoothing:antialiased;}
#an_headerIN, #testmodeIN,#footerIN{width: auto;}
#footerIN{max-width: 800px;}
.cf:after{display:block; clear:both; heigwin2017ht:0px; visibility:hidden; content:".";}

h3,h4{font-size:22px; margin-bottom:6px;}
/* nanoblock AWARD winner 2026
----------------pc------------------------------- */
.sp{display: none;}

#container{color:#181818; font-size:16px;}
#content{width: auto;}

#wrap{
	background: #fff; 
	background-image: url('./images/bg.png');
	background-position: top left;
	background-repeat: repeat;
}

.main{
	margin: 0 auto;
	padding:0;
	display: block;
	width: 100%;
}
.main_image{
	margin: 0 auto;
	padding:0;
	display: block;
	width: 100%;
	background-image: url(./images/main_pc.jpg);
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: top center;
}


.main_image img{display:block; margin:0 auto; width: 30%;}


#menu_list{ display: block;margin:40px auto auto; text-align: center; max-width: 940px; padding-bottom: 40px;}
#menu_list a{
	border: 1px solid #000;
	padding: 0;
	width: 23.0%;
	margin:auto .5% auto;
	box-shadow: 0 10px 20px rgba(0,0,0,0.09), 0 3px 13px rgba(0,0,0,0.1);
	display: inline-block;
}
.btn a:hover{border-color: #222; opacity: .8;}
.btn a img{
	margin:0 auto;
	padding:0;
	text-align: center;
	display: block;
	width: 100%;
}



.wrap{width:930px; margin:8.0vw auto 3.0vw auto; padding:0;}


/* 共通パーツ */
.cat-title{border:9px solid #181818; text-align:center; padding:1em 0; position:relative;margin: 8vw auto 5.2vw auto;}
.cat-title h2{font-weight:bold; font-size:32px; line-height:1; margin-bottom:8px;border:none;}
.cat-title p{font-size:14px; line-height:1.25; text-align: center;}
.cat-title h2 span{font-style:normal; font-size:14px;}

.u200 .cat-title{
	background-color: #fea000;
	color: #fff;
}
.nolimit .cat-title{
	background-color: #26aca1;
	color: #fff;
}
.theSeasons .cat-title{
	background-color: #0058a0;
	color: #fff;
}
.tatsujin .cat-title{
	background-color: #e3b845;
	color: #fff;
}



.u200 .category{
	border-bottom: 5px solid #fea000;
}
.nolimit .category{
	border-bottom: 5px solid #26aca1;
}
.theSeasons .category{
	border-bottom: 5px solid #0058a0;
}
.tatsujin .category_under200{
	border-bottom: 5px solid #e3b845;
}
.tatsujin .category_nolimit{
	border-bottom: 5px solid #000;
}



.row{display:table; width:100%; text-align: left; margin: 0 0 1em;}
.row p,
.row img,
.row a{display:table-cell; vertical-align: middle;}
.row img{border-radius: 50%;}
.row .user{width: 62%; font-size:14px;}
.box {width:730px; margin: 0 auto 80px auto; padding-top:80px;}
.bg-white {background:rgba(255,255,255,.8); margin-bottom:32px;}
.bg-white .box:last-child{padding-bottom:70px;}

/* photo */
.photo{position:relative; height:480px; margin-bottom:32px;}
.photo .rank{z-index:10; position:absolute; top:-58px; left:-58px; width: 200px;}
.photo div{background:#fff; position:relative; box-shadow: 0 10px 20px rgba(0,0,0,0.09), 0 3px 13px rgba(0,0,0,0.1);}
.photo .photo1{width:480px; height:480px; float:left;}
.photo .photo1-1{width:730px; height:480px; float:left;}
.photo .photo2,
.photo .photo3{width:230px; height:230px; float:right; margin-right: 0;}
.photo .photo2{margin-bottom:20px;}
.photo div img{max-width:90%; max-height:90%; width:auto; display:block; position:absolute; top:0; bottom:0; right:0; left:0; margin:auto;}
/*
.photo div img:hover,
.photo div img:active{ opacity:0.8;}
*/
.row img{width:50px;}
.info{padding:0 40px;}





/* Title */
.subtitle{margin:24px auto 0;}
.subtitle--tatsujin{
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255, 255, 255, 0)), color-stop(50%,#e9dbb6),color-stop(100%,rgba(255, 255, 255, 0)));
	background: -webkit-linear-gradient(left,  rgba(255, 255, 255, 0) 0%,#e9dbb6 50%,rgba(255, 255, 255, 0) 100%);
	background: linear-gradient(to right,  rgba(255, 255, 255, 0) 0%,#e9dbb6 50%,rgba(255, 255, 255, 0) 100%);
}
.subtitle--ippan{
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255, 255, 255, 0)), color-stop(50%,#dcdcdc),color-stop(100%,rgba(255, 255, 255, 0)));
	background: -webkit-linear-gradient(left,  rgba(255, 255, 255, 0) 0%,#dcdcdc 50%,rgba(255, 255, 255, 0) 100%);
	background: linear-gradient(to right,  rgba(255, 255, 255, 0) 0%,#dcdcdc 50%,rgba(255, 255, 255, 0) 100%);
}
.subtitleIn{margin:0 !important; text-align:center; padding:8px;}
.btn2{text-align:center;}
.btn2 a{border: 4px solid;display: inline-block;padding: 1em 2em;font-size: 16px;font-weight: bold;}
/* category */
.category,.category_nolimit, .category_under200{font-size:12px; padding:0.25em 0; text-align:center; width:28%; font-weight:bold;}



/* margin */
.mgn20{margin-bottom:20px;}
.mgn30{margin-bottom:30px;}
.mgn40{margin-bottom:40px;}
.tmgn20{margin-top:20px;}
.tmgn30{margin-top:30px;}
.tmgn40{margin-top:40px;}
.pad-l-30{padding-left:30px;}
.profile--2017 .box{padding-top:70px;}
.profile__box{width:720px; margin:0 auto; overflow:hidden; }
.profile__box .left{width:160px; float:left;}
.profile__box .left img{max-width:100%;}
.profile__box .right{width:100%; float:none;}
.profile__box h3{border-bottom:3px solid; font-size: 30px; margin-bottom: 20px;}
.profile__box p{font-size:15px; line-height:1.7; margin-bottom:28px;}
.profile--2017 .cat-title:before{width:0; height:0; display:none;}
.text-box{ font-size: 15px; line-height: 1.8; margin-bottom: 30px;}

#page-top {position: fixed;bottom: 20px;right: 20px;font-size: 77%;z-index: 20;}
#page-top a {background: #666;text-decoration: none;color: #fff;width: 100px;padding: 20px 0;text-align: center;display: block;border-radius: 5px;line-height: 1.7;}
.red-note{color:red;font-size: 12px;margin:-4vw 0 4vw 0;}

.special_prize{
	background-color: #a41111;
    border: 5px solid #f2c33b;
    font-size: 26px;
    color: #f2c33b;
    display: block;
    margin: auto auto 50px auto;
    padding: 10px 0;
    line-height: 1.4;
    font-weight: bold;
    text-align: center;
    width: 90%;
    max-width: 700px;
}

/*sp=====================================================*/

	
	

@media screen and (max-width:800px){
	.langLink{
		display: none;
	}
	#container{
		padding:0;
		width: auto;
	}
	img{max-width:100%;}
	#wrap{
		background-position: top center;
		background-repeat: repeat;
	}
	.wrap-top{
		width:100%; 
		margin:auto; 
		padding:6vw 0 3vw 0;
	}
	.wrap{
		width:96%; 
		margin:0 auto; 
		padding:0;
	}

	.main{
		margin: 0 auto;
		padding:0;
		display: block;
		width: 100%;
	}
	.main_image{
		background-image: none;
	}


	.main_image img{width: 100%;}

	/*
	.main{ 
		min-width: auto; 	
		margin:0 auto;
		padding:0;
		text-align: center; 
		width: auto;
		background-size: cover;
	}

	.main p.em {
    	margin: 3vw auto;
	    width: 80%;
	    max-width: none;
	    font-size: 4vw;
	    line-height: 1.6;
	    letter-spacing: 0;
	}

	.main p.em_en {
	    width: 80%;
	    max-width: none;
	    margin: 3vw auto;
	    text-align: center;
	    font-size: 4vw;
	}
	*/
	#menu_list {
	    display: block;
	    margin: 5vw auto auto;
	    text-align: center;
	    max-width: none;
	    padding-bottom: 5vw;
	}

	#menu_list a {
	    border: 1px solid #000;
	    padding: 0;
	    width: 90%;
	    margin: auto auto 2% auto;
	    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.09), 0 3px 13px rgba(0, 0, 0, 0.1);
	    display: block;
	}
	.cat-title h2 {
	    font-size: 8vw;
	}
	.cat-title p {
	    font-size: 2.8vw;
	    margin: auto 2%;
	}
	.box {
	    width: 90%;
	    margin: 0 auto 5vw auto;
	    padding-top: 10vw;
	}
	/* photo */
	.photo{position:relative; height: auto;}
	.photo div{background:#fff; position:relative; box-shadow: 0 10px 20px rgba(0,0,0,0.09), 0 3px 13px rgba(0,0,0,0.1);}
	.photo .photo1,.photo .photo1-1{float:left;}
	.photo .photo2,
	.photo .photo3{float:right;}
	.photo div img{max-width:90%; max-height:90%; display:block; position:absolute; top:0; bottom:0; right:0; left:0; margin:auto;}
	/*
	.photo div img:hover,
	.photo div img:active{ opacity:0.8;}
	*/
	.row img{width:auto;}
	.info{padding:0 2.5%;}
	.info pre{font-size:14px;}

	.photo .rank{width:40%; max-width:150px; z-index:10; position:absolute; top:-50px; left: -6%;}
	.photo div{background:#fff; position:relative; display:block;}
	.photo div::before{padding-top: 100%;display: block;content: "";}
	.info{display:inline-block;}

	/* 正方形リキッドレイアウト */
	.photo .photo1, .photo .photo1-1{
		width: 100%;
        margin-bottom: 5vw;
        height: 70vw;
	}
	.photo .photo2{
		width:48%; 
		float:left; 
		margin-bottom: 8vw;
        height: 40vw;
    }
	.photo .photo3{
		width:48%; 
		float:right; 
		margin-bottom: 8vw;
        height: 40vw;
	}
	.photo div img{max-width:90%;max-height:90%;position: absolute;top: 0;left: 0;bottom: 0;right: 0;margin:auto;}

	.row {
	    display: table;
	    width: 100%;
	    text-align: left;
	    margin: 0 auto 3vw auto;
	}
	.row .user {
	    width: 70%;
	    font-size: 3vw;
	    width: 50%;
	    padding-left: 3%;
	}
	.cat-title{
		display: block;
		margin:10vw auto;
	}
	.category,.category_nolimit, .category_under200 {
	    font-size: 3vw;
	    width: 42%;
	    border-bottom: 3px solid #000;
	}
	.text-box {
	    font-size: 3vw;
	    line-height: 1.4;
	    margin-bottom: 10vw;
	    color: #000;
	}

	.profile__box h3 {
	    border-bottom: 3px solid;
	    font-size: 6vw;
	}
	.profile__box p {
	    font-size: 3vw;
	}
	.special_prize{
		font-size: 6vw;
		padding: 3vw;
		width: 80%;
		line-height: 1.4;
	}
}

/*add 2019-03-11=====================================================*/
.headerLink{display: none}


@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 0.5}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 0.5}
}