@charset "utf-8";

/* CSS Document */

body {
	text-align:left;
	min-width:1092px;
	font-family:'Avenir', 'Arial', 'Osaka', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, 'ＭＳ Ｐゴシック', 'Verdana', sans-serif;
}

/* ?????????X???|?????????V???u????? - header footer */






/* ????????????????? */
.smartphone {
	display: none;
}
.smartphone,.br_sp {
	display: none;
}
.desktop {
	display: block;
}
/* ???z?????????y???[???W */
#container{
    width:auto;
}


/* ???w???b???_???[ */
header #travel-renewal .common-header {
	width:100%;
	position: relative;
	font-size: 75%;
	margin: 0;
}
header .before #travel-renewal .common-header-contents {
	width:960px;
	margin: 0;
}
header #travel-renewal .common-header-contents {
	width:960px;
	margin: 0 auto;
}
/* ???w???b???_???[????????????????? */

/*???????*/
.common-breadclumb-wrapper {
    width: 100%;
    height: 55px;
	background-color: #fff;
}
.common-breadclumb-wrapper .common-breadclumb-items {
    width: 960px;
	height: 55px;
    margin: 0 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.common-breadclumb-wrapper .common-breadclumb-items .common-breadclumb-item {
    line-height: 14px;
    font-size: 11px;
    color: #777e82;
    margin-right: 10px;
}
.common-breadclumb-wrapper .common-breadclumb-items .common-breadclumb-item.item-home {
    margin-left: 0;
    height: 14px;
    padding-left: 14px;
    background: url(/img/common/breadclumb/common_breadclumb_home_icon.png) no-repeat;
    position: relative;
}
.common-breadclumb-wrapper .common-breadclumb-items .common-breadclumb-item.item-home a {
    display: block;
    width: 16px;
    height: 16px;
    position: absolute;
    left: 0px;
}
.common-breadclumb-wrapper .common-breadclumb-items .common-breadclumb-item:last-child::after {
    content: "";
    margin: 0;
}
.common-breadclumb-wrapper .common-breadclumb-items .common-breadclumb-item::after {
    content: ">";
    display: inline-block;
    margin-left: 10px;
    font-size: 14px;
    color: #b6ccda;
}
/* ???????????????????????? */

/* ???????????????????????????????????? */
#pankuzu_l {
	width: 960px;
    height: 60px;
	margin:0 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
#pankuzu_l p {
	font-size: 12px;
}
/* ????????????????????????????? */


#footer_area {
    width: 100%;
    background-color: #fff;
    margin: 0 auto;
    text-align: left;
    position: relative;
	font-size:75%;
}

/* sns */
.sns_box {
	position:fixed;
	top:200px;
	right:0;
	width:50px;
}
.sns_box ul {
	text-align:right;
}
.sns_box ul li {
	width:50px;
	height:50px;
}
.sns_box ul li a{
	display:block;
	width:100%;
	height:100%;
	text-align:center;
}
.sns_box li a:hover {
	opacity:0.8;
}
.sns_box li .sns_fb {
	background:#354F7F;
}
.sns_box li .sns_tw {
	background:#000;
}
.sns_box li a i {
	font-size:30px;
	line-height:50px;
	color:#FFFFFF;
}



/* ???R?????????e?????????c???????????? */
#contents_area {
	width:100%;
	margin:0;
	padding:0;
	text-align:left;
	background: #fefaeb;
}

