@charset "utf-8";

#contents_2016odekakesp .topvi{
	
}
#contents_2016odekakesp .contentsBox{
	background:#FFF;
	padding:20px;	
}

#contents_2016odekakesp.top .category{
	float:right;	
}

#contents_2016odekakesp.top .category li{
	float:left;
	margin:0 0 5px 10px;
	line-height:21px;
	padding:0 0 0 26px;
	background:no-repeat left center;
}

#contents_2016odekakesp.top .category li.tourism{ background-image:url(../../../images/ys2020au/ic_cate01.png);}
#contents_2016odekakesp.top .category li.leisure{ background-image:url(../../../images/ys2020au/ic_cate02.png);}
#contents_2016odekakesp.top .category li.shopping{ background-image:url(../../../images/ys2020au/ic_cate03.png);}
#contents_2016odekakesp.top .category li.museum{ background-image:url(../../../images/ys2020au/ic_cate04.png);}
#contents_2016odekakesp.top .category li.gas{ background-image:url(../../../images/ys2020au/ic_cate05.png);}
#contents_2016odekakesp.top .category li.other{ background-image:url(../../../images/ys2020au/ic_cate06.png);}

#contents_2016odekakesp.top .moreBtn a{
	clear:both;
	display:block;
	background:#00A0E9;
	border-radius:3px;
	margin:30px 40px 50px;
	text-align:center;
}

#contents_2016odekakesp .base{
	background:url(../../../images/2016odekakesp/bg_title_line01.jpg) repeat-x left bottom;
	padding:0 0 14px;
	font-size:133.3%;
	font-weight:bold;
	margin:0 0 20px;
}

#contents_2016odekakesp.top .recommendSpot{
	padding:0 0 20px;
}

#contents_2016odekakesp.top .recommendSpot li{
	float:left;
	width:47%;
	margin:0 3% 10px 0;
	padding:0 0 0 95px;
	box-sizing:border-box;
	position:relative;
	line-height:1.4;
	text-decoration:underline;
}

#contents_2016odekakesp.top .recommendSpot li:nth-child(2n+1){
	clear:both;
}

#contents_2016odekakesp.top .recommendSpot li .tag{
	position:absolute;
	top:0;
	left:0;
	background:#000;
	width:85px;
	text-align:center;
	color:#FFF;
	font-size:10px;
	line-height:1;
	padding:4px 0;
	border-radius:2px;
}

#contents_2016odekakesp.top .recommendSpot li .tag.tourism{ background-color:#FF5AD1;}
#contents_2016odekakesp.top .recommendSpot li .tag.leisure{ background-color:#7EC22C;}
#contents_2016odekakesp.top .recommendSpot li .tag.shopping{ background-color:#3C23AA;}
#contents_2016odekakesp.top .recommendSpot li .tag.museum{ background-color:#A9185E;}
#contents_2016odekakesp.top .recommendSpot li .tag.gas{ background-color:#EC1009;}
#contents_2016odekakesp.top .recommendSpot li .tag.other{ background-color:#FF8000;}

#contents_2016odekakesp.top .distribution{ width:100%; border:1px solid #D6D6D6;}

#contents_2016odekakesp.top .distribution th,
#contents_2016odekakesp.top .distribution td{
	font-size:116.7%;
	padding:5px 10px;
	text-align:center;
}

#contents_2016odekakesp.top .distribution th{ border:1px solid #D6D6D6; border-bottom:none; background:#F1F1F1; text-align:center;}
#contents_2016odekakesp.top .distribution td{ border:1px solid #D6D6D6; border-top:none;}

#contents_2016odekakesp.top .distribution td:first-child{ font-weight:bold;}
#contents_2016odekakesp.top .distribution td:nth-child(2){ text-align:left;}


#mapArea{
    padding:5px;
    border:1px solid #EBEBEB;
}

#odekakeMap {
    width: 100%;
    height: 657px;
}
#odekakeMap a{
	color:#f00;
	text-decoration:underline;
	
}

/*.subTl{
	background-color:#00A0E9;
        padding:10px;
        color:#FFF;
        margin:0 0 10px;
        font-size:107.7%;
        font-weight:bold;
}*/

