@charset "Shift_JIS";

*{
margin:0;
padding:0;
font-size:100%;
}

/* 構造要素とブロックレベル要素 */
html, body, div, h1, h2, h3, h4, h5, h6,
p, blockquote, pre, address, ul, ol, li, dl, dt, dd,
table, th, td, form, fieldset {
	font-family:"ＭＳ Ｐゴシック", "ＭＳ ゴシック", "メイリオ", Arial, SimSun, Arial Unicode MS, Helvetica, sans-serif, Osaka, "ヒラギノ角ゴ Pro W3";
}

ul{
margin:0;
padding:0;
}

li{
list-style:none;
margin:0;
padding:0;
}

img{
border:0;
}

.hide{display:none;}

table{
border-collapse:collapse;
}

table img{
vertical-align:middle;
}

.txt_c{
text-align:center;
}

/* --▼▼ リンクの色 ▼▼-- */
a:link { color: #0000e3;  background-color: transparent;}
a:visited { color: #800080;  background-color: transparent;}
a:hover { color: #ff0000;  background-color: transparent;}
a:active { color: #0000e3;  background-color: transparent;}


/* --▼▼ mark ▼▼-- */
.mark1{
background:url(../images/arrow04.gif) no-repeat 0 0;
padding-left:22px;
}

.mark3{
background:url(../images/arrow17.gif) no-repeat 0 0;
padding-left:23px;
}

/* --▲▲ mark ▲▲-- */

/* --▼▼ width 指定 ▼▼-- */
.wide5per{width:5%;}
.wide6per{width:6%;}
.wide8per{width:8%;}
.wide10per{width:10%;}
.wide15per{width:15%;}
.wide17per{width:17%;}
.wide20per{width:20%;}
.wide22per{width:22%;}
.wide23per{width:23%;}
.wide25per{width:25%;}
.wide28per{width:28%;}
.wide30per{width:30%;}
.wide32per{width:32%;}
.wide35per{width:35%;}
.wide40per{width:40%;}
.wide45per{width:45%;}
.wide48per{width:48%;}
.wide50per{width:50%;}
.wide60per{width:60%;}
.wide70per{width:70%;}
.wide80per{width:80%;}
.wide90per{width:90%;}
.wide95per{width:95%;}
.wide98per{width:98%;}
.wide100per{width:100%;}

.wide200px{width:200px;}
.wide250px{width:250px;}
.wide450px{width:450px;}
.wide880px{width:880px;}
/* --▲▲ width 指定 ▲▲-- */

/* --▼▼ height 指定 ▼▼-- */
.h20px{height:20px;}
.h30px{height:30px;}
.h40px{height:40px;}
.h50px{height:50px;}
.h80px{height:80px;}
.h100px{height:100px;}
.h120px{height:120px;}
.h150px{height:150px;}
.h200px{height:200px;}
/* --▲▲ height 指定 ▲▲-- */

/* --▼▼ font 色指定 ▼▼-- */
.red{color:#ff0000;}
.redbold{color:#ef0707;	font-weight: bold;}
.redbold2{color:#e01f1f;	font-weight: bold;}
.rank1redb{color:#EE3A00;	font-weight: bold;}
.dredbold {color: #dd1a1a;font-weight:bold;}
.winebold{color:#cc3333;font-weight: bold;}
.orangebold{color:#d86701;font-weight: bold;}
.rank2orangeb{color:#F0521D;	font-weight: bold;}
.bluebold{color:#3c77e2;font-weight: bold;}
.blue2bold{color:#2466c8;font-weight: bold;}
.blue3bold{color:#3399cc;font-weight: bold;}
.navybold{color:#1452b8;font-weight: bold;}
.grnbold{color:#42a507;font-weight: bold;}
.grn2bold{color:#009f2d;font-weight: bold;}
.grn3bold{color:#2E9F93;font-weight: bold;}
.gray66{color:#666666}
.c4{color:#444444;font-weight:normal;}
.green{color:#1b7e20}
.rank3yellowb{color:#DDAC00;font-weight: bold;}
.redpinkbold{font-weight:bold;color:#FF4242;}
.pinkbold{color:#FF8584; font-weight:bold;}
.purplebold{color:#c479b3; font-weight:bold;}
.f_normal{font-weight:normal;}
.bold {color: #458C96;font-weight:bold}
.f_bold {font-weight:bold}
/* --▲▲ font 色指定 ▲▲-- */

/* --▼▼ font-size 指定 ▼▼-- */
.size70per{font-size:70%;}
.size80per{font-size:80%;}
.size90per{font-size:90%;}
/* --▲▲ font-size 指定 ▲▲-- */

/* --▼▼ background-color 色指定 ▼▼-- */
.bgcolor1{background-color:#eeeeee;}
.bgcolor2{background-color:#e6f4fb;}
.bgcolor3{background-color:#FFFFCC;}
/* --▲▲ background-color 色指定 ▲▲-- */

.border1{
border-left:1px dotted #cccccc;
}

.border2{
border-left:1px solid #cccccc;
}

/* --▼▼ margin 指定 ▼▼-- */
.mt2{margin-top:2px;}
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mr5{margin-right:5px;}
.mr7{margin-right:7px;}
.mr10{margin-right:10px;}
.mr50{margin-right:50px;}
.ml5{margin-left:5px;}
.ml10{margin-left:10px;}
.ml25{margin-left:25px;}
.ml50{margin-left:50px;}

.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt25{margin-top:25px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}
.mt60{margin-top:60px;}
.mt70{margin-top:70px;}
.mt80{margin-top:80px;}
.mt90{margin-top:90px;}
.mt100{margin-top:100px;}

.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mb25{margin-bottom:25px;}
.mb40{margin-bottom:40px;}
.mb50{margin-bottom:50px;}

.imr10 img{margin-right:10px;}
.iml10 img{margin-left:10px;}
/* --▲▲ margin 指定 ▲▲-- */

.v_top{vertical-align:top;}
.v_mid{vertical-align:middle;}

/* --▼▼ float 指定 ▼▼-- */
.f_left{float:left;}
.f_right{float:right;}
.f_clear{clear:both;}
/* --▲▲ float 指定 ▲▲-- */

/* --▼▼ mark 指定 ▼▼-- */

/* --▲▲ mark 指定 ▲▲-- */

#main_con{
text-align:left;
float:left;
width:890px;
margin:0 0 0 14px;
padding-bottom:10px;
font-size:90%;
color: #444444;
}

/* --▼▼ クチコミランキング　メインタイトル・パンくずリスト ▼▼-- */
h1{
font-weight:normal;
text-align:right;
font-size:70%;
}

#title_box{
width:890px;
height:80px;
background:url(../images/share/title_back.gif) no-repeat top left;
position:relative;
}

#title{
width:253px;
height:57px;
position:absolute;
top:5px;
left:5px;
}

#title_txt{
position:absolute;
top:11px;
left:102px;
font-weight:bold;
font-size:70%;
}

#title_txt_l{
position:absolute;
top:11px;
left:70px;
font-weight:bold;
font-size:70%;
}

#banner1{
width:490px;
height:80px;
position:absolute;
top:5px;
right:0;
}

#map{
width:253px;
height:18px;
position:absolute;
bottom:0;
left:40px;
}

#map li{
float:left;
}

#pan{
float:left;
margin:8px 0 6px 0;
font-size:90%;
}

#info_vote{
float:right;
margin:8px 0 6px 0;
font-size:90%;
}

#info_vote2{
float:right;
margin:0 0 6px 0;
font-size:90%;
}

#info_vote img{
vertical-align:middle;
}
/* --▲▲ クチコミランキング　メインタイトル・パンくずリスト ▲▲-- */

/* --▼▼ サイドメニュー（右） ▼▼-- */
.rank_side_box0,
.rank_side_box1,
.rank_side_box2,
.rank_side_box3{
width:120px;
margin-bottom:10px;
}

.rank_side_box0{
border:1px solid #4d8dd5;
}

.rank_side_box1{
border:1px solid #4d8dd5;
background-color:#e8f7ff;
}

.rank_side_box2{
border:1px solid #bccd41;
background-color:#f9fadc;
}

.rank_side_box3{
border:1px solid #cccccc;
}

.rank_side_box0 dt,
.rank_side_box1 dt,
.rank_side_box2 dt,
.rank_side_box3 dt{
background-color:#4d8dd5;
font-size:10px;
color:#ffffff;
text-align:center;
vertical-align:middle;
padding:4px 2px 4px 0px;
font-weight:bold;
}

.rank_side_box2 dt{
background-color:#bccd41;
}

.rank_side_box3 dt{
background-color:#cccccc;
}

.rank_side_box1 dd,
.rank_side_box2 dd,
.rank_side_box3 dd{
padding:4px 2px 4px 13px;
}

.rank_side_box0 dd,
.rank_side_box3 dd{
padding:4px 2px 4px 2px;
}

.rank_side_box1 dd,
.rank_side_box2 dd{
background:url(../images/tri10.gif) no-repeat 2px 4px;
}

.rank_side_box0 dd,
.rank_side_box3 dd{
font-weight:bold;
color:#666666;
}

.rank_side_box0 dd a,
.rank_side_box3 dd a{
font-weight:normal;
margin-left:3px;
}

#layer1{
display:none;
position:absolute;
width:120px;
z-index:1;
left:908px;
_left:930px;                     /* ---- IE6 ハック ---- */
top: 153px;
font-size:75%;
}

@media (min-width: 41.875em){
#layer1{
display:block;
position:absolute;
width:120px;
z-index:1;
left:908px;
_left:930px;                     /* ---- IE6 ハック ---- */
top: 153px;
font-size:75%;
}

#layer1 p{
margin-bottom:10px;
}
}

/* --▲▲ サイドメニュー（右） ▲▲-- */




/* ================================== */
/* 　　　PR表記CSS（2023/9/15追加）　  */
/* ================================== */

.promotion-note {
position: fixed;
padding: 1.5em 1.5em;
font-size: 1rem !important;
font-size: 10px !important;
border-radius: .3em;
opacity: .9;
width: 4.1em;
overflow: hidden;
transition: width 1s;
/*---customize---*/
top: 1em;
left: 1em;
background: #002E72;
color: #FFF;
/*---customize---*/
box-sizing: border-box;
}

.promotion-note.is-open {
width: 26.5em;
transition: width 1s;
}

.promotion-note.is-open p span {
opacity: 1;
transition: opacity .5s;
}

.promotion-note.is-close {
width: 4.1em;
transition: width 1s;
}

.promotion-note.is-close p span {
opacity: 0;
transition: opacity .5s;
}

.promotion-note p {
margin-block-start: 0;
margin-block-end: 0;
margin-inline-start: 0;
margin-inline-end: 0;
font-size: 1.1rem !important;
font-size: 11px !important;
line-height: 1 !important;
position: relative;
}

.promotion-note p span {
display: block;
position: absolute;
top: 0;
left: 1.54545em;
width: 21em;
opacity: 0;
}

.promotion-note p::before {
content: "";
display: inline-block;
vertical-align: -.2em;
margin-right: .5em;
height: 1em;
width: 1em;
background: url("data:image/svg+xml;utf8,<svg id='a' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50'><path d='M17.003,13.636c-.351-.232-.775-.348-1.271-.348h-2.997v9.925h2.997c.48,0,.895-.112,1.247-.335,.351-.224,.623-.552,.816-.983,.192-.432,.287-.943,.287-1.534v-4.1c0-.623-.092-1.159-.276-1.606-.184-.447-.452-.787-.803-1.019Z' style='fill:%23fff;'/><path d='M37.555,13.564c-.375-.2-.819-.3-1.331-.3h-3.116v8.727h3.116c.512,0,.956-.092,1.331-.276,.376-.184,.66-.448,.851-.792,.192-.344,.288-.755,.288-1.234v-3.884c0-.528-.096-.983-.288-1.367-.191-.384-.475-.675-.851-.875Z' style='fill:%23fff;'/><path d='M45,0H5C2.25,0,0,2.25,0,5V45c0,2.75,2.25,5,5,5H45c2.75,0,5-2.25,5-5V5c0-2.75-2.25-5-5-5ZM24.1,21.272c0,1.615-.324,2.993-.971,4.135-.647,1.143-1.586,2.015-2.817,2.614-1.231,.599-2.701,.899-4.411,.899h-3.165v13.521H6.791V7.583H15.901c1.726,0,3.204,.304,4.435,.911,1.231,.608,2.166,1.498,2.805,2.673,.639,1.175,.959,2.585,.959,4.231v5.873Zm15.313,21.169l-4.311-14.744h-1.994v14.744h-5.826V7.559h8.583c1.886,0,3.496,.308,4.83,.923,1.334,.615,2.353,1.518,3.057,2.709,.703,1.191,1.055,2.618,1.055,4.279v4.076c0,1.71-.352,3.176-1.055,4.4-.704,1.222-1.726,2.153-3.069,2.792-.015,.007-.032,.012-.047,.019l5.155,15.685h-6.377Z' style='fill:%23fff;'/></svg>") center/cover no-repeat;
}
  
/* ================================== */
/* 　　　PR表記CSS（2023/9/15追加）・ここまで*/
/* ================================== */