.top_lead {
	max-width:100%;
	width:1000px;
	margin:0 auto;
	background: #fee069; /* Old browsers */
	background: -moz-linear-gradient(left, #fee069 0%, #fbc73a 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #fee069 0%,#fbc73a 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #fee069 0%,#fbc73a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fee069', endColorstr='#fbc73a',GradientType=1 );
}
.top_lead_inside {
	width:870px;
	margin:0 auto;
}

.main_visual {
	width:100%;
	min-width:1000px;
	margin:0 auto;
	height:502px;
	background: url(../images/img_pc_mainvisual.jpg) center / cover no-repeat;
}
/* ?????????[???J???n */
.main_index {
	height: 495px;
}
.main_index .main_visual_inside {
	height: 496px;
}
/* ?????????[???I?????? */
.main_end {
	height:502px;
}
.main_index .main_visual_inside {
	/* height:400px; */
}

.main_index .vote_period {
	margin-bottom: 20px;
}
.main_visual_inside {
	/* display:table-cell; */
	/* vertical-align:middle; */
	position:relative;
	width: 1000px;
	height:495px;
	margin:0 auto;
	padding: 40px 0;
	box-sizing: border-box;
}
.main_visual h1 {
	width: 500px;
	height: 210px;
	margin:0 auto;
	/* text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background: url(../images/img_16thlogo.png) center center no-repeat;
	background-size: 100%; */
}
.main_visual_introduction {
	width:100%;
	min-width:1000px;
	margin:0 auto -12px;
}
.main_visual_introduction_inside {
	width:1000px;
	margin:0 auto;
}
.main_visual_introduction h1 {
	width:1000px;
}

.result_visual {
	width: 100%;
	display: block;
	text-align: center;
}
.result_visual img {
	width: 100%;
	max-width: 1920px;
}

.vote_period {
	margin-top: 20px;
	font-family:'???q?????????M???m???p???S Pro W3','Hiragino Kaku Gothic Pro','?????????C?????????I',Meiryo,'???l???r ???o???S???V???b???N',sans-serif;
	font-size: 16px;
	font-weight:bold;
	text-align:center;
	line-height: 1.8em;
	text-shadow: 0 0 5px #fff;
}
.mascot {
	position:absolute;
	top:-510px;
	right:-90px;
	width:215px;
	height:395px;
	background: url(../images/img_mascot.png) no-repeat;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.count {
	font-family:'???q?????????M???m???p???S Pro W3','Hiragino Kaku Gothic Pro','?????????C?????????I',Meiryo,'???l???r ???o???S???V???b???N',sans-serif;
	position:absolute;
	top: 240px;
	right: 15px;
	width:192px;
	height:192px;
	background: rgb(54 120 48 / 70%);
	-webkit-border-radius:100%;
	-moz-border-radius:100%;
	border-radius:100%;
	border: 4px solid #ffffff;
	z-index:3;
}
.count .lead {
	color: #ffffff;
	font-size:22px;
	font-weight:bold;
}
.count p {
	font-size: 22px;
	color: #ffffff;
	text-align:center;
	padding: 45px 0;
}
#count_down {
	font-size: 54px;
	font-weight:bold;
	line-height:1.2;
}

/* ?????????[???{???^?????? */
.btn_vote {
	width: 400px;
	margin:0 auto 30px;
	text-align:center;
}
.btn_vote a {
	display:block;
	width:100%;
	padding: 15px 0;
	color: #fff;
	font-size:24px;
	font-weight:bold;
	background:#8d395d;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;

}
.btn_vote a:hover {
	background: #a84d74;
}

.aboutprize_area {
	width:100%;
	min-width:1000px;
	margin:0 auto;
	background: url(../images/bg_contents.jpg) top center no-repeat;
    background-size: contain;
}

.result_aboutprize_area {
    background-size:contain;
	background-color: #fffaec;
}
.aboutprize_inside {width:1000px;margin:0 auto;padding:0 0 10px;/* background:rgba(255,255,255,0.7); */}
.aboutprize_inside:nth-of-type(1) {
position:relative;
background-image:none;
}
.aboutprize_txt {
	padding: 30px;
	text-align:center;
}
.aboutprize_txt h2 {
	margin:0 auto 20px;
	font-size: 36px;
	color: #440205;
}
.aboutprize_txt h2 span {
	font-size: 24px;
	vertical-align:-webkit-baseline-middle;
	vertical-align:bottom;
}
h2.interim {
width:490px;
margin:0 auto 30px;
padding:30px 0 0 0;
}
p.interim_lead {
padding:30px 0 0 0;
font-size:120%;
text-align:center;
line-height:1.8;
}
p.interim_lead strong {
color:#F00;
}
h3.interim_ranking {
width:960px;
margin:50px auto 10px;
}
ol.rank_spot {
width:970px;
margin:20px auto 40px;
padding:0 15px;
}
ol.rank_spot a:link,ol.rank_spot a:visited,ol.rank_spot a:active {
color:#271408;
text-decoration:none;
}
ol.rank_spot li {
width:190px;
float:left;
margin:0 5px 20px 0;
text-align:center;
}
ol.rank_spot li:nth-child(5n) {
margin-right:0;
}
ol.rank_spot li p span {
font-size:80%;
}
.interim_link {
margin:0 0 30px 0;
}
.interim_link .txt_left {
display:table-cell;
text-align:left;
}
.interim_link .txt_right {
display:table-cell;
font-size:150%;
font-weight:bold;
text-align:right;
}
.interim_link .txt_center {
text-align:center;
}
.interim_link a:link,.interim_link a:visited,.interim_link a:hover {
color:#271408;
}

.aboutprize_txt p {
font-size:14px;
font-weight:bold;
color:#440205;
line-height:2.0;
letter-spacing:1.8px;
}
.aboutprize_txt p span {margin:0 0 0 30px;}
.aboutprize_link {
	width:50%;
	margin:0 auto;
}
.aboutprize_link a {
	display:block;
	padding:10px;
}
.aboutprize_link a:link,.aboutprize_link a:visited {
color:#7e4d13;
text-decoration:underline;
}
.aboutprize_link a:hover {
color:#b78040;
}
.btn_vote_aboutprize {
width:450px;
margin:0 auto;
padding:30px 0;
}


/* ???????????? */
.history_area {
	width:100%;
	min-width:1000px;
	margin:0 auto;
	padding: 30px 0 60px 0;
	/* background-color:#f5efdd; */
	/*background: url(../images/bg_history.png) center bottom no-repeat; */
	background-size: contain;
}
.history_area_inside strong {
font-size:24px;
font-style:normal;
color:#bc0412;
}
.history_area_inside {
width:1000px;
margin:0 auto;
text-align:center;
}
.history_area h3.history {
	width: 460px;margin: 0 auto 30px;padding-left: 20px;font-size:36px;text-align: center;background:url(../images/img_h3_history.png) 0 0 no-repeat;color:#737171;}
.history_area h3.history span {
	display:block;
	font-size:20px;
	font-weight:normal;
}
.history_item {
	height: 250px !important;
	border:1px solid #adadad;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	width:260px;
	box-sizing:border-box;
	background:#FFFFFF;
	padding:5px;
}
.history_img a {
	display:block;
}
.history_img a:hover {
	opacity:0.8;
	text-decoration:none;
}
.history_img {
	position:relative;
	width:100%;
	height:150px;
	overflow:hidden;
}
.history_img span {
	position:absolute;
	top: 0;
	left: 0;
	display:block;
	padding:5px;
	color:#FFFFFF;
	font-size:14px;
}
.history_img span.history_yado {
	background:#de756a;
}
.history_img span.history_onsen {
	background:#2d63da;
}
.history_img img {
	display:block;
	margin-bottom:5px;
	max-width:100%;
	height:100%;
}
.history_txt {
	padding: 10px 0 5px;
}
.history_txt .history_info {
	font-size:13px;
	margin-bottom:5px;
}
.history_txt .history_info_ttl {
	font-size: 20px;
	font-weight:bold;
	vertical-align:middle;

	text-align:center;
	display:table-cell;
	height: 50px;
	width: 248px;
}
.history_txt .history_info_ttl2 {
	font-size: 16px;
	font-weight:bold;
}
.history_txt dd span {
	font-size:12px;
	font-weight:normal;
}
.history_txt dd span.history_east {
	font-size:14px;
	color:#7a1100;
	padding-right:5px;
}
.history_txt dd span.history_west {
	font-size:14px;
	color:#127b13;
	padding-right:5px;
}
.slick_arrow:hover {
	scrol:pointer;
}
.prior_notice {
margin:0 0 20px 0;
}
.link_facility {
	margin:15px 0 0 0;
	font-size:20px;
	text-align:center;
}
.link_facility a {
	padding:10px;
}


/* ???{??????????????y???[???W */
.introduction_bnr {
margin:0 0 10px 0;
}
.introduction_bnr:first-of-type {
margin:10px 0 10px 0;
}
.introduction_txt_area {
width:1000px;
margin:0 auto;
background:#FFF;
}
.introduction_txt_area a {
	text-decoration:underline;
}
.introduction_txtbox {
width:800px;
margin:0 auto;
}
.introduction_lead {
/*margin:0 0 15px 0;*/
}
.introduction_txt_area h2 {
position: relative;
text-align: center;
font-size: 24px;
margin:0 auto 20px;
padding:15px 0;
color: #e29200;
}
.introduction_txt_area h2 span {
position: relative;
z-index: 2;
display: inline-block;
margin: 0 2.5em;
padding: 0 1em;
background-color: #fff;
text-align: left;
}
.introduction_txt_area h2::before {
position: absolute;
top: 50%;
z-index: 1;
content: '';
display: block;
width: 100%;
height: 1px;
background-color: #e29200;
}
.introduction_txt_area p {
/*padding:0 20px 30px 20px;*/
padding:0 0 30px 0;
font-size:14px;
line-height:1.8;
}
.introduction_notice {
color:#F00;
font-size:12px;
}
.introduction_txt_area p:first-child {
margin: 0;
padding: 30px 0 10px 0;
}
.introduction_txt_area h3 {
font-size:14px;
/*margin:0 0 0 20px;*/
}
.media_img {
	width:100%;
	display: -webkit-box;
    display: -ms-flexbox;
	display:flex;
	-webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap:wrap;
	flex-wrap:wrap;
	margin-bottom:20px;
}
.media_img figure {
	width:30%;
	margin:0 0 10px;
}
.media_img figure img {
	width:100%;
}
.media_img figure figcaption {
	font-size:12px;
}







/*.history_area h3.history {
display: inline-block;
position: relative;
height: 50px;
line-height: 50px;
vertical-align: middle;
padding: 0 50px;
font-size: 32px;
background: #c73439;
color: #FFF;
box-sizing: border-box;
}
.history_area h3.history:before, .history_area h3.history:after {
position: absolute;
content: '';
width: 0px;
height: 0px;
z-index: 1;
}
.history_area h3.history:before {
top: 0;
left: 0;
border-width: 25px 0px 25px 15px;
border-color: transparent transparent transparent #fefaeb;
border-style: solid;
}
.history_area h3.history:after {
top: 0;
right: 0;
border-width: 25px 15px 25px 0px;
border-color: transparent #fefaeb transparent transparent;
border-style: solid;
}*/
.award_contents {
	width:100%;
	min-width:1000px;
	margin:0 auto;
	/* padding:0 0 30px 0; */

}


.present_area {
	width:100%;
	min-width:1000px;
	margin:0 auto;
	/* padding:0 0 30px 0; */
}
.present_area_inside {
	width:1000px;
	margin:0 auto;
	padding: 0 0 30px;
	/* background: rgba(255,255,255,0.5); */
}
.present_area_inside h3 {
	width:1000px;
	font-size:24px;
	text-align:center;
	margin:0 auto;
	box-sizing: border-box;
	padding: 30px 15px 10px;
	position: relative;
}
.present_area_inside h3:after {
	content: "";
	display: block;
	margin: 10px 0 5px;
	height: 4px;
	background: -moz-linear-gradient(to right, rgb(255, 186, 115), #ffb2b2);
	background: -webkit-linear-gradient(to right, rgb(255, 186, 115), #ffb2b2);
	background: linear-gradient(to right, rgb(255, 186, 115), #ffb2b2);
}
.present_area_inside ul {
	margin:30px auto 0;
	padding:0;
	width: 820px;
	display: -webkit-box;
	display: -ms-flexbox;
	display:flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
}
.present_area_inside ul li {
	position:relative;
	width: 180px;
	box-sizing: border-box;
	margin: 0 0 30px;
	padding: 30px 10px 15px;
	border-radius:5px;
	background:#FFF;
	box-shadow:0 0 3px #d6c584;
}
/*.present_area_inside ul li:last-child{
	background:none;
	box-shadow:none;
}*/
.present_area_inside ul li a {
	display:block;
	text-align:center;
	pointer-events: none;
}
.present_area_inside ul li a:hover {
	text-decoration:none;
}

.present_people {
	position:absolute;
	width: 52px;
	height: 52px;
	top:-10px;
	left:-10px;
	font-size:14px;
	text-align:center;
	background:#FFFFFF;
	border:2px solid #f9d046;
	-webkit-border-radius:100%;
	-moz-border-radius:100%;
	border-radius:100%;
}
.present_area_inside ul li a:visited .present_people {
	color:#f9d046;
}

.img_present {
	color:#cd4533;
	font-weight:bold;
	font-size:20px;
	padding:11px 0;
	letter-spacing:-0.05em;
}
.img_present span {
	font-size:12px;
}
.present_people_mini {
	font-size:16px!important;
}
.present_name {
	padding: 20px 0px 0;
	min-height: 60px;
	font-size: 13px;
	text-align: center;
	font-weight: bold;
	line-height:1.3;
	color:#2c2016;
}

.present_name span {
	font-size:10px;
}
.present_img {/* height:250px; */text-align:center;/* margin:10px 0 0 0; */}
.present_img img {
	width:100%;
}*
.present_link {
	font-size:14px;
	text-decoration:underline;
}
.present_link:hover {
	opacity:0.8;
}
.present_img_dc {
height:340px;
text-align:center;
margin:10px 0 0 0;
}
.doublechance {
font-size:70%;
margin:10px 0 0 0;
padding:0 5px;
}
.present_area_lead {
	padding: 0 30px 10px;
}
.present_episode {
width:1000px;
margin:0 auto 50px;
text-align:center;
}

/* ???A?????????o???T???_???[ */
.present_ambs {
	width:795px;
	height:253px;
	margin:60px auto 30px;
	border:6px #57BCDC double;
	background:url(../images/onsen_ambassador_girl.png) 0 0 no-repeat;
}
.present_ambs_inside {
	width: 540px;
	padding: 30px 30px;
	text-align:center;
}
.present_ambs a {
	display:block;
	width:100%;
	height:100%;
}
.present_ambs:hover {
	opacity:0.8;
	text-decoration:none;
}
.present_ambs a:hover {
	text-decoration:none;
}
.present_ambs_inside h4 {
	font-size:27px;
	margin:0 0 20px;
	color:#0397c5;

	text-shadow:white 1px 1px 2px, white -1px 1px 2px,
    white 1px -1px 2px, white -1px -1px 2px;
}
.present_ambs_inside p {
	width:480px;
	font-size:18px;
	font-weight:bold;
	color:#213052;
	margin:0 0 20px;
	line-height:1.8;
	text-shadow:white 1px 1px 2px, white -1px 1px 2px,
    white 1px -1px 2px, white -1px -1px 2px;
}
.present_ambs_inside p span {
	font-weight:bold;
	background: linear-gradient(transparent 70%, #f998a1 70%);
}
.present_ambs_inside .btn_ambs {
	width:300px;
	margin:0 auto;
	font-size:18px;
	font-weight:bold;
	color:#FFFFFF;
	background:#0397c5;
	padding:10px 0;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius: 5px;
    border-bottom:4px #047ba0 solid;
}
.present_ambs_inside .btn_ambs:hover{
	background:#32b5de;
}
.app_link {
	text-decoration:underline !important;
}
.app_link:hover {
	text-decoration:none !important;	
}
.app_link:link,
.app_link:visited {
	color:#1c95e6;
}

/* tw???o???i???[ */
.present_ambs.bnr_tw {
	border:none;
	width: 800px;
	height: 260px;
	border:3px #51ADFA solid;
}
.present_ambs.bnr_tw a {
	display:block;
	height:100%;
}
.present_ambs.bnr_tw img {
	width:100%;
}

/* ONSEN WORK */
.bnr_ow{
	width:743px;
	margin:60px auto 0;
	text-align:center;
}
.bnr_ow img {
	border:1px solid #ccc;
}
.bnr_ow.result_bnr_ow {
	margin:0 auto 60px;
}

/* ???A???v??????????????I???m????????????????????????????? */
#app_2x {
	padding:60px 0 0;
}
.present_app {
	width:830px;
	margin:0 auto 30px;
    position: relative;
    border: double 6px #f9d046;
    background:#FFFFFF;
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
    border-radius: 8px;
    padding:15px 20px 15px;
}
.present_app_title {
    position: absolute;
    display: inline-block;
    top: -40px;
    left: 10%;
    padding: 0 9px;
    line-height: 1;
    font-size: 26px;
    color: #d02640;
    font-weight: bold;
}
.app_lead {
	width:700px;
	line-height:2;
	margin:0 auto 20px;
	text-align:center;
	font-size:18px;
}
.app_lead span {
	font-weight:bold;
	background: linear-gradient(transparent 70%, #fadf69 70%);
}
.app_up {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.app_up .app_sec {
	width: 55%;
	padding:20px 0 0 0;
	line-height:1.5;
}
.app_up .app_sec .app_sec_flow {
	margin-bottom:10px;
	font-size:16px;
}
.app_up .app_sec h5{
	font-size:16px;
	margin:30px 0 10px;
}
.app_up .app_sec .app_sec_about {
	padding-right:20px;
	line-height:1.5;

	font-size:14px;

	margin-bottom:10px;
}
.app_up .app_list {

	width: 45%;

}
.app_list ul {
	width:100%;
	text-align:center;
	margin:0;
}
.app_list ul li {
	padding:0;
	text-align:center;
	margin:0;
	box-shadow:none;
	padding:0 5px 0 0;
}
.app_list ul li a:hover {
	opacity:0.8;
}
.app_list ul li img {
	max-width:100%;
	height:300px;
}
.app_list ul .app_android {
	float:left;
	width: 50%;
	background:none;
}
.app_list ul .app_android a img {
	width:135px;
	height:auto;
}
.app_list ul .app_iphone {
	float:right;
	width: 50%;
	text-align:center;
}





.guideline_area {

width:100%;
min-width:1000px;
margin:0 auto;
font-family:'???q?????????M???m???p???S Pro W3','Hiragino Kaku Gothic Pro','?????????C?????????I',Meiryo,'???l???r ???o???S???V???b???N',sans-serif;
padding:50px 0 30px;
background:#fcf1c5;
}
.guideline_box {
width:900px;
margin:0 auto 30px;
}
.guideline_box h4 {
padding:8px 0 8px 20px;
color:#440205;
font-size:16px;
font-weight:bold;
background:#FFFFFF;
text-align:center;
border:2px #aba588 solid;
border-bottom:none;
}
.guideline_box dl {
padding:20px;
background:#FFF;
border:2px #aba588 solid;
border-top:none;
}
#ctn_result .guideline_box dl {
	border-top:2px #aba588 solid;
}
.guideline_box dl dt {
margin:20px 0 0 0;
color:#80774c;
font-size:14px;
font-weight:bold;
text-align:center;
}
.guideline_box dl dt:first-child {
margin:0;
}
.guideline_box dl dd {
margin:5px 0 20px 0;
color:#333;
font-size:12px;
line-height:1.4;
}
.guideline_box dl dd:last-child {
margin:5px 0 0 0;
}
.guideline_box small {
display:block;
text-align:center;
font-size:12px;
font-style:normal;
font-weight:normal;
}


/* ????????????????j?????????[???X */
.news_area {
	background:#fcf1c5;
	padding:30px 0 60px;
}
.news_area_intro {
	width:1000px;
	margin: 0 auto;
	background: #FFFFFF;
	padding: 30px 0;
}
.news_area .news_inside {
	width:860px;
	margin:0 auto;
}
.news_inside h3 {
	position: relative;
	display: inline-block;
	padding: 0 290px;
	font-size:24px;
	text-align:center;
	margin:0 0 15px;
	color:#836d31;
}
.news_inside h3:before,.news_inside h3:after{
	content: '';
	position: absolute;
	top: 50%;
	display: inline-block;
	width: 260px;
	height: 2px;
	border-top: solid 1px #836d31;
	border-bottom: solid 1px #836d31;
}
.news_inside h3:before {left:0;}
.news_inside h3:after {right: 0;}

.news_box {
    background:#FFFFFF;
    border:1px #CCCCCC solid;
    width:800px;
    margin:0 auto;
}
.news_box a {
	width:100%;
	display: -webkit-box;
    display: -ms-flexbox;
	display:flex;
	-webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    flex-direction: row-reverse;
    box-sizing:border-box;
    padding:15px 30px 15px 15px;
    color:#2C2016;
    position:relative;
}
.news_box a i {
	position:absolute;
	top:44%;
	right:10px;
	font-size:30px;
	color:#CCCCCC;
}
.news_box a:hover {
	text-decoration:none;
	opacity:0.8;
}
.news_box .news_detail {
	width:72%;
	padding:0 0 0 15px;
}
.news_box .news_detail .news_ttl {
	font-size:20px;
	line-height:1.3;
	margin:0 0 15px;
	color:#121284;
}
.news_box .news_detail .news_txt {
	font-size:14px;
	margin:0 0 15px;
}
.news_box .news_detail .news_writer {
	color:#9d9ea0;
	font-size:13px;
}
.news_box .news_detail .news_writer .writer {
	margin-left:15px;
}
.news_box .news_img {
	width:28%;
}
.news_box .news_img img {
	width:100%;
}

/* ??????g???o???i???[ */
.bnr_area {
	background:#fcf1c5;
	padding:30px 0 60px;
}
.bnr_inside {
	width:900px;
	margin:0 auto;
}
.bnr_inside ul {
	width:900px;
	display: -webkit-box;
    display: -ms-flexbox;
	display:flex;
	-webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap:wrap;
	flex-wrap:wrap;
}
.bnr_inside ul li {
	width:420px;
}
.bnr_inside ul li a {
	display:block;
	width:100%;
}
.bnr_inside ul li a:hover {
	opacity:0.8;
}
.bnr_inside ul li a img {
	width:100%;
}
/* ???L?????? */
.ad_area {
	width: 100%;
	padding:40px 0;
	background: #F8F8F8
}
.ad_area .ad_inside {
	width: 640px;
	margin: 0 auto;
	text-align: center;
}

/* ??????????????\???????????????N */
.middle_box {
	text-align:center;
	margin: 0 auto 0;
	padding: 0px;
	position: fixed;
	right: 0;
	top: 310px;
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
}
.middle_box a {
	font-size:18px;
	font-weight:bold;
	display: block;
	width: 50px;

	height: 200px;
	box-sizing: border-box;
	text-align:;

}
.middle_box a:hover {

	opacity:0.8;
}



/* ???A?????????o???T???_???[????????????h???K?????|???[???g */
.bnr_report {
	width:795px;
	margin:0 auto;
}
.bnr_report a:hover {
	opacity:0.8;
}

/* ???J???E?????????^???[ */
/*.count {
	position:absolute;
	top:330px;
	left:20px;
	margin-left: 25px;
	margin-top: 25px;
}
.count p {
	font-size: 22px;
	color: #660d11;
	margin-left: 30px;
	padding-top: 13px;
}
#count_down {
	font-size: 28px;
}*/

/* ???J?????????? */
.date{
	position:absolute;
	top:405px;
	left:230px;
	color:#FFFFFF;
	font-size:20px;
}
.date span{
	font-size:14px;
}

/* ???O???????{???^?????? */
#main_block .zenkai_btn{
	float: right;
	margin-top:1em;
}
#main_block .zenkai_btn:hover{
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}

/* ????????????????{???^?????? */
#main_block .oubo_btn img{
	margin:20px auto 40px auto;
	display:block;
}

#main_block .oubo_btn a:hover{
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}

/* TWCP */
.cp_tw {
width: 1000px;
margin:50px auto 30px;
}
.cp_newyear {
width: 890px;
margin:0px auto 30px;
}
.cp_bnr_01 {

width:300px;
margin:0 auto;
}
/*.cp_bnr_02 {

width:300px;
float:right;
}*/
.elapsed_middle {
margin:0 0 50px 0;

}

/* Btn-CSS */
.btn_vote_interim {
position: relative;
z-index: 100;
background: #2d56ec;
background-image: -webkit-linear-gradient(top, #1c95e6, #204ad6);
background-image: -moz-linear-gradient(top, #1c95e6, #204ad6);
background-image: -ms-linear-gradient(top, #1c95e6, #204ad6);
background-image: -o-linear-gradient(top, #1c95e6, #204ad6);
background-image: linear-gradient(to bottom, #1c95e6, #204ad6);
-webkit-border-radius: 5;
-moz-border-radius: 5;
border-radius: 5px;
color: #ffffff!important;
font-size: 22px;
padding: 15px 40px 15px 40px;
text-decoration: none!important;
}
.btn_vote_interim:hover {
background: #1c95e6;
background-image: -webkit-linear-gradient(top, #71b5e3, #204ad6);
background-image: -moz-linear-gradient(top, #71b5e3, #204ad6);
background-image: -ms-linear-gradient(top, #71b5e3, #204ad6);
background-image: -o-linear-gradient(top, #71b5e3, #204ad6);
background-image: linear-gradient(to bottom, #71b5e3, #204ad6);
text-decoration: none;
}
.btn_vote_interim:before {
display: block;
content: "";
position: absolute;
top: 50%;
left: 20px;
width: 0;
height: 0;
margin-top: -5px;
border: 5px solid transparent;
border-left: 5px solid #fff;
}



/* 2018????~????? */
ul.slider li {/* height:300px; */}
/*ul.slider li:nth-child(n+12) {
display:none;
}*/

.link_pickup {
text-align:right;
}
.pr_rkt {
width: 1000px;
margin: 50px auto 30px;
}
.pr_rkt p.lead_txt {
font-size: 16px;
text-align: center;
line-height: 1.6;
}
.pr_rkt p.lead_txt strong {
font-size: 24px;
color: #F00;
}
ul.coupon_rkt {
width: 990px;
margin: 20px auto 0;
}
ul.coupon_rkt li {
float: left;
width: 320px;
margin: 0 10px 0 0;
}
p.moreinfo {
text-align: right;
font-size: 18px;

margin: 10px 0 50px 0;
}





/* 20180228 ??????????????\ */
.fa-chevron-right {
	padding: 0 0 0 10px;
	font-size: 12px;
}

#ctn_result {
width:100%;
}

#ctn_result img {vertical-align:bottom;}

#result_mainvisual_area {
    width:100%;
}
.result_ainvisual_inner {
	width:100%;
    height:370px;
    background:url(../images/result/bg_top_main.png) center center / cover no-repeat;
}
#result_mainvisual_area h1 {
	width:800px;
	height:370px;
	margin:0 auto;
	text-align:center;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	background:url(../images/result/bg_top_logo.png) center 0 no-repeat;
	background-size:100%;
}
.result_navibox {
background:#c4975c;
}
.result_navibox ul {
	width: 795px;
	margin:0 auto;
	padding:0;
	display: -webkit-box;
	display: -ms-flexbox;
	display:flex;
}
.result_navibox li {
	min-width:155px;
	border-right:1px solid #FFF;
}
.result_navibox li:nth-child(5) {
border-right:none;
}
.content01 > .result_navibox > ul > .content01,
.content02 > .result_navibox > ul > .content02,
.content03 > .result_navibox > ul > .content03,
.content04 > .result_navibox > ul > .content04,
.content05 > .result_navibox > ul > .content05,
.content06 > .result_navibox > ul > .content06,
.content09 > .result_navibox > ul > .content09,
.content10 > .result_navibox > ul > .content10 {
background:#e7d099;
}
.content01 > .result_navibox > ul > .content01 img,
.content02 > .result_navibox > ul > .content02 img,
.content03 > .result_navibox > ul > .content03 img,
.content04 > .result_navibox > ul > .content04 img,
.content05 > .result_navibox > ul > .content05 img,
.content06 > .result_navibox > ul > .content06 img,
.content09 > .result_navibox > ul > .content09 img,
.content10 > .result_navibox > ul > .content10 img {
opacity:0.6;
}

.result_navibox li a {
display:block;
}
.result_navibox li a:hover {
background:#e7d099;
}
.result_navibox li a img:hover {
opacity:0.6;
}


.aboutprize_area .result_aboutprize_txt {
	width: 960px;
	box-sizing:border-box;
	margin:0 auto;
	text-align:center;
}
.aboutprize_area .result_aboutprize_txt span.al_ul {
    background: linear-gradient(transparent 60%, #fadf69 60%);
    padding: 0 10px;
    font-size: 17px;
}
#result_aboutprize_area .result_aboutprize_txt h2 {
	font-size:200%;
	font-weight:bold;
	margin:0 0 20px 0;
}

.award9 {display: block;text-align: right;}

#result_category_area {
	width:100%;
	padding:50px 0;
	border-top:3px solid #d5ba96;
	background-image: linear-gradient(-45deg, #f5f3f3 25%, #e9e7e7 25%, #e9e7e7 50%, #f5f3f3 50%, #f5f3f3 75%, #e9e7e7 75%,#e9e7e7);
	background-size: 5px 5px;
}
.result_category_menu {
	width: 960px;
	margin:0 auto;
}
.category_box_area {
	width:100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display:flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin:0 auto 70px;
}
.category_box {
	width:440px;
}
.category_box h2 {
	width:100%;
	height: 255px;
	text-align:center;
	line-height: 255px;
	font-family:Georgia,??????????????????,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS????????????E,?????????C?????????I,Meiryo,serif;
	font-size:32px;
	font-weight:bold;
	color:#FFFFFF;
	text-shadow:0 0 5px #000000;
	margin:0 0 15px;
}
.category_box h2.ttl_onsenchi {
	background:url(../images/result/onsenchi_img.jpg) center  no-repeat;
	background-size:contain;
}
.category_box h2.ttl_onsenyado {
	background:url(../images/result/yado_img.jpg) center  no-repeat;
	background-size:contain;
}
.category_box ul {

	width:100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display:flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.category_box ul li {
	width:48%;
	text-align:center;
}
.category_box ul li a {
	display:block;
	width:100%;
	padding:12px 0;
	font-family:Georgia,??????????????????,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS????????????E,?????????C?????????I,Meiryo,serif;
	color:#FFFFFF;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}
.category_box ul li a:hover {
	opacity:0.8;
}
.category_box ul li:first-child a {
	background:#C75C8C;
}
.category_box ul li:last-child a {
	background:#537DBF;
}


.category_sub_box {
	width:100%;
	margin: 0 0 70px;
}
.category_sub_box:last-child {
	margin:0;
}
.category_sub_box h2 {
	font-size:20px;
	text-align:center;
	line-height:1.3;
	margin:0 0 30px;
	position: relative;
	display: inline-block;
	padding: 0 350px;
	width:320px;
}
.category_sub_box h2.visitor {
	padding: 0 230px;
	width: 500px;
}
.category_sub_box h2:before, .category_sub_box h2:after {
	content: '';
	position: absolute;
	top: 50%;
	display: inline-block;
	width: 330px;
	height: 2px;
	border-top: solid 3px #f37e86;
	border-bottom: solid 3px #f37e86;
}
.category_sub_box h2.visitor:before, .category_sub_box h2.visitor:after {
  width: 300px;
  border-top: solid 3px #d5ba96;
  border-bottom: solid 3px #d5ba96;
}
.category_sub_box h2:before {
  left:0;
}
.category_sub_box h2:after {
  right: 0;
}
.category_sub_box h2 span {
	display:block;
	font-size:28px;
}
.category_sub_box  h3 {
	font-size:20px;
}
.category_sub_list {
	width:100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display:flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap    : wrap;
    flex-wrap        : wrap;
}
.category_sub_list .satisfaction_list {
	width:30%;
	margin:0 0 25px;

}
.category_sub_list .satisfaction_list a {
	display:block;
	width:100%;
	position:relative;
	text-align:center;
}
.category_sub_list .satisfaction_list a:hover {
	opacity:0.8;
}
.satisfaction_list a .satisfaction_img {
	width:100%;
	height:130px;
	overflow:hidden;
	position:relative;
	margin:0 0 15px;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
}
.satisfaction_list a .satisfaction_img img {
	width:100%;
	position:absolute;
	top: -18%;
	left:0;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
}
.satisfaction_list a .satisfaction_img img.satisfied_03 {
	top:-40%;
}
.satisfaction_list a .satisfaction_img img.satisfied_04 {
	top:-10%;
}
.satisfaction_list a .satisfaction_img img.satisfied_05 {
	top: -30%;
}
.satisfaction_list a .satisfaction_img img.satisfied_06 {
	top: -50%;
}

.satisfaction_list a .category_sub_ttl {
	position: relative;
	display: inline-block;
	margin-bottom: 1em;
}
.satisfaction_list a .category_sub_ttl:before {
	content: '';
	position: absolute;
	bottom: -15px;
	display: inline-block;
	width: 100px;
	height: 4px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	background-color: #f37e86;
	border-radius: 2px;
}

.category_sub_list .companion_list {
	width:30%;
	margin:0 0 25px;

}
.category_sub_list .companion_list a {
	display:block;
	width:100%;
	position:relative;
	text-align:center;
}
.category_sub_list .companion_list a:hover {
	opacity:0.8;
}
.companion_list a .companion_img {
	width:100%;
	height: 70px;
	overflow:hidden;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	position:relative;
	margin:0 0 15px;
}

.companion_list a .companion_img img {
	width:100%;
	position:absolute;
	top: 0;
	left:0;
}

.companion_list a .category_sub_ttl {
	position: relative;
	display: inline-block;
	margin-bottom: 1em;
}
.companion_list a .category_sub_ttl:before {
	content: '';
	position: absolute;
	bottom: -15px;
	display: inline-block;
	width: 100px;
	height: 4px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	background-color: #f37e86;
	border-radius: 2px;
}


.visitor_list {
	width:900px;
	margin:0 auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display:flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.visitor_list .satisfaction_img {
	width:45%;
	height:160px;
	overflow:hidden;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	position:relative;
}
.visitor_list .satisfaction_img a:hover {
	opacity:0.8;
}
.visitor_list .satisfaction_img img {
	width:100%;
	position:absolute;
	top:-20%;
	left:0;
}
.visitor_list .visitor_detail {

	width:52%;
}
.visitor_list .visitor_detail .visitor_txt {
	margin:0 0 20px;
}
.visitor_list .visitor_detail .visitor_btn {
	width:80%;
	margin:0 auto;
	text-align:center;
}
.visitor_list .visitor_detail .visitor_btn a {
	display:block;
	width:100%;
	padding:10px 0;
	background:#bb9665;
	font-family:Georgia,??????????????????,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS????????????E,?????????C?????????I,Meiryo,serif;
	font-size:16px;
	color:#FFFFFF;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	border:2px #b39061 solid;
}
.visitor_list .visitor_detail .visitor_btn a:hover {
	opacity:0.8;
}


/* 20??????????? */
.category_sub_box h2.room20 {
	width:600px;
	padding:0 180px;
}
.category_sub_box h2.room20:before, .category_sub_box h2.room20:after {
	width: 210px;
	border-top: solid 3px #71aec9;
	border-bottom: solid 3px #71aec9;
}
.category_sub_box .room20_txt {
	padding:0 1em;
	margin:0 0 30px;
}
.room20_list {
	width:100%;
	margin:0 0 30px;
}
.room20_list:after {
	content:"";
	display:block;
	width:900px;
	height:1px;
	margin:10px auto 0;
	background:#757575;
}
.room20_list:last-child:after{
	display:none;
}
.room20_list ol {
	width:100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display:flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap    : wrap;
    flex-wrap        : wrap;
}
.room20_list ol li {
	width:32%;
	display:flex;
	margin:0 0 20px;
}
.room20_list ol li h3 {
	text-align:center;
	font-family:Georgia,??????????????????,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS????????????E,?????????C?????????I,Meiryo,serif;
	font-size:30px;
	margin:0 auto;
	padding:24% 0;
	box-sizing:border-box;
	height:200px;
	position: relative;
	color: #fff;
	display: inline-block;
	text-shadow: 0 0 2px #3e65a2;
	z-index:1;
	line-height:1.2;
}
.room20_list:last-child ol li h3{
	text-shadow: 0 0 2px #a03968;

}
.room20_list ol li h3:before {
  content: "";
  position: absolute;
  background: #537dbf;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  top: 50%;
  border: dashed 1px white;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  z-index: -1;
  box-shadow: 0px 0px 0px 5px #537dbf;
}
.room20_list:last-child ol li h3:before {

  background: #c75c8c;
  box-shadow: 0px 0px 0px 5px #c75c8c;

}
.room20_list ol li h3:after {
	content:"East";
	display:block;
	font-size:16px;
	font-weight:normal;
}
.room20_list:last-child ol li h3:after {
	content:"West";
}
.room20_list ol li a {
	display:block;
	width:100%;
	position:relative;
}
.room20_list ol li a:hover {
	opacity:0.8;
}
.room20_list ol li a span.room20_icon {
	position:absolute;
	top:0;
	left:0;
	width:40px;
	text-align:center;
	background:rgba(122, 197, 236, 0.8);
	padding:10px 0;
	color:#FFFFFF;
	font-size:20px;
}

.room20_list ol li a .room20_img {
	height:200px;
	overflow:hidden;
}
.room20_list ol li a .room20_img img {
	width:100%;
}
.room20_list ol li a h4 {
	position:absolute;
	bottom:0;
	left:0;
	padding:10px;
	width:100%;
	box-sizing:border-box;
	background:rgba(0,0,0,0.6);
	color:#FFFFFF;
}
.room20_list ol li a h4:after {
	font-family: "Font Awesome 5 Free";
	content:"\f105";
	font-weight:900;
	position:absolute;
	right:10px;
	font-size:20px;
}


#result_arearanking_area {
width:100%;
padding:50px 0 50px;
border-top:3px solid #d5ba96;
background-image: linear-gradient(45deg, #fff7ec 25%, #e9e7e7 25%, #e9e7e7 50%, #fff7ec 50%, #fff7ec 75%, #e9e7e7 75%,#e9e7e7);
background-size: 5px 5px;
}
#result_arearanking_area .arearanking_box {
	width: 960px;
	margin:0 auto;
}
#result_arearanking_area h2 {
	font-size:28px;
	margin:0 auto 30px;
	text-align: center;
}
#result_arearanking_area ul {
	width:900px;
	margin:0 auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display:flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap    : wrap;
    flex-wrap        : wrap;
}
#result_arearanking_area ul li {
	width:168px;
	margin:0 0 10px;
	text-align:center;
}
#result_arearanking_area ul li a {
	display:block;
	width:100%;
	padding:10px 0;	
	color: #333333;
	border:1px solid #dfdfdf;
	background:#FFF;
}
#result_arearanking_area ul li a:hover{
	background:#fffef5;
} 




#result_othercategory_area {
	width:100%;
	padding:70px 0;
}
#result_othercategory_area ul {
	width:900px;
	margin:0 auto;
	padding:0;
}
#result_othercategory_area ul li {
	width:440px;
	float:left;
	margin:0 10px 10px 0;
	line-height:0;
}
#result_othercategory_area ul li:nth-child(2) {
	margin-right:0;
}

#result_banduke_area {
	width:100%;
	padding:50px 0 70px;
	border-top:3px solid #d5ba96;
	background-image: linear-gradient(-45deg, #fff7ec 25%, #e9e7e7 25%, #e9e7e7 50%, #fff7ec 50%, #fff7ec 75%, #e9e7e7 75%,#e9e7e7);
	background-size: 5px 5px;
}
.banduke_box_menu {
	width: 960px;
	margin:0 auto 30px;
	background:url(../images/result/bg_top_pc_02.png) top center no-repeat;
	display: -webkit-box;
	display: -ms-flexbox;
	display:flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;	
}
.banduke_box {
	width:445px;
}
.banduke_txt {
	width:900px;
	margin:20px auto 0;
	font-size:14px;
}
.banduke_box h3 {
	text-align:center;
	margin:0 auto 10px;
	font-size:28px;
	background:url(../images/result/banduke_bd.png) center no-repeat;
	height:83px;
	padding:;
	line-height:1.3
}
.banduke_box h3 span {
	font-size:20px;
	display:block;
}
.banduke_box .banduke_img {
	width:100%;
	margin:0 0 15px;
}
.banduke_box .banduke_img a:hover{
	opacity:0.8;
}
.banduke_box .banduke_img img {
	width:100%;
}
.banduke_box .bnduke_link {
	width:100%;
}
.banduke_box .bnduke_link .banduke_btn {
	width:240px;
	margin:0 auto 15px;
	text-align:center;
}
.banduke_box .bnduke_link .banduke_btn a {
	display:block;
	width:100%;
	padding:10px 0;
	color:#FFFFFF;
	font-family:Georgia,??????????????????,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS????????????E,?????????C?????????I,Meiryo,serif;
	font-size:16px;
	background:#F29198;
	-webkit-box:border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	border:2px #C79562 solid;
}
.banduke_box .bnduke_link .banduke_btn a:hover {
	opacity:0.8;
}
.banduke_language {
	width:80%;
	margin:0 auto;
	box-sizing:border-box;
	display: -webkit-box;
	display: -ms-flexbox;
	display:flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	background: rgba(255, 255, 255, 0.5);
}
.banduke_language li {
	width:33%;
	border-right:1px #CCCCCC dashed;
}
.banduke_language li:last-child {
	border:none;
}
.banduke_language li a {
	display:block;
	padding:8px 0;
	width:100%;
	text-align:center;
}

.banduke_prize {
	width:900px;
	margin:0 auto;
}
.banduke_prize h4 {
	font-size:18px;
	margin:0 0 10px;
}
.banduke_prize dl {
	width:900px;
	box-sizing:border-box;
	display: -webkit-box;
	display: -ms-flexbox;
	display:flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap    : wrap;
    flex-wrap        : wrap;
    border:1px #CCCCCC solid;

    background:rgba(255, 255, 255, 0.6)
}
.banduke_prize dl dt {
	font-size:16px;
	font-weight:bold;
	width:10%;
	text-align:center;
	background:rgba(204, 204, 204, 0.60);
	border-bottom:1px #ffffff solid;
	padding:10px 0;
}
.banduke_prize dl dd {
	width:90%;
	padding:10px;
	box-sizing:border-box;
	border-bottom:1px #CCCCCC solid;
	font-size:15px;
	line-height:1.5;
}
.banduke_prize dl dt:last-of-type,
.banduke_prize dl dd:last-child {
	border:none;
}






/* ??????????????\ - ????????????n????t */
#result_onsenchi_area {padding:0 0 30px 0;font-size: 14px;}
.result_onsenchi_title {
width:1000px;
margin:0 auto;
padding:30px 0 10px;
background:#fdf4e8;
}
.onsenchi_title_box {
width:50%;
float:left;
text-align:center;
}
.onsenchi_title_box h1 {
margin:20px 0;
}

ol.result_onsenchi_rankingbox1-10 {
width:1000px;
margin:30px auto 0;
}
ol.result_onsenchi_rankingbox1-10 li.onsenchi_rankingbox1-10 {
width:928px;
margin:0 0 30px 0;
padding:0 20px 0 50px;

border:1px solid #d3d1d1;
background:#FFF;

}
li.onsenchi_rankingbox1-10 dl {
width:100%;
margin-bottom:5px;
}
li.onsenchi_rankingbox1-10 dl dt {
float:left;
width:50px;
}
li.onsenchi_rankingbox1-10 dl dd {
float:left;
margin:20px 0 0 20px;
}
li.onsenchi_rankingbox1-10 dl dd p.class {
font-size:16px;
}
li.onsenchi_rankingbox1-10 dl dd p.facility {
font-size:180%;
font-weight:bold;
}
li.onsenchi_rankingbox1-10 dl dd p.facility a {
font-size:28px;
font-weight:bold;
}
li.onsenchi_rankingbox1-10 dl dd p.facility span {
margin-left:30px;
font-size:14px;
font-weight:bold;
}
li.onsenchi_rankingbox1-10 .detailbox {
width:100%;
margin:0 0 50px;
}
li.onsenchi_rankingbox1-10 .detailbox .detailbox_c2 {
width:50%;
float:left;
}
ol.onsenchi_area_breadcrumb li {
display:inline;
list-style-type:none;
font-size:14px;
}
ol.onsenchi_area_breadcrumb li:after {
content:" > ";
}
ol.onsenchi_area_breadcrumb li:last-child:after {
content:none;
}
li.onsenchi_rankingbox1-10 .detailbox .detailbox_c2 h3 {
margin:20px 0;
padding:0 0 0 10px;
border-left:5px solid #c45c8f;
color:#57261f;
line-height:1.4;
font-size:18px;
font-weight:bold;
}
li.onsenchi_rankingbox1-10 .detailbox .detailbox_c2 h3 span {
color:#c45c8f;
font-weight:bold;
}
li.onsenchi_rankingbox1-10 .detailbox .detailbox_c2 .commentarea {
border-radius:3px;
background:#f0efef;
padding:5px;
margin:0 0 10px 0;
}
li.onsenchi_rankingbox1-10 .detailbox .detailbox_c2 .commentarea h4 {
padding:0 0 0 25px;
color:#57261f;
line-height:1.2;
background:url(../images/result/img_rankingbox_comment.png) top left no-repeat;
font-size:16px;
font-weight:bold;
}
li.onsenchi_rankingbox1-10 .detailbox .detailbox_c2 .commentarea:nth-of-type(2) {
background:#fff9dc;
}
li.onsenchi_rankingbox1-10 .detailbox .detailbox_c2 .commentarea:nth-of-type(2) h4 {
background:url(../images/result/img_rankingbox_cheer.png) top left no-repeat;
}
li.onsenchi_rankingbox1-10 .detailbox .detailbox_c2 .commentarea p {

margin:5px 0 0 0;
}
li.onsenchi_rankingbox1-10 .detailbox .detailbox_c2 p.map {
padding:0 0 0 25px;
background:url(../images/result/img_rankingbox_map.png) 5px 0 no-repeat;
background-size:contain;
}

#result_onsenchi_area h2 {
text-align: center;
margin: 50px 0;
font-size: 250%;
font-weight: normal;
}

.result_onsenchi_rankingbox11-20 {
width:1000px;
margin:0 auto 70px;

}
ol.onsenchi_rankingbox11-20 {
width:50%;
float:left;
}
ol.onsenchi_rankingbox11-20 li {
display: -webkit-flex;
display:flex;
margin:0 0 1px 0;
}
ol.onsenchi_rankingbox11-20 li img {
margin:0 1px 0 0;
}
ol.onsenchi_rankingbox11-20 li > a {
flex: 0 0 160px;
-webkit-flex: 0 0 160px;
overflow: hidden;
}
ol.onsenchi_rankingbox11-20 li > a img{
width: 100%;
}
ol.onsenchi_rankingbox11-20 li p {
padding:0 20px;
}

ol.onsenchi_rankingbox11-20 li p a {
font-size: 120%;
}

/* URL??????? */
ol.onsenchi_rankingbox11-20 li > .no-link {
	flex: 0 0 160px;
	-webkit-flex: 0 0 160px;
	height: 97px;
	overflow: hidden;
}

ol.onsenchi_rankingbox11-20 li > .no-link img{
	width: 100%;
}

ol.onsenchi_rankingbox11-20 li p span {
	font-size: 140%;
}

.btn_onsenchi_towest {
height: 50px;
margin: 0 auto 30px;
text-align:center;

}
.btn_onsenchi_towest a {
display: inline-block;
position: relative;
z-index: 100;
text-align:center;

background: #c45c8f;
color: #fff;
font-size: 18px;
line-height: 50px;
text-decoration:none;
padding: 0 50px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
}
.btn_onsenchi_towest a:before {
display: block;
content: "";
position: absolute;
top: 50%;
right: 15px;
width: 0;
height: 0;

margin-top: -7px;
border: 7px solid transparent;
border-left: 7px solid #fff;
}
.plan_box {
width:100%;
}
li.onsenchi_rankingbox1-10 .btn_detail {
display:block;
width:30%;
margin-top:15px;
margin-left:auto;
margin-bottom:30px;
border-radius:3px;
text-align:center;
color:#FFF;
background:#fc8182;
padding:10px 0;
}




.ken_banduke {
	width: 100%;
	max-width: 860px;
	margin: 0 auto;
	text-align: center;
	font-size: 18px;
	border-collapse: separate;
    border-spacing: 5px;
}

.ken_banduke td {
	height: 40px;
	vertical-align: middle;
	font-weight: bold;
	padding: 0 5px;
}
.ken_banduke thead td {
	background-color: #c4975c;
	color: #fff;
}

.ken_banduke tbody tr:nth-child(odd) td {
	background-color: #fffbf5;
}
.ken_banduke tbody tr:nth-child(even) td {
	background-color: #fff;
}

.ken_banduke tbody td:nth-child(2) {
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	color: #fff;
	font-size: 20px;
}

.ken_banduke tbody tr:nth-child(odd) td:nth-child(2) {
	background-color: #ae85ab;
}
.ken_banduke tbody tr:nth-child(even) td:nth-child(2) {
	background-color: #d1a9cb;
}
.ken_banduke tbody tr:nth-child(1) td:nth-child(2) {
	background-color: #e47165;
}
.ken_banduke tbody tr:nth-child(2) td:nth-child(2) {
	background-color: #e59441;
}
.ken_banduke tbody tr:nth-child(3) td:nth-child(2) {
	background-color: #89a267;
}
.ken_banduke tbody tr:nth-child(4) td:nth-child(2) {
	background-color: #bebc49;
}

.ken_banduke td:first-child:before, .ken_banduke td:last-child:after {
	display: inline-block;
	width: 1em;
}
.ken_banduke td.stay:first-child:after, .ken_banduke td.stay:last-child:after {
	content: url(images/ranking_arrow_stay.gif);
}
.ken_banduke td.up:first-child:after, .ken_banduke td.up:last-child:after {
	content: url(images/ranking_arrow_up.gif);
}
.ken_banduke td.down:first-child:after, .ken_banduke td.down:last-child:after {
	content: url(images/ranking_arrow_down.gif);
}
.ken_banduke td a {
	display: inline-block;
	width: 80%;
	font-weight: bold;
	/* pointer-events: none; */
}

.ken_ranking dl {
	display: -webkit-flex;
	display: flex;
	margin: 10px 0;
}

.ken_ranking dt a {
	width: 100px;
	background-color: #daf2af;
	border: 1px solid #9abe1d;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	display: block;
	text-decoration: none;
	font-size: 18px;
	font-weight: bold;
	color: #2C2016;
	text-align: center;
}
.ken_ranking dt a:hover {
	background-color: #eaffc3;
}

.ken_ranking dd {
	font-size: 0;
}
.ken_ranking dd a {
	display: inline-block;

	padding: 0 8px;
	font-size: 18px;
	font-weight: bold;
}
.ken_ranking dd a:not(:last-child) {
	border-right: 1px dotted;
}

.area_ranking {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
.area_ranking > a {
	width: 100%;
	margin: 15px 5px;
	text-align: center;
	color: #2C2016;

	font-size: 20px;
	font-weight: bold;
	line-height: 3;
	text-decoration: none;
}
.area_ranking > a:hover {
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";
}
.area_ranking > a > div.area_ranking_ttl {
	height: 130px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	overflow: hidden;
	position:relative;
}
.area_ranking > a > div.area_ranking_ttl h3 {
	position:absolute;
	top:25%;
	width:100%;
	text-align:center;
	font-size:24px;
	color:#FFFFFF;
	font-weight:bold;
	text-shadow:0 0 5px #000000;
}
.area_ranking > a > div.area_ranking_ttl > div > img {
	width: 100%;
	height: auto;
	margin-top: -8%;
}
.area_ranking > a > span {
	font-size: 18px;
}
.area_ranking > a:after {
	content: "";
	display: block;
	background-color: #ed9399;
	width: 40%;
	height: 4px;
	margin: 0 auto;
}


	.area_ranking {
		padding: 0 10px;
	}
	.area_ranking > a {
		width: calc(33% - 8px);
	}

.ken_ranking {
	max-width: 860px;
	height:600px;
	margin: 0 auto;
	padding: 10px 0;
	background: url(../images/result/map.jpg) no-repeat;
	background-position: bottom right;
	background-size: cover;
	position:relative;
}

.ken_ranking ul {
	clear: both;
	position:absolute;
}

.ken_ranking ul li p {

	display: none;
}
.ken_ranking ul li ul {
	position:absolute;
	display: -webkit-box;
    display: -ms-flexbox;
	display: flex;
    -webkit-flex-wrap: wrap;          /* Safari etc. */
    -ms-flex-wrap    : wrap;          /* IE10        */
    flex-wrap        : wrap;
	-webkit-align-items: flex-start;
	-ms-align-items: flex-start;
	align-items: flex-start;
}

.ken_ranking ul li ul li {
	float: left;
	box-sizing:border-box;
	text-align:center;
    width: 70px;
    height: 32px;
    margin:0 5px 5px 0;
}

.ken_ranking ul li ul li a {
    display: block;
    width: 100%;
    height: 100%;
    line-height: 32px;
    font-size:14px;
    color: #232323;
    background:#FFFFFF;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    box-shadow:0px 0px 9px rgba(50,50,50,0.4);
    -webkit-box-shadow:1 1 1 #333333;
}
.ken_ranking ul li ul li a:hover {
    background:rgba(255,255,255,0.8);
    text-decoration:none;
}

#hokkaido {
	top: 125px;
	left: 590px;
	width: 100px;
}
#tohoku {
	top: 200px;
	left: 600px;
	width:150px;
}
#kanto {
	top: 340px;
	left: 540px;
	width:300px;
}
#koshinetsu {
	top: 220px;
	left:320px;
	width:240px;
}
#hokuriku {
	top: 180px;
	left:320px;
	width:240px;
}
#tokai {
	top: 440px;
	left:500px;
	width:150px;
}
#kinki {
	top: 300px;
	left: 280px;
	width:240px;
}
#chugoku {
	top: 260px;
	left: 40px;
	width:240px;
}
#shikoku {
	top: 420px;
	left:280px;
	width:150px;
}
#kyusyu {
	top: 400px;
	left: 60px;
	width:150px;
}
#okinawa {
	top: 105px;
	left: 100px;
	width: 100px;
}


