@charset "UTF-8";

/*common*/
a:link, a:visited{
color: #2f2e2e;
text-decoration:none;
transition: color 0.4s ease 0s;
}
a:hover, a:active{
color:#a0a09f;
transition: color 0.4s ease 0s;
}
div#header-in{
padding:0;
position:relative;
}
div#container{
padding-top:36px;
}
h1#sitetit{
position:absolute;
top:-15px;
left:320px;
font-size:12px;
max-width:520px;
}
div#header #header-title{
width:40%;
}
div#header-in #header-text{
text-align: center;
    width: 58%;
color:#000;
font-weight:bold;
font-size:15px;
}
#headunav{
float: right;
    padding: 0 0 20px;
    text-align: right;
    width: 70px;
background:url(./img/common/harrow.png) no-repeat top left;
}
div#footer a:link, div#footer a:visited{
color: #2f2e2e;
text-decoration:none;
}
div#footer a:hover, div#footer a:active{
color:#a0a09f;
}
#footer-nav{
text-align:center;
}
#side-main-bnr{
position:relative;
}
#side-main-bnr .bnr a{
display:block;
height: 42px;
    left: 28px;
    min-height: 31px;
    position: absolute;
    bottom: 7px;
    width: 217px;
color: #ffffff;
    font: 22px/1.4em din-next-w01-light,din-next-w02-light,din-next-w10-light,sans-serif;
line-height: 42px;
text-align:center;
background: rgba(222, 80, 33, 1) url("./img/common/button_bg.png") repeat-x scroll 50% 50%;
    border: 0 solid rgba(204, 204, 204, 1);
    border-radius: 5px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.6);
    transition: border-color 0.4s ease 0s, background-color 0.4s ease 0s;
}
#side-main-bnr .bnr a:hover{
background-color: rgba(160, 160, 159, 1);
    border-color: rgba(255, 255, 255, 1);
    transition: border-color 0.4s ease 0s, background-color 0.4s ease 0s;
}
div.sub-column h3{
background:#30bdff;
color:#fff;
font-size:1.4em;
border-radius: 20px;
border-bottom:none;
text-align:center;
font-weight:normal;
}
#text-2{
padding:0;
margin:0 0 5rem;
}
#text-3, #text-4, #text-5{
width:80%;
}
#text-5 h3{
font-size:1em;
}
#sidebar .side-tit{
color: #30bdff;
font-weight:bold;
margin:0 0 1em;
}
#side-contents li a, #side-ranking2 li a{
display:block;
border-bottom: 2px dotted rgba(160, 160, 159, 1);
font-size: 1.1em;
    line-height: 2.4em;
}
#side-ranking li{
list-style:disc inside;
float:left;
padding-left:1em;
border-bottom: 2px dotted rgba(160, 160, 159, 1);
}
#side-ranking li a{
line-height:2em;
}
#side-ranking ul{
width:100%;
clear:both;
margin:0 0 2em 0;
}
#side-ranking ul:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
overflow:hidden;
font-size:0.1em;
line-height:0;
}
#side-ranking .side-tit{
width:100%;
clear:both;
}

