@charset "utf-8";

/* -----↓初期化----- */
html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, address, code, em, strong, img, q, dl, dt, dd, ol, ul, li, form, fieldset, legend, label, table, caption, tbody, tfoot, thead, tr, th, td{
    margin:0;
    padding:0;
}
body{
    font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
    font-size: 11px;
    color: #333333;
    line-height: 1.4;
}
body.scroll_bg{
    background-attachment: scroll;
    background-repeat: repeat;
    background-size: auto auto;
    background-position: center 45px;
}
body.fixed_bg{
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center 45px;
}
#fixed_bg{
    display: block;
    position: fixed;
    top: 45px;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    background-attachment: scroll;
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center top;
}
ul,ol,li{
    list-style: none;
}
a{
    text-decoration: none;
    color: #333;
}
img{
    max-width: 100%;
    height: auto;
    vertical-align: bottom;
    border: none;
}
input[type="checkbox"],
input[type="radio"]{
    vertical-align: middle;
}
/* -----↑初期化----- */

/* --- ↓共通設定 --- */
div:after,
.slides:after,
.clearfix:after{
    content: "";
    display: block;
    clear: both;
}
a{
    color: #333;
    text-decoration: none;
}
.msg{
    margin: 10px 0;
    padding: 0 7px;
}
.msg span{
    color: #ff54a9;
}
/* --- ↑共通設定 --- */