.ken_commingsoon {
	margin:0 auto;
	padding:50px;
	font-size:20px;
	color:#FFFFFF;
	text-align:center;
	background:rgba(51, 51, 51, 0.4);
}






#banduke{
	text-align:center;
}
#banduke .banduke_ttl{
	background-color:#3d2116;
	color:#FFFFFF;
	font-size:20px;
	margin-bottom:5px;
	padding:5px;
}

#banduke .text{
	font-size:16px;
	margin:10px;
}

#banduke .w_100{
	width: 100%;
}

#banduke .banduke_back{
	width: 450px;
	margin: 30px auto 50px;
	text-align: center;
}
#banduke .banduke_back a{
	font-size:18px;
	display:block;
	text-decoration:none;
	padding: 10px 0;
	background:#F29198;
	font-family:Georgia,??????????????????,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS????????????E,?????????C?????????I,Meiryo,serif;
	font-size:16px;
	font-weight:bold;
	color:#FFFFFF;
	-webkit-box:border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	border:2px #C79562 solid;
}
#banduke .banduke_back a:hover{
	opacity:0.8;
}


#banduke .banduke_language {
	width:400px;
	margin:20px auto 0;
	box-sizing:border-box;
	display: -webkit-box;
	display: -ms-flexbox;
	display:flex;
	-webkit-box-pack: justify;

	-ms-flex-pack: justify;

	justify-content: space-between;
	background: rgba(255, 255, 255, 0.5);
	border-right:1px #CCCCCC dashed;
	border-left:1px #CCCCCC dashed;
}
#banduke .banduke_language li {
	width:33%;
	border-right:1px #CCCCCC dashed;
}
#banduke .banduke_language li:last-child {
	border:none;
}
#banduke .banduke_language li a {
	display:block;
	padding:8px 0;
	width:100%;
	text-align:center;
}
#banduke .banduke_language li a:hover {
	background:#f5f6ce;
}