.color_0 {
    color: #ffffff;
}
.backcolor_0 {
    background-color: #ffffff;
}
.color_1 {
    color: #ffffff;
}
.backcolor_1 {
    background-color: #ffffff;
}
.color_2 {
    color: #000000;
}
.backcolor_2 {
    background-color: #000000;
}
.color_3 {
    color: #ed1c24;
}
.backcolor_3 {
    background-color: #ed1c24;
}
.color_4 {
    color: #0088cb;
}
.backcolor_4 {
    background-color: #0088cb;
}
.color_5 {
    color: #ffcb05;
}
.backcolor_5 {
    background-color: #ffcb05;
}
.color_6 {
    color: #727272;
}
.backcolor_6 {
    background-color: #727272;
}
.color_7 {
    color: #b0b0b0;
}
.backcolor_7 {
    background-color: #b0b0b0;
}
.color_8 {
    color: #ffffff;
}
.backcolor_8 {
    background-color: #ffffff;
}
.color_9 {
    color: #727272;
}
.backcolor_9 {
    background-color: #727272;
}
.color_10 {
    color: #b0b0b0;
}
.backcolor_10 {
    background-color: #b0b0b0;
}
.color_11 {
    color: #ffffff;
}
.backcolor_11 {
    background-color: #ffffff;
}
.color_12 {
    color: #cccccc;
}
.backcolor_12 {
    background-color: #cccccc;
}
.color_13 {
    color: #a0a09f;
}
.backcolor_13 {
    background-color: #a0a09f;
}
.color_14 {
    color: #605e5e;
}
.backcolor_14 {
    background-color: #605e5e;
}
.color_15 {
    color: #2f2e2e;
}
.backcolor_15 {
    background-color: #2f2e2e;
}
.color_16 {
    color: #bae9ff;
}
.backcolor_16 {
    background-color: #bae9ff;
}
.color_17 {
    color: #97deff;
}
.backcolor_17 {
    background-color: #97deff;
}
.color_18 {
    color: #30bdff;
}
.backcolor_18 {
    background-color: #30bdff;
}
.color_19 {
    color: #207ea9;
}
.backcolor_19 {
    background-color: #207ea9;
}
.color_20 {
    color: #103f54;
}
.backcolor_20 {
    background-color: #103f54;
}
.color_21 {
    color: #b6e8e3;
}
.backcolor_21 {
    background-color: #b6e8e3;
}
.color_22 {
    color: #8dd1ca;
}
.backcolor_22 {
    background-color: #8dd1ca;
}
.color_23 {
    color: #41baae;
}
.backcolor_23 {
    background-color: #41baae;
}
.color_24 {
    color: #2b7c74;
}
.backcolor_24 {
    background-color: #2b7c74;
}
.color_25 {
    color: #163e3a;
}
.backcolor_25 {
    background-color: #163e3a;
}
.color_26 {
    color: #f4c0af;
}
.backcolor_26 {
    background-color: #f4c0af;
}
.color_27 {
    color: #e99f86;
}
.backcolor_27 {
    background-color: #e99f86;
}
.color_28 {
    color: #de5021;
}
.backcolor_28 {
    background-color: #de5021;
}
.color_29 {
    color: #943616;
}
.backcolor_29 {
    background-color: #943616;
}
.color_30 {
    color: #4a1b0b;
}
.backcolor_30 {
    background-color: #4a1b0b;
}
.color_31 {
    color: #f4eab1;
}
.backcolor_31 {
    background-color: #f4eab1;
}
.color_32 {
    color: #e9db89;
}
.backcolor_32 {
    background-color: #e9db89;
}
.color_33 {
    color: #dec328;
}
.backcolor_33 {
    background-color: #dec328;
}
.color_34 {
    color: #94821b;
}
.backcolor_34 {
    background-color: #94821b;
}
.color_35 {
    color: #4a410d;
}
.backcolor_35 {
    background-color: #4a410d;
}

/*top*/
ul#toppage-list{
margin:0 0 2em;
}
ul#toppage-list li{
list-style:none;
padding-left:2em;
background:url(./img/common/check.png) no-repeat left center;
}
/*お役立ち*/
.useful-tit{
font: bold 25px/1.4em din-next-w01-light,din-next-w02-light,din-next-w10-light,sans-serif;
margin:0 0 1em;
padding-left:1em;
background:url(./img/useful/ttl.png) no-repeat left top;
}
.useful-btn{
color: #2f2e2e;
font: bold 15px/1.4em din-next-w01-light,din-next-w02-light,din-next-w10-light,sans-serif;
display:block;
padding-left:2em;
background:url(./img/useful/arrow.png) no-repeat left top;
background-size:contain;
}
.useful-tit2{
font: bold 25px/1.4em din-next-w01-light,din-next-w02-light,din-next-w10-light,sans-serif;
margin:0 0 1em;
}
.useful-btn2{
color: #2f2e2e;
font: bold 15px/1.4em din-next-w01-light,din-next-w02-light,din-next-w10-light,sans-serif;
display:block;
}