.subTl{
font-size:34px;
color:#07077E;
padding:0.8em 10px;
border: solid 2px #07077E;
margin-bottom:1em;
margin-top: 0;
text-align:center;
font-weight: bold;
background-color: #CAE9FF;
background-image: -webkit-gradient(linear, 0 0, 100% 100%,color-stop(.25, #E7F8FC), color-stop(.25, transparent),color-stop(.5, transparent), color-stop(.5, #E7F8FC),color-stop(.75, #E7F8FC), color-stop(.75, transparent),to(transparent));
-webkit-background-size: 7px 7px;
}


/*
.subTl{
	background-color:#00A0E9;
        padding:10px;
        color:#FFF;
        margin:0 0 20px;
        font-size:107.7%;
        font-weight:bold;
}*/
/**/
#contents_2016odekakesp .phArea {
    margin:0 0 30px 0;
    text-align:center;
}
#contents_2016odekakesp .phArea img {
    max-width:700px;
    height:auto;
}
#contents_2016odekakesp .logoArea {
    margin:0 0 30px 0;
    text-align:center;
}
#contents_2016odekakesp .logoArea img {
    max-width:700px;
    height:auto;
}

#contents_2016odekakesp .bntC {
    text-align:center;
}

#contents_2016odekakesp .bntC a {
    display:inline-block;
    color:#FFF;
    border-radius:3px;
    background-color:#00A0E9;
    text-align:center;
    padding:10px 40px;
}

#contents_2016odekakesp .bntC a:hover{
        filter: alpha(opacity=70);
-moz-opacity: 0.7;
opacity: 0.7;
}


#contents_2016odekakesp .detailList{
 margin:15px 0 10px;
 padding:0 0 15px;
 border-bottom:1px dashed #D6D6D6;
}

#contents_2016odekakesp .detailList dt{
 width:80px;
 float:left;
 background-color:#999;
 color:#FFF;
 border-radius:3px;
 text-align:center;
 padding:3px 0;
 line-height:120%;
 box-sizing:border-box;
}

#contents_2016odekakesp .detailList dd{
 width:100%;
 float:left;
 margin:0 0 0 -80px;
 padding:0 0 0 100px;
 box-sizing:border-box;
 font-size:15px;
}


.entryArea{
	font-size:113%;	
}

.entryArea p{
	margin:0 0 1.5em;	
}

.entryArea dl.list01{ margin:0 0 1.5em; border-top:1px solid #D6D6D6;}
.entryArea .list01 dt{
	font-weight:bold;
	margin:0 0 5px;
	padding:1.3em 0 0
}

.entryArea .list01 dd{
	border-bottom:1px solid #D6D6D6;
	padding:0 0 1.2em;
}


.catTl{
	color:#00A0E8;
	font-size:135.0%;
	font-weight:bold;
	border-bottom:2px solid #D6D6D6;
	padding:0 0 .4em;
	margin:0 0 1em	
}

.catList{ margin-bottom:30px;}

.catList::after{
	content:"";
	display:block;
	clear:both;
}

.catList li{
	border-bottom:1px solid #D6D6D6;
	width:50%;
	float:left;
	box-sizing:border-box;
}

.catList li a{
	display:block;
	padding:10px 10px 10px 20px;
	position:relative;
	text-indent:-10px;
}

.catList li a::before{
	content:"";
	border:5px solid transparent;
	border-left-color:#00A0E8;
	display:inline-block;
}

.catList li a:hover{
	background:#F5F5F5;
}

.couponArea{
	border:4px solid #00A0E8;
	border-radius:5px;
	margin:10px 10px 30px;
	padding:25px;
}

.couponTl{
	overflow:hidden;
	text-indent:-9999px;
	background:url(/images/2016odekakesp/tl_coupon.gif) no-repeat left;
	background-size:auto 100%;
	height:20px;
	margin:0 0 10px;
}

.couponTl + p{
	color:#009FE7;
	font-weight:bold;
	margin:0 0 25px
}

.couponArea .im{
	text-align:center;
}

.floatR{ float:right; margin:0 0 20px 20px; max-width:250px; height:auto;}
.floatL{ float:left; margin:0 20px 20px 0; max-width:250px; height:auto;}


#contents_2016odekakesp .cr{
	border-top:1px solid #D6D6D6;
	padding:15px 0;
	text-align:center;
	font-size:11px;
	margin-top:35px;
}


.detailList + dl.list01 {
	border:none;
}

#mapArea a{ color:#00A0E8;}
#mapArea a:hover{ text-decoration:none;}

.insta{
	width:700px;
	padding: 20px 20px;
	background: #fff;
	overflow: hidden;
}

.insta img{
	float: left;
	width:300px;
}

.insta h3{
	float: right;
	width:390px;
	font-weight: bold;
	font-size: 150%;
	color: #D30A2A;
	margin-bottom: 15px;
}

.insta p{
	float: right;
	width:390px;
}

.biwaichi{
	width:700px;
	padding: 20px 20px;
	background: #fff;
	overflow: hidden;
}

.biwaichi img{
	margin: 0 3.5em 1em;
}

.biwaichi p{
}