/* ???v?????????t???B???[?????? */
.profile_main {
	width:960px;
	margin:0 auto;
	font-size:16px;
}
.profile_title {
	padding:30px 0 0 ;
}
.profile_title h1 {
	padding:0;
	font-size:28px;
	font-weight:bold;
	margin:0 0 20px;
}
.profile_title h1:before {
	content:"";
}
.profile_title p {
	text-align:center;
}


.profile_info {
	padding:20px;
}
.profile_info,.profile_detail {
	width:900px;
    position: relative;
    margin: 3em auto 2em;
    padding:1em 1.5em;
    border: solid 3px #d5ba96;
    border-radius: 8px;
    background:#FFFFFF;
}
.profile_info h2,.profile_detail h2 {
    position: absolute;

    display: inline-block;
    top: -33px;
    left: 10px;
    padding: 3px 9px;
    height: 25px;
    line-height: 25px;
    vertical-align: middle;
    font-size: 17px;
    background: #d5ba96;
    color: #ffffff;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
}
.profile_info p {
	margin:0 0 15px;
}
.profile_info dl {
	padding:15px 15px 10px;
	background:#fff7d2;
	font-size:14px;
	display: -webkit-box;
	display: -ms-flexbox;
	display:flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
    -webkit-flex-wrap: wrap;          /* Safari etc. */
    -ms-flex-wrap    : wrap;          /* IE10        */
    flex-wrap        : wrap;
}
.profile_info dl dt {
	width:10%;
	font-weight:bold;
	margin:0 0 5px;
}
.profile_info dl dd {
	width:90%;
	box-sizing:border-box;
	margin:0 0 5px;
	padding:0 0 0 10px;
}

