@charset "UTF-8";

.guide_2026{
	line-height: 1.6;
	font-size: 100%;
}
.guide_vs{
	display: table;
	max-width: 900px;
	margin:0 auto;
	padding:5vh 0 0 0;
	text-align: center;
}
.guide_vs h1{
	margin-bottom: 5vh;
}
.guide_vs h1 img{
	max-width: 400px;
	width: 100%;
	margin:0 auto;
	text-align: center;
}
.guide_vs h2{
	background-color: #000;
	color: #fff;
	font-weight: bold;
	padding:0.8vh 0;
	margin-bottom: 1vh;
	font-size: 180%;
}
.guide_vs h2 span{
	font-size: 60%;
}
.guide_vs .content_vs{}
.guide_vs .content_vs img{
	width: 100%;
	margin:0 auto;
}


/* Award 2022 guide page
----------------------------------------------- */
/* common */
.guide_2026 span.font_s{font-size:80%;}
.guide_2026 br.br_sp{display:none;}
.guide_2026 a{color: #666; text-decoration: underline;}
/* wrap */
.guide_2026{background:url('./images/bg.png') top left repeat #fff; font-size:14px; line-height:1.6;}
.guide_2026_en{font-size:12px; line-height:1.5;}
.guide_2026_en .lbox--red .in br{ display: block !important; }
.guide_2026 #guide_top #box_wrap02{margin-top:40px; padding-top:0; padding-bottom:0; background:rgba(255, 255, 255, 0.9)}


.guide_2026 #guide_top h2 span.font_s{font-size:70%; padding:0 0 0 10px;}
.guide_2026 #guide_top .box_table{display:table; width:100%;}
.guide_2026 .grid{ display:block; box-sizing:border-box; }
.guide_2026 .grid_cell{  display: table; margin:auto; text-align: center;width: 100%;}
.guide_2026 .lbox{ color:white;display: inline-table; width: 49.9%; margin:auto;padding:0; vertical-align: top; float: left;}
.guide_2026 .lbox a{position: absolute;margin: -74px auto 0 30px;text-align: center;width: 300px;height: 40px;padding: 0;display: block;text-indent: -999999px; background-color: red;}
.guide_2026 .lbox img{width: 100%; margin:auto; text-align: center; padding:0; display: block;}
.guide_2026 .lbox:nth-of-type(1) img,
.guide_2026 .lbox:nth-of-type(3) img{ width: 99%; margin-right: 1%; margin-top: 5px; margin-bottom: 5px;}
.guide_2026 .lbox:nth-of-type(2) img,
.guide_2026 .lbox:nth-of-type(4) img{ width: 99%; margin-left: 1%; margin-top: 5px; margin-bottom: 5px;}
.guide_2026 .bumon_nanoplus_note{margin:4px auto 8px;}




.division-title{ margin: 60px auto 5px auto; display: block; width: 100%;}
.division-title img{ width: 100%;padding: 0; display: block;}


/*mobile=======================*/
@media screen and (max-width:767px) {
	.division-title{ margin: 10px auto 15px auto; display: block; width: 100%;}
	.division-title img{ width: 100%;padding: 0; display: block;}
}









.pc_br{ display: block; }

.guide_information{
	display: block;
	width: 100%;
	max-width: 890px;
	margin:5vh auto;
	padding:20px 0 30px 0;
	background-color: #fff;
	border:_1px solid #ccc;
}

.guide_information ul{
	display: block;
	width: 100%;
	vertical-align: top;
	padding:0;
}

.guide_information ul:nth-of-type(2n){background:_#f9f9f9;}
.guide_information ul:last-child li, .guide_information ul:last-child li{border:none;}
.guide_information li{
	display: block;
	margin:0 auto;
	padding:0;
}
.guide_information .information_title{
	padding:0; 
	white-space:nowrap; 
	line-height:1.2; 
	vertical-align:top; 
	word-break: all;
}
.guide_information .information_title h3{
	font-size: 24px; 
	line-height: 1.8;
	margin: 10px auto 30px auto;
	text-align: left;  
	padding:30px 0 10px 30px;
	color: #000;
	border-bottom: 3px solid #000;
	white-space: pre-wrap;      /* cho xuống dòng khi dài */
	word-wrap: break-word;      /* xuống dòng theo từ */
	overflow-wrap: break-word;
}

.guide_information .information_content{
	vertical-align:middle; font-weight:normal; 
	font-size: 16px; line-height: 1.8; 
	padding:0 30px;
}
.guide_information .information_content p{
	margin: auto auto 30px auto;
}
.guide_information .information_content span{
	font-size: 80%;
}
.guide_information .information_content strong{
	font-weight: bold;
}
.guide_information .information_content img{
	max-width: 400px;
	width: 90%;
	margin: 20px 0;
	display: block;
	text-align: left;
}
.guide_information .information_content a{
	text-decoration: underline;
}
.guide_information .information_content .ttl{
	font-weight: bold;
	text-decoration: underline;
}
.guide_information h4{
	font-size: 1.6pc;
	font-weight: bold;
	line-height: 1.6;
}
.guide_information h4 p{
    font-size: 50%;
    font-weight: normal;
    margin-bottom: 20px;
}
.guide_information h4 em{
	font-size: 60%;
	font-style: normal;
}
.guide_information h4 span{
	font-size: 50%;
	font-weight: normal;
	display: block;
	margin-top: 12px;
}
.guide_information .info-time{
	display: flex;
	margin-top: 15px;
	width: 100%;
	vertical-align: middle;
    line-height: 1.3;
}
.guide_information .info-time .like-box{
    color: #000;
    background-color: #fff;
    padding: 4px 10px 3px 10px;
    margin-right: 10px;
    font-size: 70%;
    font-family: Helvetica,Arial,Verdana,sans-serif;
    border: 1px solid #000;
}
.guide_information .info-time .time-second{
	font-weight: bold;
	font-size: 130%;
    font-family: Helvetica,Arial,Verdana,sans-serif;
}
.guide_information .info-time .time-second em{
	font-style: normal;
	font-size: 50%;
	margin-left: 5px;
	margin-right: 5px;
}
.img-large{
	display: block;
	margin:auto auto 10px auto;
}
.text-note{
	margin-top: 10px;
}
h5.ippan{
	background-image: linear-gradient(-90deg, #EDEDED, #e6e6e6);
}
h5.tatsujin{
	background-image: linear-gradient(-90deg, #fff8e1,#f7e8c1);
}
h5{
	font-size: 130%;
	padding:3px 10px;
	margin-bottom: 10px;
}
h5 span{
	font-size: 70%;
	font-weight: normal;
}

.m_b30{
	margin-bottom: 20px;
}

.guide_information .icon{
    margin-top: 20px;
}
.guide_information .icon span {
    color: #fff;
    display: block;
    font-size: 16px;
    padding: 1.5em 0;
    line-height: 1;
    margin-bottom: 20px;
    position: relative;
    width: 240px;
    text-align: center;
}
.guide_information .icon span::after {
    content: "";
    border: 10px solid transparent;
    border-top: 10px solid #888;
    position: absolute;
    bottom: -20px;
    left: 11%;
}
.guide_information .icon span {
    width: 400px;
}

.guide_information .under200 .icon span {
    background: #ffa000;
}
.guide_information .under200 .icon span::after {
    border-top-color: #ffa000;
}

.guide_information .nolimit .icon span {
    background: #27aca1;
}
.guide_information .nolimit .icon span::after {
    border-top-color: #27aca1;
}

.guide_information .theseason .icon span {
    background: #0058a0;
}
.guide_information .theseason .icon span::after {
    border-top-color: #0058a0;
}

.guide_information .tatsujin .icon span {
    background: #e3b844;
}
.guide_information .tatsujin .icon span::after {
    border-top-color: #e3b844;
}




.text-note{
	font-size: 80%;
    color: #333;
    margin: 10px auto 10px 0;
    display: table;
}

.list_prize_title1{
    font-weight: bold;
    font-size: 1.2em;
    background-image: url(./../images/rank01.png);
    background-size: 30px;
    background-repeat: no-repeat;
    background-position: right;
    border-bottom: 2px solid #bc8b34;
    text-indent: 0;
    margin-bottom: 10px;
    color: #bc8b34;
}
.list_prize_title2{
    font-weight: bold;
    font-size: 1.2em;
    background-image: url(./../images/rank02.png);
    background-size: 30px;
    background-repeat: no-repeat;
    background-position: right;
    border-bottom: 2px solid #777;
    text-indent: 0;
    margin-bottom: 10px;
    margin-top: 20px;
    color: #777;
}
.list_prize_title3{
    font-weight: bold;
    font-size: 1.2em;
    background-image: url(./../images/rank03.png);
    background-size: 30px;
    background-repeat: no-repeat;
    background-position: right;
    border-bottom: 2px solid #814019;
    text-indent: 0;
    margin-bottom: 10px;
    margin-top: 20px;
    color: #814019;
}
.list_prize1,.list_prize2,.list_prize3{
	background-image:url('../images/bg.png');
	background-size: 40px;
	background-position: top center;
	background-repeat: repeat;
	font-weight: bold;
    background-color: #fff;
    display: block;
    padding: 20px;
}
.list_prize1{
    color: #bc8b34;
    border: 1px solid #bc8b34;
}
.list_prize2{
    color: #777;
    border: 1px solid #777;
}
.list_prize3{
    color: #814019;
    border: 1px solid #814019;
}

.rank-box{
	display: block;
	margin:30px auto auto auto;
}
.guide_information .rank {
    float: left;
    margin: 0 10px 0 0;
}
.guide_information h6{
	font-size: 110%;
	line-height: 1.6
	margin-top: 25px;
}
.guide_information pre{
	display: block;
	white-space: pre;           /* CSS 2.0 */
	white-space: pre-wrap;      /* CSS 2.1 */
	white-space: pre-line;      /* CSS 3.0 */
	white-space: -pre-wrap;     /* Opera 4-6 */
	white-space: -o-pre-wrap;   /* Opera 7 */
	white-space: -moz-pre-wrap; /* Mozilla */
	white-space: -hp-pre-wrap;  /* HP Printers */
	word-wrap: break-word;      /* IE 5+ */
	margin-left: 35px;
	margin-top: 10px;
    margin-bottom: 30px;
}


.entry_post_box{}
.entry_post_box p{
    display: block;
    margin-bottom: 15px;

}
.entry_post_box span{
    font-size: 80%;
    display: block;
    color: #333;
}

.prize_note_box{
    border: 1px solid #898989;
    margin-bottom: 15px;
}
.prize_note_box_title{
    color: #fff;
    background: #898989;
    line-height: 1;
    padding: 8px 20px;
    margin:auto;
    text-align: center;
}
.prize_note_box_content_1{
    display: block;
    padding:20px 20px 20px 20px;
    font-size: 80%;
}
.prize_note_box_content_2{
    padding:0 20px 20px 20px;
    font-size: 80%;
}
.guide_information td p span.maru{
    display: inline-table;
    font-size: 200%;
    font-weight: bold;
    line-height: .8;
    float: left;
}
.list_entry_sub{
	display: flex;
	margin: auto;
	width: 100%;
	margin-bottom: 10px;
}
.list_entry_sub span{
	display: inline;
	text-align: left;
}
.list_entry_sub em{
	display: inline-flex;
	margin-right: 10px;
	font-style: normal;
}

.txt_small{
  font-size: 70%;
  vertical-align: 3px;
  display: inline-table;
  font-style: normal;
}

/*mobile*/

@media screen and (max-width:767px) {
    #container{
        padding:0;
    }
    .guide_vs h1 img {
        max-width: none;
        width: 70%;
        margin: 2vh auto;
        text-align: center;
    }
    br.pc_br{display: none;}
    

    .guide_information{
		max-width: auto;
		margin:5vw auto;
		padding:5vw 0;
	}

	.guide_information .icon span {
		width: 90%;
	}
	
	.guide_information .information_title{
		padding:0; 
		white-space:nowrap; 
		line-height:1.2; 
		vertical-align:top; 
		word-break: all;
	}
	.guide_information .information_title h3{
		font-size: 6vw; 
		line-height: 1.8;
		margin: 5vw auto 6vw auto;
		text-align: left;  
		padding:5vw;
		border-bottom: 1px solid #000;
	}
	.guide_information .information_content{
		font-size: 4vw; 
		padding:0 5vw;
	}
	.guide_information h4 {
	    font-size: 5vw;
	    line-height: 1.8;
	}

    .guide_information .info-time{display: block;}
    .guide_information .info-time .like-box{
        padding: 10px;
        margin: auto;
        text-align: center;
        display: table;
        font-size: 110%;
        margin-bottom: 2vh;
    }
    
    .guide_information .info-time .time-second{ display: block; margin:auto; text-align: center;}
    .guide_information .icon span{ margin:auto auto 20px auto; width: auto; }
    .guide_information .icon span::after {left: calc(50% - 10px);}
    
    .list_prize_title1,
    .list_prize_title2,
    .list_prize_title3{margin: 10px 6%; text-align: center;}
    .list_prize1,
    .list_prize2,
    .list_prize3{
    	margin: 10px 6% 30px 6%;
    	background-image:url('../images/bg.png');
    	background-size: 40px;
    	background-position: top center;
    	background-repeat: repeat;
    }
    .guide_information .information_content p{
    	margin-bottom: 5vw;
    }
    .guide_information .information_content a{
    	word-break: break-all;
    }
}


.special_judge_content1{
	font-size: 14px;
	font-weight: bold;
	margin: 40px auto auto;
	display: block;
}




/*catalog_box*/
.catalog_box,.catalog_box_movie{
  display: block;
  margin: 65px auto auto;
  max-width: 910px;
  padding: 5px;
  background-color: #fff;
}
.catalog_box .catalog_title,.catalog_box_movie .catalog_title{
  background-color: #d92238;
  color: #fff;
  font-size: 2.2pc;
  font-weight: bold;
  padding: 5px 0;
  line-height: 1.6;
  margin: auto 0.5%;
  text-align: center;
  display: block;
}
.catalog_box .catalog_title span,.catalog_box_movie .catalog_title span{
  font-size: 1.4pc;
  margin-left: 10px;
}
.catalog_box ul{
  margin: 10px auto auto;
  padding: 0;
  display: table;
  width: 100%;
}
.catalog_box ul li{
  margin: 5px 0.5%;
  padding: 0;
  display: inline-block;
  width: 49.0%;
  float: left;
}
.catalog_box ul li img,.catalog_box_movie ul li img{
  display: block;
  margin: 0 auto;
  padding: 0;
  width: 100%;
}

.catalog_box_movie ul li{
  margin: 5px 0.5%;
  padding: 0;
  display: inline-block;
  width: 99.0%;
  float: left;
}
.pc{
	display: block !important;
}
.sp{
	display: none !important;
}




@media (max-width: 767px) {



    /*catalog_box*/
    .catalog_box,.catalog_box_movie{
      display: block;
      margin: 8vw auto auto;
      max-width: 100%;
      padding: 0;
    }
    .catalog_box .catalog_title,.catalog_box_movie .catalog_title{
      font-size: 6vw;
      padding: 3vw 0;
      margin: 0 auto;
    }
    .catalog_box .catalog_title span,.catalog_box_movie .catalog_title span{
      font-size: 4vw;
      margin-left: 1vw;
    }
    .catalog_box ul{
      margin: 1vw auto auto;
      padding: 0;
      display: table;
      width: 100%;
    }
    .catalog_box ul li{
      margin: auto auto 1vw auto;
      padding: 0;
      display: block;
      width: 100%;
    }


	
	.special_judge_content1{
		margin: auto;
	}


	.pc{
	display: none !important;
	}
	.sp{
	display: block !important;
	}
}

#footer{
	padding:30px 3%;
}
body{
	min-width: auto;
}
#an_headerIN, #testmodeIN,#footerIN{
	width: 100%;

}

@media (max-width: 767px) {
	#footer{
		padding:30px 1%;
	}
	#footerIN{
		text-align: center;
	}
	#footer .footerLink a{
		margin:0 2%;
	}
}