/*地域別ランキング*/
.area-main-box{
max-width:650px;
}
.area-ttl{
background:url(./img/area/ttl.png) no-repeat top center;
font-weight:bold;
font-size:24px;
text-shadow:#ffffff -1px -1px 0px, #ffffff -1px 1px 0px, #ffffff 1px 1px 0px, #ffffff 1px -1px 0px;
text-align:center;
padding: 0.8em 0;
margin:0 0 1em;
}
.area-box{
border: 1px solid rgba(204, 204, 204, 1);
padding:0.5em 1em 1em;
margin:0 0 2em;
}
.area-box .minbox{
width:100%;
clear:both;
margin:0 0 4em;
}
.area-box .minbox:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
overflow:hidden;
font-size:0.1em;
line-height:0;
}
a.area-btn:link, a.area-btn:visited{
margin:0 auto;
background: rgba(222, 80, 33, 1) url("./img/common/button_bg.png") repeat-x scroll 50% 50%;
border: 2px solid rgba(204, 204, 204, 1);
border-radius: 5px;
color: #ffffff;
display: block;
font: 22px/51px din-next-w01-light,din-next-w02-light,din-next-w10-light,sans-serif;
height: 51px;
text-align: center;
transition: border-color 0.4s ease 0s, background-color 0.4s ease 0s;
width: 280px;
}
a.area-btn:hover, a.area-btn:active{
background-color: rgba(96, 94, 94, 1);
    border-color: rgba(96, 94, 94, 1);
transition: border-color 0.4s ease 0s, background-color 0.4s ease 0s;
}
div.area-box .left, div.area-box .right{
margin:0!important;
}
div.area-box .left{
width:44%;
padding:0 0 1em;
}
div.area-box .left img{
width:100%;
height:auto;
}
div.area-box .right{
width:54%;
}
div.area-box .right .tit{
font-weight:bold;
font-size:16px;
margin:0 0 1em;
}
.area-ttlm h2{
background:#0088cb;
font-size: 30px;
padding:0 0 0 3em;
margin:0 0 1.4em;
font-weight:bold;
}
.area-ttlm{
position:relative;
}
.area-ttlm img{
position:absolute;
bottom:0;
left:0;
}
.area-ttlmr h2{
background:#0088cb;
font-size: 30px;
padding:0 1em;
margin:0 0 1.4em;
font-weight:bold;
}


/*shop-box*/
.shop-box{
border: 1px solid rgba(204, 204, 204, 1);
padding:0.5em 1em 1em;
margin:0 0 2em;
}
.shop-box .minbox{
width:100%;
clear:both;
margin:0 0 2em;
}
.shop-box .minbox:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
overflow:hidden;
font-size:0.1em;
line-height:0;
}
a.shop-btn:link, a.shop-btn:visited{
margin:0 auto;
background: rgba(222, 80, 33, 1) url("./img/common/button_bg.png") repeat-x scroll 50% 50%;
border: 2px solid rgba(204, 204, 204, 1);
border-radius: 5px;
color: #ffffff;
display: block;
font: 22px/70px din-next-w01-light,din-next-w02-light,din-next-w10-light,sans-serif;
height: 70px;
text-align: center;
transition: border-color 0.4s ease 0s, background-color 0.4s ease 0s;
width: 280px;
}
a.shop-btn:hover, a.shop-btn:active{
background-color: rgba(96, 94, 94, 1);
    border-color: rgba(96, 94, 94, 1);
transition: border-color 0.4s ease 0s, background-color 0.4s ease 0s;
}
div.shop-box .left, div.shop-box .right{
margin:0!important;
}
div.shop-box .left{
width:38%;
padding:0 0 1em;
}
div.shop-box .left img{
width:100%;
height:auto;
}
div.shop-box .right{
width:58%;
}
div.shop-box .right .tit{
font-weight:bold;
font-size:16px;
margin:0 0 1em;
}
.shop-ttlm h2{
background:#0088cb;
font-size: 30px;
padding:0 0 0 3em;
margin:0 0 1.4em;
font-weight:bold;
}
.shop-ttlm{
position:relative;
}
.shop-ttlm img{
position:absolute;
bottom:0;
left:0;
}
.shop-ttlmr h2{
background:#0088cb;
font-size: 30px;
padding:0 1em;
margin:0 0 1.4em;
font-weight:bold;
}
.shop-contact h2{
font-weight:bold;
font-family: "游ゴシック" , "Yu Gothic" , sans-serif;
}
.shop-contact{
text-align:center;
font-size:1.3em;
color: #605e5e;
margin:0 0 2em;
}
.shop-contact .tel{
font-size:1.5em;
font-weight:normal;
}
.starttl{
background:url(./img/common/star.png) no-repeat center left #ececec;
background-size:contain;
border:1px solid #000000;
padding:0.2em 0 0.2em 2.5em;
font-size:1.3em;
font-weight:bold;
margin:0 0 1em;
}
.shop-point{
text-align:center;
font-size:1.2em;
margin:0 0 1em;
}
.shop-point h2{
font-weight:bold;
font-family: "游ゴシック" , "Yu Gothic" , sans-serif;
}
.shop-point .point{
font-size:1.5em;
font-weight:normal;
}
div.shop-box .sttl{
margin:0 !important;
font-weight:bold;
font-size:1.2em;
}
div.shop-box .minbox ul{
background-color: rgba(186, 233, 255, 1);
    background-image: url("./img/common/apple_box.png");
    background-position: 0 0;
    background-repeat: repeat-x;
    border: 1px solid rgba(186, 233, 255, 1);
    border-radius: 5px;
    bottom: 0;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.6);