.profile_detail {
    padding:1.5em;
	display: -webkit-box;
	display: -ms-flexbox;
	display:flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
    -webkit-flex-wrap: wrap;          /* Safari etc. */
    -ms-flex-wrap    : wrap;          /* IE10        */
    flex-wrap        : wrap;
}
.profile_box {
	width:50%;
	margin:0 0 20px;
	position:relative;
}
.profile_box:first-of-type,.profile_box:nth-of-type(6),.profile_box:nth-of-type(7),.profile_box:last-of-type {
	width:100%;
}
.profile_01 {
	display: -webkit-box;
	display: -ms-flexbox;
	display:flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.profile_01 dl {
	width:50%;
	box-sizing:border-box;
	text-align:center;
	padding:15px 0 0 80px;
	line-height:1.2;
	color:#8F5A99;
	background:url(../images/result/profile_bg.jpg) 15px no-repeat;
}
.profile_01 dl dt {
	font-size:28px;
	font-weight:bold;
	margin:0 0 10px;
}
.profile_01 dl dd {
	font-size:60px;
	font-weight:bold;
}
.profile_01 dl dd span {
	font-size:34px;
	font-weight:bold;
}
.profile_01 .profile_lead {
	width:50%;
	box-sizing:border-box;
    position: relative;
    margin:0 0 0 40px;
    padding: 15px;
    background: #FFF6D3;
    border-radius: 20px;
    font-size:15px;
}
.profile_01 .profile_lead:before{
	font-family: "Font Awesome 5 Free";
    content: "\f111";
    font-weight:900;
    position: absolute;
    font-size: 15px;
    left: -40px;
    bottom: 5px;
    color: #fff0c6;
}
.profile_01 .profile_lead:after{
    font-family: "Font Awesome 5 Free";
    content: "\f111";
    font-weight:900;
    position: absolute;
    font-size: 22px;
    left: -24px;
    bottom: 10px;
    color: #fff0c6;
}
.profile_01 .profile_lead p {
    margin: 0; 
    padding: 0;
}
.profile_02 {
	height:360px;
	text-align:center;
	position:relative;
	margin:40px 0 20px;
	padding:40px 0 0;
}
.profile_02 img {
	max-width:100%;
	max-height:100%;
}
.profile_box .profile_ttl {
	position:absolute;
	top:-40px;
	left:0;
	text-align:center;
	width:80px;
	height:80px;
	line-height:80px;
	font-size:22px;
	font-weight:bold;
	color:#FFFFFF;
	background:#8F5A99;
	-webkit-border-radius:100%;
	-moz-border-radius:100%;
	border-radius:100%;
}


/* ???o???b???O???i?????????o???[ */
.back_number {
	width:900px;
	margin:30px auto 0;
}
.back_number h5 {
	font-size:16px;
	margin:0 0 10px;
}
.back_number ul {
	border:1px #CCCCCC solid;
	padding:10px;
	background: rgba(255, 255, 255, 0.5);
	display: -webkit-box;
	display: -ms-flexbox;
	display:flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
    -webkit-flex-wrap: wrap;          /* Safari etc. */
    -ms-flex-wrap    : wrap;          /* IE10        */
    flex-wrap        : wrap;
}
.back_number ul li {
	width:50%;
	font-size:15px;
	margin:0 0 5px;
}
.back_number ul li:before {
	font-family: "Font Awesome 5 Free";
    content: "\f0da";
    font-weight:900;
    color:#c4965c;
    padding:0 5px 0 0;
}

.h2_small {
	font-size:1.1em!important
}

@media screen and (max-width: 960px) {
	body {
		min-width:100%;
		overflow-x: hidden;
	}
	.top_lead {
		width:100%;
	}
	.top_lead_inside {
		width:100%;
	}
	.main_visual {
	min-width:100%;
	}
	.main_visual_inside {
		width:100%;
	}
	.aboutprize_area {
		min-width:100%;
	}
	.aboutprize_inside {
		width:100%;
	}
	.history_area {
		min-width:100%;
	}
	.history_area_inside {
		width:100%;
	}
	.award_contents {
		min-width:100%;
	}
	.present_area {
		min-width:100%;
	}
	.present_area_inside {
		width:100%;
	}

	.present_area_inside h3 {
		width:100%;
	}

	.present_area_inside ul {
		width: 100%;	
	}
	.guideline_area  {
		min-width:100%;
	}
	.guideline_box {
		width:100%;
	}
	.news_area_intro {
		width:100%;
	}
	.news_area .news_inside {
		width:100%;
	}
	.bnr_inside {
		width:100%;
	}
	.bnr_inside ul {
		width:100%;
	}
	.bnr_inside ul li {
		width:48%;
	}

	header #travel-renewal .common-header-contents {
		width:100%;
	}
	.common-breadclumb-wrapper .common-breadclumb-items {
		width: 100%;
	}
	#travel-renewal .common-header-contents {
		width: 100%;
	}
	#pankuzu_l {
		width: 100%;
	}
	.aboutprize_area .result_aboutprize_txt {
		width: 100%x;
	}
}

