@charset "utf-8";
#side {
	display: none;
}
#contents #main {
	float: none;
	width: auto;
}


#st_back{ background-color: #eac9d2;}

#white_back::before,
#white_back::after{ display: block; content: ""; height: 40px; background-repeat: no-repeat; background-position: center; background-color: transparent;}
#white_back::before{ background-image: url("images/top_border.png");}
#white_back::after{ background-image: url("images/bottom_border.png");}
#white_back>div{ background-color: white; padding: 20px 0;}

.desc_text{ color: #c70025; text-align: center; font-size: 20px; font-weight: bold; margin: 1.5em;}

.table_sbf{ width: 100%; max-width: 950px; table-layout: fixed;}
.table_sbf th,
.table_sbf td{ width: 25%; padding: 10px; color: #8d262a; font-weight: bold;}
.table_sbf th{ vertical-align: middle; text-align: center;}
.table_sbf th span{ font-size: 24px; border: 2px solid #8d262a; padding: 1em; letter-spacing: 0.2em;}
.table_sbf td{ vertical-align: top; font-size: 14px;}
.table_sbf td p{ padding-left: 1em; text-indent: -1em;}
.table_sbf td p small{ font-size: 11px;}

.list_sbf{ display: flex; flex-wrap: wrap; width: 100%; justify-content: center; margin-top: 50px;}
.list_sbf>li{ background-color: #fff5f7; width: 200px; margin: 0 15px 50px; text-align: left;}
.list_sbf>li *{ font-weight: bold; font-weight: 700; margin: 0; padding: 0; color: #c70025;}
.list_sbf>li>div{ position: relative;}
.list_sbf>li>div>.no{ position: absolute; background: transparent url("images/no.png") no-repeat center center; background-size: 48px 60px; line-height: 60px; display: block; width: 48px; height: 60px; text-align: center; color: white; font-size: 20px; top: -20px; left: -14px;}
.list_sbf>li>div>.patch{ position: absolute; background: transparent url("images/patch.png") no-repeat center center; background-size: 48px 48px; line-height: 40px; display: block; width: 48px; height: 48px; text-align: center; font-size: 20px; bottom: -24px; right: 10px;}

.list_sbf>li>div:last-child{ padding: 10px;}
.list_sbf>li>div>.shop{ font-size: 12px;}
.list_sbf>li>div>h2{ display: table;}
.list_sbf>li>div>h2>span{ display: table-cell; vertical-align: middle; height: 46px; line-height: 1.1em;}
.list_sbf>li>div>h2>span>small{ font-size: 10px;}
.list_sbf>li>div>h2.name_1{ font-size: 16px;}
.list_sbf>li>div>h2.name_2{ font-size: 14px;}
.list_sbf>li>div>.yen{ text-align: right; line-height: 1em; font-size: 12px;}
.list_sbf>li>div>a{ background-color: #c70025; line-height: 1em; display: block; padding: 1em 0; text-align: center; color: white; font-size: 12px; border-radius: 1.5em; margin-top: 1em;}

@media all and (-ms-high-contrast: none){
}


.list_tyukan{ color: #c60025; font-weight: bold;}
.list_tyukan>li{ margin-bottom: 20px;}
.list_tyukan>li::before,
.list_tyukan>li::after{ display: block; content: ""; height: 20px; width: 100%; background-repeat: repeat-x; background-size: auto 20px; background-position: center; background-color: transparent;}
.list_tyukan>li::before{ background-image: url("images/top_border.png");}
.list_tyukan>li::after{ background-image: url("images/bottom_border.png");}
.list_tyukan>li>div{ display: flex; color: #c60025; background-color: white; width: 100%; margin: 0 auto; position: relative;}
.list_tyukan>li>div>div{ align-self: center;}

.list_tyukan>li>div>div:first-child{ width: 70%; padding-left: 227px;}
.list_tyukan>li>div>div:last-child{ width: 30%;}

.list_tyukan p{ margin: 0;}
.list_tyukan .no{ position: absolute; left: 0; top: 0; width: 227px; height: 285px; background: url("images/no.png") no-repeat center; background-size: auto 180px; text-align: center; line-height: 285px; color: white; font-size:60px; font-weight: bold;}
.list_tyukan .no>span{ font-size: 30px;}
.list_tyukan .vote{ font-size: 16px; display: inline-block; padding: 5px 10px; border-top: 1px solid #c60025; border-bottom: 1px solid #c60025;}
.list_tyukan .name{ margin: 15px 0; font-size: 30px; }
.list_tyukan .name>span{ font-size: 20px;}
.list_tyukan .yen{ font-size: 20px; margin-bottom: 10px;}
.list_tyukan .shop{ font-size: 20px;}
.list_tyukan .shop::before{ content:"店舗名"; display: inline-block; margin-right: 0.5em; font-size: 16px;}
.list_tyukan a{ background-color: #c70025; line-height: 1em; display: inline-block; padding: 1em 1em; text-align: center; color: white; font-size: 12px; border-radius: 1.5em; margin-top: 1em;}

.list_tyukan.sub_list{ display: flex; flex-wrap: wrap; margin: 0 -10px;}
.list_tyukan.sub_list>li{ margin: 0 10px 20px; width: calc(50% - 20px);}

.list_tyukan.sub_list>li>div>div:first-child{ width: 60%;}
.list_tyukan.sub_list>li>div>div:last-child{ width: 40%;}


.list_tyukan.sub_list>li>div>div:first-child{ padding-left: 120px; padding-right: 10px;}
.list_tyukan.sub_list .no{ width: 110px; height: 186px; background-size: auto 110px; line-height: 186px; font-size:30px;}
.list_tyukan.sub_list .no>span{ font-size: 15px;}
.list_tyukan.sub_list .vote{ font-size: 12px; padding: 3px 5px;}
.list_tyukan.sub_list .name{ font-size: 16px; margin: 10px 0;}
.list_tyukan.sub_list .name>span{ font-size: 12px;}
.list_tyukan.sub_list .yen{ font-size: 12px; margin-bottom: 5px;}
.list_tyukan.sub_list .shop{ font-size: 12px;}
.list_tyukan.sub_list .shop::before{ font-size: 10px;}


.list_tyukan .btn_back{ font-size: 20px; margin: 63px auto;}



.no1::before,
.no2::before,
.no3::before{ content: ""; display: block; background-repeat: no-repeat; background-size: 100px 65px; width: 100px; height: 65px; background-position: center; position: absolute; right: 25px; top: 30px;}
.no1::before{ background-image: url("kekka/r1.png");}
.no2::before{ background-image: url("kekka/r2.png");}
.no3::before{ background-image: url("kekka/r3.png");}



.g3,
.g4,
.g5{ position: relative;}
.g3::before,
.g4::before,
.g5::before{ content: ""; display: block; background-repeat: no-repeat; background-position: center; position: absolute; right: 10px; top: 0; background-size: 60px; width: 60px; height: 60px;}
.g3::before{ background-image: url("kekka/n3.png");}
.g4::before{ background-image: url("kekka/n4.png");}
.g5::before{ background-image: url("kekka/n5.png");}


.sub_list .g3::before,
.sub_list .g4::before,
.sub_list .g5::before{ right: 5px; top: -5px; background-size: 36px; width: 36px; height: 36px;}


.li1,
.li2,
.li3{}

.list_tyukan>li.li1,
.list_tyukan>li.li2,
.list_tyukan>li.li3{ margin-left: -5px; margin-right: -5px; border-width: 5px; border-style: solid; box-shadow: 0 5px 10px rgba(0,0,0,0.50);}

.list_tyukan>li.li1{ border-color: gold; margin-top: 40px;}
.list_tyukan>li.li2{ border-color: silver;}
.list_tyukan>li.li3{ border-color: #974000;}

.list_tyukan>li.li1::before,
.list_tyukan>li.li1::after,
.list_tyukan>li.li2::before,
.list_tyukan>li.li2::after,
.list_tyukan>li.li3::before,
.list_tyukan>li.li3::after{ content: none;}

.list_tyukan>li.li1::before,
.list_tyukan>li.li2::before,
.list_tyukan>li.li3::before,
.list_tyukan>li.li1::after,
.list_tyukan>li.li2::after,
.list_tyukan>li.li3::after{ background-image: none;}