margin: 0 !important;
padding:0.2em!important;
font-weight:bold;
}
div.shop-box .minbox ul li{
list-style:none;
padding-left:2em;
background:url(./img/common/maru.png) no-repeat center left;
background-size:25px 25px;
min-height:26px;
}

/*tokucho-box*/
.tokucho-box{
border: 1px solid rgba(204, 204, 204, 1);
padding:0.5em 1em 1em;
margin:0 0 2em;
}
h2.tokucho-ttl{
background:url(./img/common/arrow-yellow.png) no-repeat center left rgba(48, 189, 255, 1);
background-size:contain;
padding:0.5em 0 0.5em 3em;
font-size:1.6em;
font-weight:bold;
}
.tokucho-ttls{
font-size: 1.8em;
font-weight:bold;
border-bottom: 2px solid rgba(48, 189, 255, 1);
}
.tokucho-box .minbox01, .tokucho-box .minbox02{
width:100%;
clear:both;
}
.tokucho-box .minbox01:after, .tokucho-box .minbox02:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
overflow:hidden;
font-size:0.1em;
line-height:0;
}
.tokucho-box .minbox01 .txt{
float:right;
width:70%;
}
.tokucho-box .minbox01 .img{
float:left;
width:28%;
}
.tokucho-box .minbox02 .txt{
float:left;
width:70%;
}
.tokucho-box .minbox02 .img{
float:right;
width:28%;
}

/*voice-box*/
.voice-box{
border: 1px solid rgba(204, 204, 204, 1);
padding:2em 1em 1em;
margin:0 0 2em;
}
h2.voice-ttl{
background:url(./img/common/arrow-yellow.png) no-repeat center left rgba(48, 189, 255, 1);
background-size:contain;
padding:0.5em 0 0.5em 3em;
font-size:1.6em;
font-weight:bold;
}
.voice-box .minbox, .svoice-box{
width:100%;
clear:both;
}
.voice-box .minbox:after, .svoice-box:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
overflow:hidden;
font-size:0.1em;
line-height:0;
}
a.voice-btn:link, a.voice-btn:visited{
margin:0 auto;
background: rgba(222, 80, 33, 1) url("./img/common/button_bg.png") repeat-x scroll 50% 50%;
border: 2px solid rgba(204, 204, 204, 1);
border-radius: 5px;
color: #ffffff;
display: block;
font: 22px/70px din-next-w01-light,din-next-w02-light,din-next-w10-light,sans-serif;
height: 70px;
text-align: center;
transition: border-color 0.4s ease 0s, background-color 0.4s ease 0s;
width: 280px;
}
a.voice-btn:hover, a.voice-btn:active{
background-color: rgba(96, 94, 94, 1);
    border-color: rgba(96, 94, 94, 1);
transition: border-color 0.4s ease 0s, background-color 0.4s ease 0s;
}
.voice-box .minbox{
margin:0 0 1em;
}
.voice-box .minbox .left{
width:48%;
margin: 0 !important;
}
.voice-box .minbox .right{
text-align:center;
background-color: rgba(255, 255, 255, 1);
    background-image: url("./img/common/apple_box.png");
    background-position: 0 0;
    background-repeat: repeat-x;
    border: 1px solid rgba(0, 0, 0, 1);
width:50%;
margin: 0 !important;
height: 163px;
padding-top:30px;
}
.voice-box .minbox .right h2{
font-weight:bold;
font-size:1.2em;
color: #605e5e;
line-height:2.5em;
}
.voice-box .minbox .right h2.point{
font-size:2.2em;
font-weight:normal;
}
.svoice-box{
background-color: rgba(186, 233, 255, 1);
    background-image: url("./img/common/apple_box.png");
    background-position: 0 0;
    background-repeat: repeat-x;
    border: 1px solid rgba(186, 233, 255, 1);
    border-radius: 5px;
    bottom: 0;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.6);