/* --- ↓flexslider --- */
.slider{
    position: relative;
}
.flex-control-paging{
    position: absolute;
    bottom: -20px;
    left: 50%;
}
.flex-control-paging li{
    float: left;
    padding-right: 5px;
    position: relative;
    left: -50%;
}
.flex-control-paging li:last-child{
    padding-right: 0;
}
.flex-control-paging li a{
    display: block;
    width: 10px;
    height: 10px;
    text-indent: -9999px;
    background-color: #aaa;
    border-radius: 10px;
    cursor: pointer;
}
.flex-control-paging li a.flex-active{
    background-color: #f081b3;
}
.flex-direction-nav li a{
    position: absolute;
    display: block;
    top: 100%;
    padding: 5px;
    margin: 5px;
    box-shadow: 0 0 4px #666666;
    border-radius: 7px;
    width: 60px;
    height: 15px;
    color: #BF0000;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #dedede));
    background: -webkit-linear-gradient(top, #fff 0%, #dedede 100%);
    background: linear-gradient(to bottom, #ffffff 0%, #dedede 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    text-align: center;
    text-indent: 0;
}
.flex-direction-nav li .flex-prev{
    left: 0;
}
.flex-direction-nav li .flex-next{
    right: 0;
}
.flex-direction-nav li .flex-disabled{
    opacity: 0.5;
}
/* --- ↑flexslider --- */

/* -----↓header----- */
.header td{
    font-family: "ヒラギノ角ゴ Pro W3", Osaka, "ＭＳ Ｐゴシック", sans-serif;
}
.header ul.headermenu{
    float: right;
}
.header ul.headermenu li{
    float: left;
}
.header ul.headermenu li a{
    display: block;
    color: #F081B3;
    line-height: 12px;
    font-size: 9px;
    font-weight: bold;
    text-align: center;
    padding: 0 5px;
}
.header ul.headermenu li a img{
    width: 20px;
}
.header td.userName{
    text-align: right;
    font-size: 11px;
    padding: 7px 10px 0 0;
}
.header td.userName span{
    color: #E53900;
    font-weight: bold;
}
.header td.areaLogo{
    width: 145px;
    padding: 0 0 2px 3px;
}
.header td.areaLogo img{
    border: medium none;
    height: auto;
    max-width: 100%;
    vertical-align: bottom;
}
.header td.areaLogo img.areaLogo{
    vertical-align: middle;
    max-height: 34px;
    max-width: 100px;
    margin-top: 3px;
}
.header td.userLink{
    font-size: 11px;
    padding: 0 3px 2px 5px;
    line-height: 1.6em;
}
.header{
    width: 100%;
    height: auto;
    padding-top: 2px;
    background: none repeat scroll 0 0 #ffffff;
}
.fixedHeader{
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    border-bottom: 1px solid #cccccc;
}
.header div.headermenu{
    float: right;
}
.header p.userName{
    height: 14px;
    color: #E53900;
    font-weight: bold;
    margin: 0;
    padding: 0;
    word-break: break-all;
}
.header .headerRightLogin{
    background-color: #ff4f87;
    background: linear-gradient(#ff4f87, #ff4f87) repeat scroll 0 0 rgba(0, 0, 0, 0);
    background: -moz-linear-gradient(center top , #ff4f87, #ff4f87) repeat scroll 0 0 rgba(0, 0, 0, 0);
    background: -webkit-gradient(linear, center top, center bottom, from(#ff4f87), to(#ff4f87)) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    float: right;
    height: 25px;
    padding-right: 5px;
}
.header .headerRightLogin .loginLeft{
    float: left;
    margin-top: 3px;
    padding-left: 3px;
}
.header .headerRightLogin .loginLeft img{
    height: 20px;
}
.header .headerRightLogin .loginRight{
    color: #ffffff;
    float: left;
    margin: 2px 3px 0 5px;
}
.header .headerRightLogin li{
    padding-top: 2px;
    font-size: 10px;
}
/* -----↑header----- */

/* -----↓footer----- */
.footer{
    font-size: 13px;
    font-family: "ヒラギノ角ゴ Pro W3", Osaka, "ＭＳ Ｐゴシック", sans-serif;
    background: #eee;
    padding: 0;
    line-height: 26px;
    color: #333;
    clear: both;
    border-top: 1px solid #ccc;
}
.footer a{
    font-size: 12px;
    color: #000;
}
.footer span{
    font-size: 12px;
}
.footer .area_list{
    font-size: 12px;
    padding: 5px 0;
    line-height: 16px;
    color: #000;
}
.footer .area_list a{
    color: #000;
}
div.footerareabtn {
    margin: 5px 0;
}
div.footerareabtn a{
    width: 280px;
    display: block;
    text-align: center;
    border: solid 1px #999;
    font-size: 14px;
    line-height: 30px;
    height: 30px;
    margin: 2px auto 0 auto;
    color: #F09;

    /*角丸の設定*/
    border-radius: 15px; /*css3*/
    -webkit-border-radius : 15px; /*ChromeSafari用*/
    -moz-border-radius: 15px; /*Firefox用*/

    /*グラデーションの設定*/
    background: #FFF;/*その他用保険*/
    background: linear-gradient(-90deg,#FFF 0%,#CCC 100%);/*IE9用*/
    background: -webkit-gradient(linear, left top, left bottom,from(#FFF),to(#CCC)); /*ChromeSafari用*/
    background: -moz-linear-gradient(top,  #FFF,  #CCC);/*Firefox用*/

    /*ボックスシャドウの設定*/
    box-shadow: 0px 0px 3px 0 #CCC; /*css3*/
    -moz-box-shadow: 0px 0px 3px 0 #CCC;/*Firefox用*/
    -webkit-box-shadow: 0px 0px 3px 0 #CCC;  /*ChromeSafari用*/
}
div.footerareabtn a img{
    vertical-align: middle;
    top: -2px;
}
#bt_link {
    text-align: center;
}
#bt_link:after {
    clear: both;
    content: "";
    display: block;
}
#bt_link ul {
    width: 100%;
    margin: 0 auto;
}
#bt_link li {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 2px solid #DCDCDC;
    height: 30px;
    margin: 6px 2%;
    text-align: center;
    width: 43%;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border: 1px solid #999;
    background: white;
}
#bt_link li.ft_fav {
    float: left;
    margin-left: 3.5%;
}
#bt_link li.ft_beginner {
    float: right;
    margin-right: 3.5%;
}
#bt_link a {
    color: #333333;
    display: block;
    font-size: 12px;
    height: 32px;
    padding-top: 2px;
    text-align: center;
    vertical-align: middle;
}
#bt_link li.ft_fav img {
    height: 25px;
    vertical-align: middle;
    width: 23px;
}
#bt_link li.ft_beginner img {
    height: 25px;
    vertical-align: middle;
    width: 19px;
}
#pageTop {
    clear: both;
    text-align: center;
    margin-top: 10px;
}
#pageTop a{
    background-color: #222;
    background: linear-gradient(#222 0%, #000 100%);
    background: -moz-linear-gradient(top center, #222 0%, #000 100%);
    background: -webkit-gradient(linear, center top, center bottom, from(#222), to(#000));
    height: 50px;
    line-height: 50px;
    color: #fff;
    display: block;
    font-size: 13px;
    opacity: 0.80;
}
#pageTop a:hover{
    background-color: #000;
    background: linear-gradient(#000 0%, #222 100%);
    background: -moz-linear-gradient(top center, #000 0%, #222 100%);
    background: -webkit-gradient(linear, center top, center bottom, from(#000), to(#222));
}
#pageTop a span{
    background: url(../image/iconPageTop.png?cache01=20161201000000) 0 50% no-repeat;
    background-size: 12px;
    padding-left: 20px;
}
a.over18{
    font-size: 10px;
    line-height: 10px;
    color: #666;
    display: block;
    padding: 6px;
    background-color: #ddd;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
}
.siteLink{
    height: 26px;
    width: 85%;
    margin: auto;
}
.siteLink a{
    font-size: 12px;
    display: block;
    color: #1242C0;
    width: 50%;
    float: left;
    background: white;
    box-sizing:border-box;
}

.siteLink #siteLinkb a{
    width: 100%;
}

.pcsite{
    display: block;
    background-color: white;
    border-top: 1px solid #ccc;
    color: #333;
    font-weight: bold;
    padding: 5px 0;
    font-size: 12px;
}
.pcsite .pcimg{
    margin-right: 5px;
    vertical-align: middle;
    width: 20px;
    height: 30px;
}
.user_link li {
    height: 30px;
    margin: 0px 3.5% 7px;
    border-radius: 5px;
}
.user_link li a {
    width: 95%;
    background-image: none;
    padding-right: 0;
    color: #666666;
}
.user_link li div {
    text-align: center;
    font-size: 14px;
    line-height: 30px;
    font-weight: bold;
}
a.copyright{
    font-size: 11px;
    color: #999;
}
/* -----↑footer----- */

/* -----↓共通----- */
div.page-return {
    background: url(../image/historyback.png?cache01=20161201000000) no-repeat;
    width: 60px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    text-indent: 9px;
    float: left;
    margin: 5px 0 0 10px;
    position: absolute;
}
a.page-return {
    display: block;
    color: #660000;"
}
div.page-return2 {
    background: url(../image/historyback2.png?cache01=20161201000000) no-repeat;
    width: 85px;
    height: 30px;
    text-align: center;
    text-indent: 9px;
    float: left;
    margin: 5px 0 0 10px;
    position: absolute;
    font: 13px "ヒラギノ角ゴ Pro W3",osaka,"ＭＳ Ｐゴシック",sans-serif;
    line-height: 30px;
}
div.narrow-down {
    clear: both;
    text-align: center;
    width: 90%;
    margin: 0 auto 10px auto;
    cursor: pointer;
}
span.narrow-down {
    background: url(../image/listArrow6.png?cache01=20161201000000);
    background-repeat: no-repeat;
    background-position: right;
    padding-right: 17px;
    padding-top: 2px;
    -webkit-background-size: 14px 14px;
    -moz-background-size: 14px 14px;
    -ms-background-size: 14px 14px;
    -o-background-size: 14px 14px;"
    background-size: 14px 14px;
}
/* 業種・エリア絞り込みボタン */
a.rankingbutton {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    background: linear-gradient(#FFFFFF, #E1E1E1);
    background: -moz-linear-gradient(top, #FFFFFF, #E1E1E1);
    background: -webkit-gradient(linear, center top, center bottom, from(#FFFFFF), to(#E1E1E1));
    /* IE用 */
    filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#FFFFFF, EndColorStr=#E1E1E1);
    -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
    -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
    border:1px solid #999999;
    color: #333333;
    text-decoration:none;
    text-align:center;
    display:block;
    width: 100%;
    height: 35px;
    line-height: 35px;
    font-size: 14px;
    margin: 5px 0;
}
/*閉じるボタン*/
.btn-close {
    background: linear-gradient(#ff8fb9, #ff5595) repeat scroll 0 0 transparent;
    background: -moz-linear-gradient(center top , #ff8fb9, #ff5595) repeat scroll 0 0 transparent;
    background: -webkit-gradient(linear, center top, center bottom, from(#ff8fb9), to(#ff5595)) repeat scroll 0 0 transparent;
    /* IE用 */
    filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ff8fb9, EndColorStr=#ff5595);

    border: 1px solid #E30086;
    line-height: 26px;
    text-align: center;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
    float: right;
    position: absolute;
    right: 9px;
    margin: 5px 0px;
    width: 46px;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
}
.btn-close > a {
    color: #FFFFFF;
    display: block;
    height: 100%;
}
/* pager normal */
ul.normal-pager {
    text-align: center;
    display: table;
    margin: 5px auto;
}
ul.normal-pager li {
}
ul.normal-pager li a {
    height: 46px;
    display: inline-block;
    text-decoration: none;
    text-align: center;
    font-weight: normal;
    font-size: 14px;
    -webkit-box-shadow: 0px 1px 3px #808080;
    -moz-box-shadow: 0px 1px 3px #808080;
    line-height: 46px;
    overflow: hidden;
    position: relative;
}
ul.normal-pager li.pager-prev,
ul.normal-pager li.pager-next {
    width: 100px;
    display: table-cell;
}
ul.normal-pager li.pager-first,
ul.normal-pager li.pager-last,
ul.normal-pager li.pager-first2,
ul.normal-pager li.pager-last2 {
    width: 58px;
    display: table-cell;
    vertical-align: middle;
}
ul.normal-pager li.pager-prev a,
ul.normal-pager li.pager-next a {
    color: #333;
    display: block;
}
ul.normal-pager li.pager-prev a {
    background: url(../image/btn_front.png?cache01=20161201000000) no-repeat left center;
    background: url(../image/btn_front.png?cache01=20161201000000) no-repeat left center, linear-gradient(270deg, #ffffff, #dadada 60%, #efefef 100%);
    background: url(../image/btn_front.png?cache01=20161201000000) no-repeat left center, -webkit-gradient(linear,left top,left bottom,color-stop(0, #ffffff),color-stop(0.60, #dadada),color-stop(1, #efefef));
    background: url(../image/btn_front.png?cache01=20161201000000) no-repeat left center, -moz-linear-gradient(top 270deg, #ffffff, #dadada 60%, #efefef 100%);
    /* IE用 */
    filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#dadada);
    padding: 0 20px 0 40px;
}
ul.normal-pager li.pager-next a {
    background: url(../image/btn_next.png?cache01=20161201000000) no-repeat right center;
    background: url(../image/btn_next.png?cache01=20161201000000) no-repeat right center, linear-gradient(270deg, #ffffff, #dadada 60%, #efefef 100%);
    background: url(../image/btn_next.png?cache01=20161201000000) no-repeat right center, -webkit-gradient(linear,left top,left bottom,color-stop(0, #ffffff),color-stop(0.60, #dadada),color-stop(1, #efefef));
    background: url(../image/btn_next.png?cache01=20161201000000) no-repeat right center, -moz-linear-gradient(top 270deg, #ffffff, #dadada 60%, #efefef 100%);
    /* IE用 */
    filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#dadada);
    padding: 0 40px 0 20px;
}
ul.normal-pager li.pager-first a,
ul.normal-pager li.pager-last a {
    color: #fff;
    display: table-cell;
    background-image: linear-gradient(270deg, #FFF9FC, #FF90C2 53%, #F51278 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #FFF9FC),color-stop(0.53, #FF90C2),color-stop(1, #F51278));
    background-image: -moz-linear-gradient(top 270deg, #FFF9FC, #FF90C2 53%, #F51278 100%);
    /* IE用 */
    filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#FFF9FC, EndColorStr=#F51278);
    padding: 0 10px;
    width: 36px;
    vertical-align: middle;
}
ul.normal-pager li.pager-first2 a,
ul.normal-pager li.pager-last2 a {
    color: #fff;
    display: table-cell;
    background-image: linear-gradient(270deg, #FFF9FC, #9095FF 53%, #1879F7 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #FFF9FC),color-stop(0.53, #9095FF),color-stop(1, #1879F7));
    background-image: -moz-linear-gradient(top 270deg, #FFF9FC, #9095FF 53%, #1879F7 100%);
    /* IE用 */
    filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#FFF9FC, EndColorStr=#1879F7);
    padding: 0 10px;
    width: 36px;
    vertical-align: middle;
}
ul.normal-pager li.pager-first a,
ul.normal-pager li.pager-first2 a {
    -webkit-border-top-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-bottomleft: 4px;
    margin-right: 2px;
}
ul.normal-pager li.pager-last a,
ul.normal-pager li.pager-last2 a {
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 4px;
    margin-left: 2px;
}
/* IE Box-Shadow代用スタイル */
ul.normal-pager li.pager-next div,
ul.normal-pager li.pager-last div,
ul.normal-pager li.pager-last2 div {
    filter:progid:DXImageTransform.Microsoft.MotionBlur(Strength=4,Direction=135);
    background: #808080;
    margin: 0px 2px;
}
/* IE Box-Shadow代用スタイル */
ul.normal-pager li.pager-prev div,
ul.normal-pager li.pager-first div,
ul.normal-pager li.pager-first2 div {
    filter:progid:DXImageTransform.Microsoft.MotionBlur(Strength=4,Direction=135);
    background: #808080;
    margin: 0px 2px;
}
ul.normal-pager li.pager-first div,
ul.normal-pager li.pager-first2 div {
    margin: 0px 2px 0px 0px;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-bottomleft: 4px;
}
ul.normal-pager li.pager-last div,
ul.normal-pager li.pager-last2 div {
    margin: 0px 0px 0px 2px;
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 4px;
}
/* -----↑共通----- */

div.lanks, ul.lanks {
    background-color: #FFFFCC;
}
div.lanka, ul.lanka {
    background-color: #FFFFFF;
}
div.lankb, ul.lankb {
    background-color: #FFFFFF;
}
div.lankc, ul.lankc {
    background-color: #FFFFFF;
}
p.lanks {
    color: #000000;
}
p.lanka {
    color: #000000;
}
p.lankb {
    color: #000000;
}
p.lankc {
    color: #333333;
}
div.shop {
    border: 1px solid #E6DBC6;
    margin-bottom: 5px;
}
div.shop ul.upper {
    padding: 7px 7px 0 7px;
}
div.shop .lower {
    padding: 0 5px 5px 5px;
}
div.shop .upper .shop_name {
    background: url(../image/sho_icn.gif?cache01=20161201000000) 0 2px no-repeat scroll transparent;
    color: #FE2C67;
    font-size: 14px;
    line-height: 130%;
    padding-left: 15px;
    padding-bottom: 4px;
}
div.shop .lower .shop_name span {
    background-color: #FC647D;
    color: #FFFFFF;
    font-size: 10px;
    margin-left: 3px;
    padding: 0 2px;
    position: relative;
    top: -1px;
}
div.shop .lower .catch {
    color: #333333;
    font-size: 12px;
    overflow: hidden;
    padding: 4px 0;
    padding-right: 15px;
    white-space: nowrap;
    clear: both;
}
div.shop .lower .shop_info_title {
    font-weight: bold;
    background-color: #FF3399;
    color: #FFFFFF;
    font-size: 12px;
}
div.shop .lower .shop_info_data {
    color: #333333;
    font-size: 12px;
}
.shopDescriptionImg {
    width: 291px;
    position: relative;
}
.shopDescriptionImg .flex-direction-nav li a {
    width:20px;
    position:absolute;
    top:50%;
    display:block;
    height:20px;
    margin-top:-16px;
    text-indent:-9999px;
    overflow:hidden;
    box-shadow: none;
    padding: 0;
    margin: 0;
}
.shopDescriptionImg .flex-direction-nav li .flex-prev {
    left:0;
    background:url(../image/iconSliderPrev.png?cache01=20161201000000) 0 0 no-repeat;
    background-size:contain;
    width:20px;
}
.shopDescriptionImg .flex-direction-nav li .flex-next {
    right:0;
    background:url(../image/iconSliderNext.png?cache01=20161201000000) 0 0 no-repeat;
    background-size:contain;
    width:20px;
}
div.hdg-02-container .hdg-02-11 {
    background: linear-gradient(#FFC3DC, #FFA6CC);
    background: -moz-linear-gradient(top, #FFC3DC, #FFA6CC);
    background: -webkit-gradient(linear, center top, center bottom, from(#FFC3DC), to(#FFA6CC));
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#FFC3DC, EndColorStr=#FFA6CC);
    margin-bottom: 0;
}
.hdg-02-11 {
    color: #FFF;
    font-size: 13px;
    font-weight: bold;
    height: 40px;
    line-height: 40px;
    text-align: center;
}
@media screen and (max-width: 360px){
	.siteLink a{
		font-size:11px;
	}
}