.mid_announce {
	width:100%;
	min-width:1000px;
	margin:0 auto;
	background: #f5efdd; /* Old browsers */
	background: url(/onsen/award/014/images/bg_contents.png) top center / cover no-repeat , #f5efdd;
}
.mid_announce_inside {
	width:1000px;
	box-sizing:border-box;
	margin:0 auto;
	padding: 30px 20px;
}
.mid_announce_inside h2 {
 position: relative;
 margin: 0 auto 30px;
 text-align: center;
 width: 30%;
}
.mid_announce_inside h2:before,
.mid_announce_inside h2:after {
  position: absolute;
  z-index: 0;
  bottom: -10px;
  display: block;
  content: '';
  border: 1em solid #d90606;
}
.mid_announce_inside h2:before {
  left: -30px;
  border-left-width: 15px;
  border-left-color: transparent;
}
.mid_announce_inside h2:after {
  right: -30px;
  border-right-width: 15px;
  border-right-color: transparent;
}
.mid_announce_inside h2 span {
  position: relative;
  z-index: 1;
  display: block;
  padding: 0.5rem 1.5rem;
  color: #fff;
  background: #fa4141;
}
.mid_announce_inside h2 span:before,
.mid_announce_inside h2 span:after {
  position: absolute;
  bottom: -10px;
  display: block;
  content: '';
  border-style: solid;
  border-color: #b70505 transparent transparent transparent;
}
.mid_announce_inside h2 span:before {
  left: 0;
  border-width: 10px 0 0 10px;
}
.mid_announce_inside h2 span:after {
  right: 0;
  border-width: 10px 10px 0 0;
}