margin: 0 0 2em!important;
padding:1em 0.5em!important;
width:96%;
}
.svoice-box:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
overflow:hidden;
font-size:0.1em;
line-height:0;
}
.svoice-box .img{
float:left;
width:13%;
}
.svoice-box .txt{
float:right;
width:82%;
padding:2% 1.4%;
background:#fff;
}
.svoice-box .txt p{
margin:0!important;
}
.svoice-box .txt p.tit{
margin:0 0 1em!important;
border-bottom: 2px dotted rgba(160, 160, 159, 1);
}

/*ranking-box*/
.ranking-box th, .ranking-box td{
text-align:center!important;
}
.ranking-box th{
font-size:0.8em;
}
.ranking-box td{
font-size:0.7em;
color:#000;
vertical-align:top;
}
.totop{
text-align:right;
width:100%;
clear:both;
}
.totop:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
overflow:hidden;
font-size:0.1em;
line-height:0;
}
.totop a{
display:block;
width:20%;
padding:0.2em 0;
text-align:center;
float:right;
}
.totop a:link, .totop a:visited{
    background-color: rgba(160, 160, 159, 1);
    border: 0 solid rgba(96, 94, 94, 1);
color:#fff;
}
.totop a:hover, .totop a:active{
background-color: rgba(204, 204, 204, 1);
    border-color: rgba(204, 204, 204, 1);
}

/*company*/
.company-ttl{
background:#0088cb;
font-size: 30px;
padding:0 1em;
margin:0 0 1.4em;
font-weight:bold;
}
.company-box{
margin:0 0 3em;
}
#company01 .minbox{
font-size:1.8em;
color:#605e5e;
}

/*お役立ち情報*/
#main-contents h3.useful-tit3{
    background: url("./img/useful/ttl.png") no-repeat scroll left top;
background-color:#fff;
    font: bold 16px/1.4em din-next-w01-light,din-next-w02-light,din-next-w10-light,sans-serif;
    margin: 0 0 1em;
    padding-left: 2em;
border:none;
 color: #30bdff;
border-bottom:2px solid rgba(48, 189, 255, 1);
}
.useful-abox{
margin:0 0 2em;
}

/*ランキング*/
#main-contents .shop-box ul.btn{
width:100%;
clear:both;
margin:0;
}
#main-contents .shop-box ul.btn:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
overflow:hidden;
font-size:0.1em;
line-height:0;
}
.shop-box ul.btn li.list01{
list-style:none;
float:left;
width:46%;
}
.shop-box ul.btn li.list02{
list-style:none;
float:right;
width:46%;
}
#main-contents .shop-box ul.btn li a{
width:100%;
}
#top-page{
margin:0 0 2em;
}
@media
only screen and (max-width : 640px){
	h1#sitetit{position:static;}
	#headunav{display:none;}
	div#header #header-title{float:left;}
	div#container {padding-top:1em;}
	div#header-in #header-text{float: right;}
	.area-ttl{background:none;}
	div.area-box .left, div.area-box .right, div.shop-box .left, div.shop-box .right{float:none;width:100%;}
	.area-ttlm h2, .area-ttlmr h2, .shop-ttlm h2, .shop-ttlmr h2, h2.tokucho-ttl, h2.voice-ttl {font-size: 21px;}
div.shop-box .minbox ul li{list-style: inside none disc;;background:none;padding:0;}
.voice-box .minbox .right, .voice-box .minbox .left{height:auto; width:100%;margin:0 0 1em !important;}
.totop a{width:100%;}
.shop-box ul.btn li.list01, .shop-box ul.btn li.list02{width:90%;float:none;margin:0 auto 1em;}
ul#toppage-list li{list-style: inside none disc;;background:none;padding:0;}
}