.announce_lead {
	text-align:center;
	line-height:1.8;
	margin-bottom:30px;
}
.announce_lead span {
	font-weight:bold;
	font-size:18px;
}
.announce_lead span.al_red {
	color: #d63a29;
}
.announce_lead span.al_ul {
	background: linear-gradient(transparent 60%, #fadf69 60%);
	padding:0 10px;
}
.mid_rank_area {
	margin-bottom:20px;
}
.mid_rank_area h3 {
	font-size:26px;
	text-align:center;
	margin:0 auto;
	box-sizing: border-box;
	padding: 0 0 15px;
	position: relative;
}
.mid_rank_area h3:after {
	content: "";
	display: block;
	margin: 5px 0 5px;
	height: 4px;
	background: -moz-linear-gradient(to right, rgb(255, 186, 115), #ffb2b2);
	background: -webkit-linear-gradient(to right, rgb(255, 186, 115), #ffb2b2);
	background: linear-gradient(to right, rgb(255, 186, 115), #ffb2b2);
}
.mid_rank_area ol {
	margin:10px auto 0;
	padding:0;
	width:100%;
	display: -webkit-box;
    display: -ms-flexbox;
	display:flex;
	-webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap:wrap;
	flex-wrap:wrap;
}
.mid_rank_area ol li {
	position:relative;
	width: 180px;
	box-sizing: border-box;
	margin: 0 0 30px;
	text-align:center;
}
.mid_rank_area ol li a {
	display:block;
}
.mid_rank_area ol li a:hover {
	opacity:0.8;
}

.mid_rank_img {
	position:relative;
}
.mid_rank_img img {
	width:100%;
	height: 100px;
	object-fit: cover;
}
.mid_rank_img .ico_rank {    
    display: inline-block;
    position: absolute;
    top: -6px;
    left: 10px;
    margin: 0;
    padding: 5px 0;
    z-index: 2;
    width: 36px;
    text-align: center;
    color: white;
    font-size: 18px;
    background: linear-gradient(#ff785b 0%, #e95738 100%);
    border-radius: 2px 0 0 0;
}
.mid_rank_img .ico_rank:before{
	position: absolute;
    content: '';
    top: 0;
    right: -6px;
    border: none;
    border-bottom: solid 6px #cf4a2d;
    border-right: solid 6px transparent;
}
.mid_rank_img .ico_rank:after{
    content: '';
    position: absolute;
    left: 0;
    top: 100%;
    height: 0;
    width: 0;
    border-left: 18px solid #e95738;
    border-right: 18px solid #e95738;
    border-bottom: 10px solid transparent;
}
.mid_rank_img .rank01 {
    background: linear-gradient(#f3d331 0%, #dcba0e 100%);	
}
.mid_rank_img .rank01:before {
    border-bottom: solid 6px #dcba0e;	
}
.mid_rank_img .rank01:after {
    border-left: 18px solid #dcba0e;
    border-right: 18px solid #dcba0e;
}
.mid_rank_img .rank02 {
    background: linear-gradient(#cecece 0%, #a7a7a7 100%);	
}
.mid_rank_img .rank02:before {
    border-bottom: solid 6px #a7a7a7;	
}
.mid_rank_img .rank02:after {
    border-left: 18px solid #a7a7a7;
    border-right: 18px solid #a7a7a7;
}
.mid_rank_img .rank03 {
    background: linear-gradient(#de9815 0%, #cc8705 100%);	
}
.mid_rank_img .rank03:before {
    border-bottom: solid 6px #cc8705;	
}
.mid_rank_img .rank03:after {
    border-left: 18px solid #cc8705;
    border-right: 18px solid #cc8705;
}
.mid_rank_dt h4 {
	font-size:18px;
}
.mid_rank_dt h4 span {
	display:block;
	font-size:14px;
}


.middle_more_area {
	text-align:center;
	margin-bottom:30px;
}
.middle_more_area a {
	font-size: 18px;
	font-weight: bold;
}


.emblem_txtbox h2 {
	width: auto;
	margin:0px 20px 0 20px;
}

.emblem_txtbox {
	width:1000px;
	margin:0 auto;
	text-align: center;
	}

.emblem_flex {
	text-align: center;
	display: flex;
	align-items:flex-end;
}

.detail-common-link {
    width: 960px;
    margin: 20px auto 20px;
}

.detail-common-link .link-title {
    font-size: 16px;
    font-weight: bold;
    color: #3d474d;
    margin: 0 0 20px;
}

.detail-common-link .link-items {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.detail-common-link .link-items .link-item.item-liner {
    width: calc(100% / 3);
    padding: 0 10px 0 0;
    margin: 0 0 12px 0;
}

.detail-common-link .link-items .link-item.item-liner a {
    font-size: 14px;
    color: #3d474d;
}