@charset "utf-8";

/*---------------------------------------------------
 sub content
--------------------------------------------------- */
#sub_content{
	width:1000px;
	margin:0 auto;
	padding-top:10px;
}

#sub_content p , #sub_content table , #sub_content li{
	font-size:85%;
	letter-spacing:0.06em;
	line-height:150%;
}

#sub_content .wp_article p{
	line-height:120%;
}
#pan{
	font-size:11px;
	padding:10px 0 10px 0;
}

.spttl{
	background:#fff url(../img/bg_spttl.jpg) left bottom no-repeat;
	padding:8px 16px 12px 16px;
	font-size:100%;
	width:709px;
	letter-spacing:0.2em;
	margin-bottom:20px;
	border:1px solid #D9D9D9;
	font-weight:bold;
}

.spttl_l{
	background:url(../img/bg_spttl_l.jpg) left top no-repeat;
	padding:8px 16px 15px 16px;
	font-size:100%;
	width:968px;
	letter-spacing:0.2em;
	margin-bottom:20px;
	font-weight:bold;
}

.secttl{
	background:url(../img/bg_secttl.png) left 4px no-repeat;
	padding:0px 16px 0 23px;
	font-size:100%;
	width:704px;
	height:31px;
	letter-spacing:0.1em;
	margin-bottom:20px;
	margin-top:30px;
	font-weight:bold;
	clear:both;
}

.secttl_l{
	background:url(../img/bg_secttl_l.png) left 4px no-repeat;
	padding:0px 16px 0 23px;
	font-size:100%;
	width:961px;
	height:31px;
	letter-spacing:0.1em;
	margin-bottom:20px;
	margin-top:30px;
	font-weight:bold;
	clear:both;
}

.enttl{
	background:url(../img/bg_enttl.jpg) left top no-repeat;
	padding:10px 14px 5px 20px;
	font-size:100%;
	width:709px;
	font-weight:bold;
	line-height:130%;
	display:table-cell;
	vertical-align:middle;
}

.enttl a{
	font-weight:bold;
}

.enttl_h{
	background:url(../img/bg_enttl_h.jpg) left top no-repeat;
	padding:10px 10px 0 20px;
	font-size:14px;
	width:331px;
	height:29px;
}

.effortsbox, .featurebox, .topicsbox{
    /*font-size:85%;*/
    line-height:180%;
}

.effortsbox h4.type1, .featurebox h4.type1, .topicsbox h4.type1{
	border-bottom:1px solid #CCBFB2;
	padding:10px 16px 5px 5px;
	font-size:14px;
	width:722px;
	letter-spacing:0.1em;
	font-weight:bold;
	line-height:130%;
	display:block;
	vertical-align:middle;
	margin-bottom:20px;
	margin-top:10px;
}

.midashi1{
	background:url(../img/bg_secttl.png) left 4px no-repeat;
	padding:0px 16px 0 23px;
	font-size:16px;
	width:704px;
	height:31px;
	letter-spacing:0.1em;
	margin-bottom:20px;
	margin-top:30px;
	font-weight:bold;
	clear:both;
}

.midashi2{
	border-bottom:1px solid #CCBFB2;
	padding:10px 16px 5px 5px;
	font-size:14px;
	width:722px;
	letter-spacing:0.1em;
	font-weight:bold;
	line-height:130%;
	display:block;
	vertical-align:middle;
	margin-bottom:20px;
	margin-top:10px;
}



/*---------------------------------------------------
 sub common style
--------------------------------------------------- */
.bg_iconpdf a{
	background:url(../img/icon_pdf.png) left top no-repeat;
	padding-left:25px;
}

/* img float
--------------------------------------------------- */
.lbox_img{
	width:351px;
	height:234px;
	border:1px solid #ccc;
	float:left;
	margin-right:22px;
	margin-bottom:25px;
	padding:4px;
}

.rbox_img{
	width:351px;
	height:234px;
	border:1px solid #ccc;
	float:right;
	margin-left:22px;
	margin-bottom:25px;
	padding:4px;
}

.lbox_img2{
	width:351px;
	height:234px;
	border:1px solid #ccc;
	margin-bottom:25px;
	padding:4px;
	float:left;
}

.rbox_img2{
	width:351px;
	height:234px;
	border:1px solid #ccc;
	float:right;
	margin-bottom:25px;
	padding:4px;
}

.wpimg{
	width:351px;
	height:234px;
	display:table-cell;
	vertical-align:top;
	text-align:center;
}

/* box float
--------------------------------------------------- */
.lbox361{
	float:left;
	width:361px;
	display:block;
}

.rbox361{
	float:right;
	width:361px;
	display:block;
}

/* table
--------------------------------------------------- */
table.tableblue , table.tablebrown , table.tablemoss , table.tableaqua , table.tablebeige{	
border:1px solid #ccc;
border-collapse:collapse;
width:100%;
}
table.tableblue th , table.tablebrown th , table.tablemoss th , table.tableaqua th , table.tablebeige th{
border-bottom:1px solid #ccc;
border-right:1px solid #ccc;
text-align:left;
padding:10px;
vertical-align:top;
color:#fff;
width:100px;
}
table.tableblue th{
background:#056ED7;
}
table.tablebrown th{
background:#CC5B39;
}
table.tablemoss th{
background:#8F8F30;
}
table.tableaqua th{
background:#1F8CA4;
}
table.tablebeige th{
background:#CC8626;
}
table.tableblue td , table.tablebrown td , table.tablemoss td , table.tableaqua td , table.tablebeige td{
border-bottom:1px solid #ccc;
text-align:left;
padding:10px;
}

/* pager
--------------------------------------------------- */
.pagectrl{
padding-top:30px;
padding-bottom:30px;
overflow:hidden;
position: relative;
clear:both;
font-size:85%;
letter-spacing:0.06em;
}
.pagectrl ul{
position: relative;
left: 50%;
float: left;
}
.pagectrl ul li{
position: relative;
left: -50%;
float:left;
list-style:none;
padding-right:7px;
padding-left:7px;
border:1px solid #ccc;
margin:5px;
}
#tabs .pagectrl ul li{
height:auto;
}
.pagectrl li.current{
background-color:#0080C0;
color:#FFFFFF;
}

/* box
--------------------------------------------------- */
.box_gray{
border:1px solid #ccc;
padding:20px;
margin-bottom:20px;
}
.box_gray2{
border:1px solid #ccc;
padding:10px;
margin-bottom:20px;
}
.box_gray_h{
border:1px solid #ccc;
padding:10px 10px 0 10px;
margin-bottom:20px;
height:120px;
}
.lbox_gray{
border:1px solid #ccc;
padding:10px;
margin-bottom:20px;
float:left;
width:339px;
}
.rbox_gray{
border:1px solid #ccc;
padding:10px;
margin-bottom:20px;
float:right;
width:339px;
}
/* pagemenu
--------------------------------------------------- */
.pagemenu li a{
float:left;
border-bottom:1px solid #ccc;
padding-bottom:3px;
padding-left:15px;
background:url(../img/arrow_down.jpg) left 10px no-repeat;
margin-right:20px;
color:#333;
text-decoration:none;
font-size:85%;
letter-spacing:0.06em;
line-height:180%;
}

/* list
--------------------------------------------------- */
ul.liststyle{
border-top:1px solid #ccc;
}
.liststyle li{
background:url(../img/arrow_list.png) 10px 15px no-repeat;
padding:8px 8px 8px 25px;
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
border-left:1px solid #ccc;
width:710px;
}
.liststyle li.even{
background-color:#f7f7f7;
}

/* red obi txt
--------------------------------------------------- */
.txt_obi{
background-color:#D34A3A;
padding:8px 15px;
border:1px solid #ccc;
font-size:16px;
letter-spacing:0.1em;
font-weight:bold;
color:#fff;
margin-bottom:15px;
}

/*---------------------------------------------------
 individual
--------------------------------------------------- */

/* osusume spot
--------------------------------------------------- */
.bt_map{
float:right;
padding-left:15px;
}
.wp_article_spot{
width:1012px;
margin-right:-12px;
}
.wp_article_spot .box{
width:239px;
float:left;
margin-right:12px;
background:url(../img/bg_article.jpg) left bottom repeat-x;
border:1px solid #CCCCCC;
height:230px;
margin-bottom:20px;
}
.wp_article_spot .box_in{
padding:5px;
width:229px;
}
#sub_content .wp_article_spot p{
padding-top:7px;
line-height:140%;
}
#bt_s_spot{
float:left;
padding-right:20px;
padding-top:20px;
}
#bt_k_spot{
float:left;
padding-right:20px;
padding-top:20px;
}

#bt_o_spot{
float:left;
padding-right:0;
padding-top:20px;
}

#map_canvas{
width:600px;
height:500px;
}

#spotwarp{
width:1000px;
height:762px;
position:relative;
background:url(../../spot/img/map01.gif) no-repeat;
}

#spotwarp #spot_s02 a{width:30px; height:23px; top:262px; left:958px; display:block; position:absolute;}
#spotwarp #spot_s03 a{width:30px; height:23px; top:336px; left:916px; display:block; position:absolute;}
#spotwarp #spot_s04 a{width:30px; height:23px; top:319px; left:808px; display:block; position:absolute;}
#spotwarp #spot_s05 a{width:30px; height:23px; top:306px; left:683px; display:block; position:absolute;}
#spotwarp #spot_s06 a{width:30px; height:23px; top:309px; left:559px; display:block; position:absolute;}
#spotwarp #spot_s07 a{width:30px; height:23px; top:309px; left:469px; display:block; position:absolute;}
#spotwarp #spot_s08 a{width:30px; height:23px; top:310px; left:386px; display:block; position:absolute;}
#spotwarp #spot_s09 a{width:35px; height:25px; top:315px; left:320px; display:block; position:absolute;}
#spotwarp #spot_s10 a{width:30px; height:23px; top:261px; left:272px; display:block; position:absolute;}
#spotwarp #spot_s11 a{width:30px; height:23px; top:240px; left:185px; display:block; position:absolute;}
#spotwarp #spot_s12 a{width:23px; height:19px; top:208px; left:158px; display:block; position:absolute;}
#spotwarp #spot_s13 a{width:22px; height:17px; top:163px; left:174px; display:block; position:absolute;}
#spotwarp #spot_s14 a{width:22px; height:17px; top:117px; left:192px; display:block; position:absolute;}
#spotwarp #spot_s15 a{width:22px; height:17px; top:86px; left:143px; display:block; position:absolute;}
#spotwarp #spot_s16 a{width:15px; height:13px; top:64px; left:98px; display:block; position:absolute;}
#spotwarp #spot_s17 a{width:15px; height:13px; top:40px; left:52px; display:block; position:absolute;}

#spotwarp #spot_k01 a{width:30px; height:23px; top:458px; left:862px; display:block; position:absolute;}
#spotwarp #spot_k02 a{width:30px; height:23px; top:422px; left:776px; display:block; position:absolute;}
#spotwarp #spot_k03 a{width:30px; height:23px; top:412px; left:708px; display:block; position:absolute;}
#spotwarp #spot_k04 a{width:30px; height:23px; top:455px; left:609px; display:block; position:absolute;}
#spotwarp #spot_k05 a{width:30px; height:23px; top:499px; left:534px; display:block; position:absolute;}
#spotwarp #spot_k06 a{width:30px; height:23px; top:522px; left:450px; display:block; position:absolute;}
#spotwarp #spot_k07 a{width:30px; height:23px; top:499px; left:357px; display:block; position:absolute;}
#spotwarp #spot_k08 a{width:30px; height:23px; top:471px; left:298px; display:block; position:absolute;}
#spotwarp #spot_k09 a{width:30px; height:23px; top:403px; left:246px; display:block; position:absolute;}
#spotwarp #spot_k10 a{width:35px; height:25px; top:347px; left:320px; display:block; position:absolute;}



/* burari kaiyu route
--------------------------------------------------- */
.route_img{
width:250px;
height:166px;
border:1px solid #ccc;
float:left;
margin-right:22px;
padding:4px;
}
.wp_route_img{
width:250px;
height:166px;
display:table-cell;
vertical-align:top;
text-align:center;
}
.route_txt{
float:right;
width:415px;
}

.route_txt p{
margin-bottom:15px;
}

/* ticket
--------------------------------------------------- */
.ticket_img{
width:90px;
height:60px;
border:1px solid #ccc;
float:left;
margin-right:17px;
padding:4px;
}
.wp_ticket_img{
width:90px;
height:60px;
display:table-cell;
vertical-align:top;
text-align:center;
}
.ticket_txt{
float:right;
width:220px;
}

/* station
--------------------------------------------------- */

.station-map-seishinyamate,
.station-map-kaigan{
	background-repeat:no-repeat;
	background-size:contain;
 margin-top: 25px;
}

.station-map-seishinyamate{
	background-image:url(../../station/img/seishinyamate.gif);
}

.station-map-kaigan{
	background-image:url(../../station/img/kaigan.gif);
}

#seishinyamate {
/* background: url(../../station/img/seishinyamate.gif) left top no-repeat;*/
 width: 100%;
 height: 420px;
 display: block;
 position: relative;
 background-color: #E5F6F2;
}
/*#s17 a , #s16 a , #s15 a , #s14 a , #s13 a , #s12 a , #s11 a , #s10 a , #s09 a , #s08 a , #s07 a , #s06 a , #s05 a , #s04 a , #s03 a , #s02 a , #k10 a , #k09 a , #k08 a , #k07 a , #k06 a , #k05 a , #k04 a , #k03 a , #k02 a , #k01 a{position:absolute;text-indent:-9999px;display:block;overflow:hidden;}
*/
/*#s17 a{background:url(../../station/img/seishinyamate.gif) -30px -24px no-repeat;left:30px;top:24px;width:217px;height:37px;}*/

#seishinyamate p{position:absolute;}


#seishinyamate img{max-width:100%;height:auto;}

#s17{left:30px;top:24px;}
#s16{left:30px;top:71px;}
#s15{left:30px;top:118px;}
#s14{left:30px;top:165px;}
#s13{left:30px;top:212px;}
#s12{left:30px;top:259px;}
#s11{left:30px;top:306px;}
#s10{left:30px;top:353px;}
#s09{left:267px;top:173px;}
#s08{left:324px;top:173px;}
#s07{left:381px;top:173px;}
#s06{left:438px;top:173px;}
#s05{left:495px;top:173px;}
#s04{left:552px;top:173px;}
#s03{left:609px;top:173px;}
#s02{left:666px;top:173px;}

/*#s16 a{background:url(../../station/img/seishinyamate.gif) -30px -71px no-repeat;left:30px;top:71px;width:217px;height:37px;}
#s15 a{background:url(../../station/img/seishinyamate.gif) -30px -118px no-repeat;left:30px;top:118px;width:217px;height:37px;}
#s14 a{background:url(../../station/img/seishinyamate.gif) -30px -165px no-repeat;left:30px;top:165px;width:217px;height:37px;}
#s13 a{background:url(../../station/img/seishinyamate.gif) -30px -212px no-repeat;left:30px;top:212px;width:217px;height:37px;}
#s12 a{background:url(../../station/img/seishinyamate.gif) -30px -259px no-repeat;left:30px;top:259px;width:217px;height:37px;}
#s11 a{background:url(../../station/img/seishinyamate.gif) -30px -306px no-repeat;left:30px;top:306px;width:217px;height:37px;}
#s10 a{background:url(../../station/img/seishinyamate.gif) -30px -353px no-repeat;left:30px;top:353px;width:217px;height:37px;}
#s09 a{background:url(../../station/img/seishinyamate.gif) -267px -173px no-repeat;left:267px;top:173px;width:37px;height:217px;}
#s08 a{background:url(../../station/img/seishinyamate.gif) -324px -173px no-repeat;left:324px;top:173px;width:37px;height:217px;}
#s07 a{background:url(../../station/img/seishinyamate.gif) -381px -173px no-repeat;left:381px;top:173px;width:37px;height:217px;}
#s06 a{background:url(../../station/img/seishinyamate.gif) -438px -173px no-repeat;left:438px;top:173px;width:37px;height:217px;}
#s05 a{background:url(../../station/img/seishinyamate.gif) -495px -173px no-repeat;left:495px;top:173px;width:37px;height:217px;}
#s04 a{background:url(../../station/img/seishinyamate.gif) -552px -173px no-repeat;left:552px;top:173px;width:37px;height:217px;}
#s03 a{background:url(../../station/img/seishinyamate.gif) -609px -173px no-repeat;left:609px;top:173px;width:37px;height:217px;}
#s02 a{background:url(../../station/img/seishinyamate.gif) -666px -173px no-repeat;left:666px;top:173px;width:37px;height:217px;}


#s17 a:hover{background:url(../../station/img/seishinyamate.gif) -30px -444px no-repeat;}
#s16 a:hover{background:url(../../station/img/seishinyamate.gif) -30px -491px no-repeat;}
#s15 a:hover{background:url(../../station/img/seishinyamate.gif) -30px -538px no-repeat;}
#s14 a:hover{background:url(../../station/img/seishinyamate.gif) -30px -585px no-repeat;}
#s13 a:hover{background:url(../../station/img/seishinyamate.gif) -30px -632px no-repeat;}
#s12 a:hover{background:url(../../station/img/seishinyamate.gif) -30px -679px no-repeat;}
#s11 a:hover{background:url(../../station/img/seishinyamate.gif) -30px -726px no-repeat;}
#s10 a:hover{background:url(../../station/img/seishinyamate.gif) -30px -773px no-repeat;}
#s09 a:hover{background:url(../../station/img/seishinyamate.gif) -267px -593px no-repeat;}
#s08 a:hover{background:url(../../station/img/seishinyamate.gif) -324px -593px no-repeat;}
#s07 a:hover{background:url(../../station/img/seishinyamate.gif) -381px -593px no-repeat;}
#s06 a:hover{background:url(../../station/img/seishinyamate.gif) -438px -593px no-repeat;}
#s05 a:hover{background:url(../../station/img/seishinyamate.gif) -495px -593px no-repeat;}
#s04 a:hover{background:url(../../station/img/seishinyamate.gif) -552px -593px no-repeat;}
#s03 a:hover{background:url(../../station/img/seishinyamate.gif) -609px -593px no-repeat;}
#s02 a:hover{background:url(../../station/img/seishinyamate.gif) -666px -593px no-repeat;}*/


#kaigan{
background:url(../../station/img/kaigan.gif) left top no-repeat;
width:742px;height:387px;display:block;position:relative;
}
#k10 a{background:url(../../station/img/kaigan.gif) -30px -31px no-repeat;left:30px;top:31px;width:217px;height:37px;}
#k09 a{background:url(../../station/img/kaigan.gif) -30px -78px no-repeat;left:30px;top:78px;width:217px;height:37px;}
#k08 a{background:url(../../station/img/kaigan.gif) -197px -140px no-repeat;left:197px;top:140px;width:37px;height:217px;}
#k07 a{background:url(../../station/img/kaigan.gif) -264px -140px no-repeat;left:264px;top:140px;width:37px;height:217px;}
#k06 a{background:url(../../station/img/kaigan.gif) -331px -140px no-repeat;left:331px;top:140px;width:37px;height:217px;}
#k05 a{background:url(../../station/img/kaigan.gif) -398px -140px no-repeat;left:398px;top:140px;width:37px;height:217px;}
#k04 a{background:url(../../station/img/kaigan.gif) -465px -140px no-repeat;left:465px;top:140px;width:37px;height:217px;}
#k03 a{background:url(../../station/img/kaigan.gif) -532px -140px no-repeat;left:532px;top:140px;width:37px;height:217px;}
#k02 a{background:url(../../station/img/kaigan.gif) -599px -89px no-repeat;left:599px;top:89px;width:37px;height:217px;}
#k01 a{background:url(../../station/img/kaigan.gif) -666px -32px no-repeat;left:666px;top:32px;width:37px;height:217px;}


#k10 a:hover{background:url(../../station/img/kaigan.gif) -30px -418px no-repeat;}
#k09 a:hover{background:url(../../station/img/kaigan.gif) -30px -465px no-repeat;}
#k08 a:hover{background:url(../../station/img/kaigan.gif) -197px -527px no-repeat;}
#k07 a:hover{background:url(../../station/img/kaigan.gif) -264px -527px no-repeat;}
#k06 a:hover{background:url(../../station/img/kaigan.gif) -331px -527px no-repeat;}
#k05 a:hover{background:url(../../station/img/kaigan.gif) -398px -527px no-repeat;}
#k04 a:hover{background:url(../../station/img/kaigan.gif) -465px -527px no-repeat;}
#k03 a:hover{background:url(../../station/img/kaigan.gif) -532px -527px no-repeat;}
#k02 a:hover{background:url(../../station/img/kaigan.gif) -599px -476px no-repeat;}
#k01 a:hover{background:url(../../station/img/kaigan.gif) -666px -419px no-repeat;}


.wp_article_naka , .wp_article_biru{
width:753px;
margin-right:-10px;
}
.wp_article_naka .box{
width:239px;
float:left;
margin-right:10px;
margin-top:10px;
background:url(../img/bg_article.jpg) left bottom repeat-x;
border:1px solid #CCCCCC;
height:339px;
}
.wp_article_biru .box{
width:239px;
float:left;
margin-right:10px;
margin-top:10px;
background:url(../img/bg_article.jpg) left bottom repeat-x;
border:1px solid #CCCCCC;
height:380px;
}
.wp_article_naka .box_in , .wp_article_biru .box_in{
padding:5px;
width:229px;
position:relative;
}
.shop , .cate , .memo , .floor{
clear:both;
font-size:70%;
letter-spacing:0.06em;
line-height:140%;
}
.shop .ttl , .cate .ttl , .memo .ttl , .floor .ttl{
background-color:#666666;
border:1px solid #ccc;
border-right:none;
width:40px;
float:left;
padding:8px;
color:#FFFFFF;
overflow:hidden;
}
.shop .dtl , .cate .dtl , .memo .dtl , .floor .dtl{
border:1px solid #ccc;
border-left:none;
width:155px;
padding:8px;
float:right;
overflow:hidden;
background-color:#fff;
}
.shop .ttl{
height:34px;
margin-top:5px;
margin-bottom:5px;
}
.shop .dtl{
height:34px;
margin-top:5px;
}
.cate .ttl , .floor .ttl{
height:18px;
margin-bottom:5px;
}
.cate .dtl , .floor .dtl{
height:18px;
}
.memo .ttl{
height:50px;
margin-bottom:5px;
}
.memo .dtl{
height:50px;
}


/* goods
--------------------------------------------------- */
.goods_img{
width:150px;
height:100px;
border:1px solid #ccc;
float:left;
margin-right:11px;
padding:4px;
}
.wp_goods_img{
width:150px;
height:100px;
display:table-cell;
vertical-align:top;
text-align:center;
}
.goods_txt{
float:right;
width:160px;
}
.lbox_gray dl , .rbox_gray dl{
clear:both;
}
.lbox_gray dt , .rbox_gray dt{
float:left;
background-color:#666666;
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
border-left:1px solid #ccc;
padding:3px 8px;
font-size:70%;
color:#fff;
clear:both;
width:144px;
margin-top:5px;
white-space:nowrap;
overflow:hidden;
}
.lbox_gray dd , .rbox_gray dd{
float:right;
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
border-top:1px solid #ccc;
font-size:70%;
color:#666;
padding:3px 8px;
width:160px;
margin-top:5px;
}

/* efforts, feature
--------------------------------------------------- */
.efforts_img, .feature_img{
width:120px;
height:80px;
border:1px solid #ccc;
float:left;
margin-right:22px;
padding:4px;
}
.wp_efforts_img, .wp_feature_img{
width:120px;
height:80px;
display:table-cell;
vertical-align:top;
text-align:center;
}
.efforts_txt, .feature_txt{
float:right;
width:548px;
}

.effortsbox h3, .featurebox h3, .areabox h3, .topicsbox h3, .dtl-doc h3{
	background:url(../img/bg_secttl.png) left 4px no-repeat;
	padding:0px 16px 0 23px;
	font-size:16px;
	/*width:704px;*/
    width: 100%;
	height:31px;
	letter-spacing:0.1em;
	margin-bottom:20px;
	margin-top:30px;
	font-weight:bold;
	clear:both;
}

.effortsbox h4, .featurebox h4, .areabox h4, .topicsbox h4, .dtl-doc h4{
	border-bottom:1px solid #CCBFB2;
	padding:10px 16px 5px 5px;
	font-size:14px;
    width: 100%;
	/*width:722px;*/
	letter-spacing:0.1em;
	font-weight:bold;
	line-height:130%;
	display:block;
	vertical-align:middle;
	margin-bottom:20px;
	margin-top:10px;
}

.effortsbox table, .featurebox table, .areabox table, .topicsbox table, .dtl-doc table{	
border:1px solid #ccc;
border-collapse:collapse;
width:100%;
}
.effortsbox table th, .featurebox table th, .areabox table th, .topicsbox table th, .dtl-doc table th{
border-bottom:1px solid #ccc;
border-right:1px solid #ccc;
text-align:left;
padding:10px;
vertical-align:top;
background-color:#f1f1f1;
font-weight:bold;
/*font-size:115%;*/
}

.effortsbox table td, .featurebox table td, .areabox table td, .topicsbox table td, .dtl-doc table td{
border-bottom:1px solid #ccc;
border-right:1px solid #ccc;
text-align:left;
padding:10px;
/*font-size:115%;*/
}

.effortsbox ul, .featurebox ul, .areabox ul, .topicsbox ul, .dtl-doc ul, .ticketbox ul{
padding-left:1em;
}
.effortsbox ul li, .featurebox ul li, .areabox ul li, .topicsbox ul li, .dtl-doc ul li, .ticketbox ul li{
list-style-type:disc;
/*font-size:115%;*/
}

.effortsbox ol, .featurebox ol, .areabox ol, .topicsbox ol, .dtl-doc ol, .ticketbox ol{
padding-left:2em;
}

.effortsbox ol li, .featurebox ol li, .areabox ol li, .topicsbox ol li, .dtl-doc ol li, .ticketbox ol li{
list-style-type:decimal;
/*font-size:115%;*/
}

.effortsbox pre, .featurebox pre, .areabox pre, .topicsbox pre, .dtl-doc pre, .ticketbox pre{
font-family:"ヒラギノ角ゴ Pro W3","メイリオ","Hiragino Kaku Gothic Pro",Meiryo,Osaka,Verdana,"ＭＳ Ｐゴシック","MS P Gothic", sans-serif;
}

.effortsbox strong, .featurebox strong, .areabox strong, .topicsbox strong, .dtl-doc strong, .ticketbox strong{
font-weight:bold;
}


.effortsbox em, .featurebox em, .areabox em, .topicsbox em, .dtl-doc em, .ticketbox em{
font-style:italic;
}


/* realestate
--------------------------------------------------- */
.wp_box_re{
border-top:1px solid #ccc;
}
.box_re{
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
border-left:1px solid #ccc;
padding:10px;
clear:both;
}
.re_img{
width:90px;
height:60px;
border:1px solid #ccc;
float:left;
margin-right:22px;
padding:4px;
}
.wp_re_img{
width:90px;
height:60px;
display:table-cell;
vertical-align:top;
text-align:center;
}
.re_txt{
float:right;
width:595px;
}
.re_txt h4 a{
font-size:85%;
letter-spacing:0.06em;
}

.re_table{
float:right;
width:360px;
}
.bt_floorplan{
margin-top:15px;
}

/* bid
--------------------------------------------------- */

#bid{
line-height:150%;
}

#bid dl{
background-color:#eee;
border:1px solid #ccc;
border-top:none;
width:100%;
font-size:85%;
letter-spacing:0.06em;
line-height:180%;
}
#bid dt{
float:left;
padding:0.5em 0 0.5em 1em;
width:10em;
border-top:1px solid #ccc;
}
#bid dd{
background-color:#fff;
margin: 0 0 0 10em;
padding:0.5em 1em 0.5em 1em;
border-top:1px solid #ccc;
border-left:1px solid #ccc;
}
#bid #bid-day{
text-align:right;
padding-bottom:5px;
}
#bid p{
padding-bottom:15px;
}
.box_btns{
margin-top:10px;
}
.box_btns li{
margin-bottom:15px;
}
.pdf_btn{
font-size:85%;
border:1px solid #ccc;  
padding:5px 20px 5px 30px;  
cursor:pointer;  
color:#ccc;
border:1px solid #DDD;
border-radius:2px;
-moz-border-radius:2px;
-webkit-border-radius:2px;
background:url(../img/icon_pdf.png) 8px 5px no-repeat;
background-color:#eee;
}

/* sitemap
--------------------------------------------------- */
#sitemap{
padding:15px 50px;
}
#sitemap li{
background:url(../img/arrow_list.png) left 15px no-repeat;
border-bottom:1px solid #ccc;
padding-bottom:8px;
padding-top:8px;
padding-left:25px;
}
#sitemap ul.second{
margin-left:15px;
}
#sitemap ul.second li{
background:none;
border-bottom:1px solid #ccc;
padding-left:5px;
margin-left:35px;
}

/* search
--------------------------------------------------- */
#searchresult .ttl{
padding-bottom:10px;
padding-top:15px;
}
#searchresult .ttl a{
font-weight:bold;
}
#searchresult .txt{
padding-bottom:15px;
border-bottom:1px dotted #ccc;
}

/* ad
--------------------------------------------------- */
.ttl_bggray{
background-color:#eee;
border-top:1px solid #ccc;
border-right:1px solid #ccc;
border-left:1px solid #ccc;
padding:8px;
font-weight:bold;
}

/* area
--------------------------------------------------- */

.areastbox ul li{
float:left;
border:1px solid #ccc;
margin:0 10px 10px 0;
}

.areastbox ul li a{
padding:5px 10px;
font-size:12px;
text-decoration:none;
display:block;
 color: #333;
}

.areastbox ul li a:hover{
padding:5px 10px;
background-color:#0080C0;
color:#fff;
}


/* spot
--------------------------------------------------- */

#blbox{
position:relative;
width:1000px;
height:787px;
}

#m01,#m02,#m03,#m04,#m05,#m06,#m07,#m08,#m09,#m10,#m11,#m12,#m13,#m14,#m15,#m16,#m17,#m18,#m19,#m20,#m21,#m22,#m23,#m24,#m25,#m26,#m27,#m28,#m29,#m30,#m31,#m32,#m33,#m34,#m35,#m36,#m37,#m38,#m39,#m40,#m40_2,#m41,#m42,#m43{
position:absolute; background:url(http://ktbsp.jp/wpf/wp-content/themes/transport/spot/img/map_bg.gif);}

#m01{left:847px; top:518px; width:50px; height:35px;}
#m02{left:953px; top:358px; width:45px; height:49px;}
#m03{left:800px; top:487px; width:40px; height:34px;}
#m04{left:738px; top:399px; width:55px; height:31px;}
#m05{left:719px; top:461px; width:20px; height:53px;}
#m06{left:739px; top:493px; width:37px; height:22px;}
#m07{left:648px; top:474px; width:45px; height:30px;}
#m08{left:565px; top:535px; width:59px; height:41px;}
#m09{left:474px; top:436px; width:51px; height:63px;}
#m10{left:531px; top:458px; width:37px; height:30px;}
#m11{left:445px; top:528px; width:42px; height:17px;}
#m12{left:506px; top:633px; width:20px; height:29px;}
#m13{left:389px; top:535px; width:50px; height:35px;}
#m14{left:167px; top:396px; width:44px; height:35px;}
#m15{left:221px; top:385px; width:33px; height:42px;}
#m16{left:252px; top:318px; width:40px; height:60px;}
#m17{left:895px; top:269px; width:52px; height:43px;}
#m18{left:874px; top:317px; width:56px; height:37px;}
#m19{left:818px; top:366px; width:62px; height:44px;}
#m20{left:785px; top:291px; width:78px; height:40px;}
#m21{left:645px; top:291px; width:68px; height:39px;}
#m22{left:642px; top:401px; width:70px; height:47px;}
#m23{left:387px; top:283px; width:51px; height:32px;}
#m24{left:2px; top:364px; width:97px; height:61px;}
#m25{left:56px; top:148px; width:45px; height:42px;}
#m26{left:128px; top:149px; width:61px; height:40px;}
#m27{left:43px; top:192px; width:38px; height:32px;}
#m28{left:29px; top:81px; width:48px; height:31px;}
#m29{left:31px; top:2px; width:61px; height:39px;}
#m30{left:82px; top:438px; width:71px; height:53px;}
#m31{left:750px; top:469px; width:37px; height:22px;}
#m32{left:699px; top:367px; width:44px; height:31px;}
#m33{left:714px; top:302px; width:62px; height:37px;}
#m34{left:163px; top:289px; width:52px; height:29px;}
#m35{left:117px; top:255px; width:61px; height:31px;}
#m36{left:216px; top:119px; width:68px; height:39px;}
#m37{left:140px; top:82px; width:40px; height:26px;}
#m38{left:73px; top:43px; width:40px; height:32px;}
#m39{left:708px; top:516px; width:31px; height:22px;}
#m40{left:402px; top:513px; width:43px; height:14px;}
#m40_2{left:497px; top:510px; width:43px; height:14px;}
#m41{left:907px; top:409px; width:73px; height:75px;}
#m42{left:665px; top:702px; width:87px; height:63px;}
#m43{left:897px; top:526px; width:66px; height:35px;}


.headline,
.heading {
  position: relative;
 line-height: 1.3333333333;
 letter-spacing: 0.04em;
 font-weight: 500;
}

.headline + .heading {
 margin-top: 0;
}

/*.headline{
 margin-bottom: 25px;
 padding: 10px;
   background: -moz-linear-gradient(top, #fff, #f2f2f2);
  background: -webkit-linear-gradient(top, #fff, #f2f2f2);
  background: linear-gradient(to bottom, #fff, #f2f2f2);
 border: 1px solid #ccc;
 border-bottom: 2px solid #0080C0;
 font-size: 22px;
}*/

.headline {
 margin-bottom: 25px;
 padding: 10px;
 font-size: 2.2rem;
 background: #fff;
 border-top: solid 1px #ccc;
 border-right: solid 1px #ccc;
 border-left: solid 5px #0080C0;
 border-bottom: solid 1px #ccc;
 line-height: 1.33333333;
}


.heading {
 font-size: 18px;
 margin-top: 50px;
 margin-bottom: 25px;
 padding-left: 25px;
 padding-bottom: 15px;
}

.heading::before,
.heading::after {
 content: "";
 position: absolute;
 bottom: 0;
 left: 0;
 display: inline-block;
 vertical-align: middle;
}
.heading::before {
 background-color: #ccc;
 height: 1px;
 width: 100%;
}
.heading::after {
 background-color: #0080C0;
 width: 45%;
 height: 1px;
}

.heading span::before{
 content: "";
 position: absolute;
 top: .3em;
 left: 0;
 width: 15px;
 height: 15px;
 border: 4px solid #0080C0;
 border-radius: 50%;
}






.ticket-list{
   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;
}

.ticket-list li{
 background-color: #fff;
 border: 1px solid #ccc;
}


.ticket-list li h4{
    background: -moz-linear-gradient(top, #fff, #ddd);
  background: -webkit-linear-gradient(top, #fff, #ddd);
  background: linear-gradient(to bottom, #fff, #ddd);
 border-bottom: 1px solid #ccc;
 border-left: 5px solid #35A235;
}

.ticket-list li h4 a{
 display: block;
 padding: 10px;
 line-height: 1;
 font-size: 15px;
 white-space: nowrap;
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
}

.ticket-list dl{
 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;
 padding: 10px;
}

.ticket-list dt{
 width: 30%;
}

.ticket-list dt img{
 padding: 5px;
 border: 1px solid #ccc;
}

.ticket-list dd{
 width: 66%;
 font-size: 15px;
}

@media screen and (min-width:768px) , print {
.ticket-list li{
 width: 48%;
}

.ticket-list li:nth-child(n+3){
 margin-top: 4%;
}

}

@media screen and (max-width: 767px) {

.ticket-list li:nth-child(n+2){
 margin-top: 4%;
}
}










/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/





.goods-list{
   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;
}

.goods-list li{
 background-color: #fff;
 border: 1px solid #ccc;
}

@media screen and (min-width:768px) , print {
.goods-list li{
 width: 48%;
}

.goods-list li:nth-child(n+3){
 margin-top: 4%;
}

}

@media screen and (max-width: 767px) {

.goods-list li:nth-child(n+2){
 margin-top: 4%;
}
}



.goods-list li dl{
   display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
   -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.goods-list li .goods-photo {
 	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
 padding: 10px;
}

.goods-list li .goods-photo dt,
.goods-list li .goods-photo dd{
 width: 48%;
}

.goods-list li .goods-photo dd a{
 font-size: 14px;
}

.goods-list li .goods-photo dt{
 padding: 5px;
 border: 1px solid #ccc;
}

.goods-list li .goods-price{
 border-top: 1px solid #ccc;
}

.goods-list li .goods-price dt,
.goods-list li .goods-price dd{
  width: 50%;
padding: 5px;
 font-size: 12px;
 line-height: 1;
}

.goods-list li .goods-price dt{
 background-color: #666;
 color: #fff;
}

.goods-soldout {
 border-top: 1px solid #ccc;
 border-right: 1px solid #ccc;
 border-left: 1px solid #ccc;
}

.goods-soldout-txt{
 margin-bottom: 25px;
 padding: 15px;
 background-color: #D34A3A;
 font-size: 16px;
 font-weight: 700;
 color: #fff;
}

.goods-soldout li {
 border-bottom: 1px solid #ccc;
}

.goods-soldout li a{
 position: relative;
 display: block;
 padding: 10px 10px 10px 25px;
 font-size: 14px;
}
.goods-soldout li a::before{
content: "";
 position: absolute;
 top: 50%;
 left: 10px;
 width: 6px;
 height: 6px;
 border-bottom: 1px solid #ff9900;
 border-right: 1px solid #ff9900;
 -webkit-transform: translateY(50%) rotate(-45deg);
 transform: translateY(-50%) rotate(-45deg);
}


@media screen and (min-width:768px) , print {

 .dtl-doc{
   display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.dtl-doc .dtl-photo,
.dtl-doc .dtl-txt{
 width: 48%;
}
 
}

@media screen and (max-width: 767px) {

}



.dtl-doc .dtl-photo img{
 padding: 5px;
 background-color: #fff;
 border: 1px solid #ccc;
}

.dtl-doc .dtl-txt{
 font-size: 14px;
}



.dtl-table {
  width: 100%;
 margin-top: 50px;
  border-collapse: collapse;
  border-spacing: 0;
 }
.dtl-table th,
.dtl-table td {
  padding: 15px;
   border: 1px solid #ccc;
 vertical-align: middle;
 font-size: 14px;
 text-align: left;
 }
.dtl-table th {
  width: 150px;
 background-color: #0080C0;
  font-weight: 500;
 color: #fff;
 }
.dtl-table td {
  background-color: #fff;
 }



@media screen and (max-width: 767px) {
 .page-school-dtl .school-info {
  margin-top: 25px;
 }
 .page-school-dtl .school-info table {
  width: 100%;
 }
 .page-school-dtl .school-info th, .page-school-dtl .school-info td {
  display: block;
 }
 .page-school-dtl .school-info th {
  padding: 5px;
 }
 .page-school-dtl .school-info td {
  padding: 5px 0 10px;
 }
 .page-school-dtl .school-info .school-map {
  margin-top: 15px;
 }
 .page-school-dtl .school-info .school-map .inner {
  padding-bottom: 56.25%;
 }
}






/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/

.route-anchor {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-align: center;
 -ms-flex-align: center;
 align-items: center;
}

.route-anchor li a {
 position: relative;
 line-height: 1;
 text-decoration: none;
  border-bottom: 1px solid #0080C0;
 }
.route-anchor li a::before {
 content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
 margin-top: auto;
 margin-bottom: auto;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: #0080C0 transparent transparent transparent;
  border-width: 5px 4px 0 4px;
}
@media screen and (min-width:768px), print {
 
 .route-anchor{
  margin-top: -10px;
 }
 
 .route-anchor li:nth-child(n+2) {
  margin-left: 25px;
 }
 .route-anchor li a {
  /*padding: 20px 15px;*/
  padding:10px 0 10px 15px;
  transition: all 0.25s ease-in;
 }
.route-anchor li a:hover {
  opacity: .7;
 }
}
@media screen and (max-width: 767px) {
 .route-anchor {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 25px;
 }
 .route-anchor li {
  width: 48%;
 }
 .route-anchor li a {
  padding: 10px;
  font-size: 1.2rem;
 }
}


.route-list{
   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;
}

.route-list li{
 width: 100%;
 background-color: #fff;
 border: 1px solid #ccc;
}

.route-list li h4,
.route-list li h4 a{
 font-size: 1.6rem;
 font-weight: 500;
 line-height: 1.35;
}

.route-list li h4 {
 padding: 10px;
 background: -moz-linear-gradient(top, #fff, #eee);
 background: -webkit-linear-gradient(top, #fff, #eee);
 background: linear-gradient(to bottom, #fff, #eee);
 border-bottom: 1px solid #ccc;
 border-left: 7px solid #35A235;
}

.route-list dt img{
 padding: 5px;
 border: 1px solid #ccc;
 width: 100%;
 height: auto;
}

.route-list dd p{
 margin-bottom: 15px;
}

 .route-list{
 margin-top: 25px;
 }

@media screen and (min-width:768px) , print {

 .route-list li:nth-child(n+2){
 margin-top: 4%;
}

 .route-list li h4 a:hover{
  text-decoration: none;
 }

 .route-list dl {
  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;
  padding: 20px;
 }

 .route-list dt{
 width: 35%;
}

.route-list dd{
 width: 61%;
}

}

@media screen and (max-width: 767px) {

  .route-list li h4{
 padding: 10px;
 border-left: 5px solid #35A235;
 font-size: 1.4rem;
}

  .route-list dl{
 padding: 10px;
}

  .route-list dd{
   margin-top: 15px;
}
 
.route-list li:nth-child(n+2){
 margin-top: 4%;
}

}

.station-list{
   display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
   -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.station-list li{
 padding: 5px;
 background-color: #fff;
 border: 1px solid #ccc;
}

@media screen and (min-width:901px) , print {

.station-list li{
 width: 32%;
 margin-right: 2%;
}

.station-list li:nth-child(3n){
 margin-right: 0;
}


.station-list li:nth-child(n+4){
 margin-top: 4%;
}

}

@media screen and (max-width: 900px) {

 .station-list li{
 width: 48%;
 margin-right: 4%;
}

.station-list li:nth-child(even){
 margin-right: 0;
}


.station-list li:nth-child(n+3){
 margin-top: 4%;
}
 
}




.station-list dl{
  display:flex;
  flex-wrap: wrap;
margin-top: 5px;
  border: 1px solid #ccc;
  border-top: none;
}
.station-list dt,
.station-list dd{
 font-size: 12px;
 line-height: 1.33333333;
}
.station-list dt{
  background: #666;
 color: #fff;
  width: 30%;
   padding: 5px 1px;
 border-top: 1px solid #ccc; 
 text-align: center;
}
.station-list dd{
  width: 70%;
  margin: 0;
  padding: 5px;
  border-left: 1px solid #ccc;
  border-top: 1px solid #ccc; 
}



/*@media screen and (max-width: 320px) {
  .station-list dl{
    flex-flow: column nowrap;
  }
  .station-list dt,
  .station-list dd{
    width: 100%;
  }
  .station-list dd{
    border-left: none;
  }
}*/





.bid-list dl{
  display:flex;
  flex-wrap: wrap;
 margin-top: 15px;
  border: 1px solid #ccc;
  border-top: none;
}

.bid-list dt,
.bid-list dd{
 padding: 15px;
}

.bid-list dt{
  width: 140px;
 background-color: #eee;
 border-top: 1px solid #ccc; 
 text-align: center;
}

.bid-list dd{
  flex: 1;
  margin: 0;
 background-color: #fff;
  border-left: 1px solid #ccc;
  border-top: 1px solid #ccc; 
}

.ad-list{
   display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
   -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.ad-list li{
 padding: 5px;
 background-color: #fff;
 border: 1px solid #ccc;
 text-align: center;
}

.ad-list li p{
 margin-top: 5px;
}

@media screen and (min-width:901px) , print {

.ad-list li{
 width: 32%;
 margin-right: 2%;
}

.ad-list li:nth-child(3n){
 margin-right: 0;
}

.ad-list li:nth-child(n+4){
 margin-top: 2%;
}

 .ad-list li p{
  font-size: 1.3rem;
}
 
}

@media screen and (max-width: 900px) {

 .ad-list li{
 width: 48%;
 margin-right: 4%;
}

.ad-list li:nth-child(even){
 margin-right: 0;
}


.ad-list li:nth-child(n+3){
 margin-top: 4%;
}
 
}








.efforts-list{
   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;
}

.efforts-list li{
 width: 100%;
 background-color: #fff;
 border: 1px solid #ccc;
}

.efforts-list li h4,
.efforts-list li h4 a{
 font-size: 1.6rem;
 font-weight: 500;
 line-height: 1.35;
}

.efforts-list li h4 {
 padding: 10px;
 background: -moz-linear-gradient(top, #fff, #eee);
 background: -webkit-linear-gradient(top, #fff, #eee);
 background: linear-gradient(to bottom, #fff, #eee);
 border-bottom: 1px solid #ccc;
 border-left: 7px solid #35A235;
}

.efforts-list dt img{
 padding: 5px;
 border: 1px solid #ccc;
 width: 100%;
 height: auto;
}

.efforts-list dd p{
 margin-bottom: 15px;
}

@media screen and (min-width:768px) , print {

 .efforts-list li:nth-child(n+2){
 margin-top: 4%;
}

 .efforts-list li h4 a:hover{
  text-decoration: none;
 }

 .efforts-list dl {
  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;
  padding: 20px;
 }

 .efforts-list dt{
 width: 15%;
}

.efforts-list dd{
 width: 81%;
}

}

@media screen and (max-width: 767px) {

  .efforts-list li h4{
 padding: 10px;
 border-left: 5px solid #35A235;
 font-size: 1.4rem;
}

  .efforts-list dl{
 padding: 10px;
}

  .efforts-list dd{
   margin-top: 15px;
}
 
.efforts-list li:nth-child(n+2){
 margin-top: 4%;
}

}










.sitemap-list > div{
	position:relative;
	margin:0 auto 20px;
	background-color:#fff;  
	border:1px solid #ddd;
 border-radius: 4px;
	text-align:left;
}

.sitemap-list .sitemap-parent{
	margin-top:-2rem;
	position:absolute;
	top:50%;
}

.sitemap-list .sitemap-child{
	border-left:1px solid #ddd;
	margin-left:240px;
}

.sitemap-list .sitemap-child > div:first-child{
	border-top:none;
}

.sitemap-list .sitemap-child > div{
	border-top:1px solid #ddd;
}

.sitemap-list a{
	position:relative;
	display:block;
	padding:10px 10px 10px 35px;
}

.sitemap-list a::before,
.sitemap-list a::after{
	content:"";
	position:absolute;
	top:0;
	bottom:0;
	left:15px;
	margin-top:auto;
	margin-bottom:auto;
	vertical-align:middle;
}

.sitemap-list a::before{
	width:11px;
	height:11px;
	background:#008080;
	border-radius:50%;
	-webkit-border-radius:50%;
}

.sitemap-list a::after{
	left:18px;
	width:3px;
	height:3px;
	border-top:1px solid #fff;
	border-right:1px solid #fff;
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
}

.sitemap-list a:active,
.sitemap-list a:hover{
	color:#199277;
	text-decoration:none;
}


@media screen and (max-width:767px){

.sitemap-list > div{
	width:100%;
	margin-bottom:15px;
}

.sitemap-list .sitemap-parent{
	position:relative;
	top:0;
	margin-top:0;
}

.sitemap-list .sitemap-child{
	margin-left:0;
	padding-left:2em;
	border-left:none;
}

.sitemap-list .sitemap-child > div:first-child{
    border-top:1px solid #ddd;
}

.sitemap-list .sitemap-parent-link{
	line-height:8.2rem;
	width:40%;
}

.sitemap-list .sitemap-child-top{
	border-bottom:1px solid #ddd;
	margin-left:40%;
}

.sitemap-list .sitemap-child-bottom{
	border-top:1px solid #ddd;
	margin-left:40%;
}

}


.spot-list{
   display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.spot-list li{
background:url(../img/bg_article.jpg) left bottom repeat-x;
border:1px solid #ccc;
}
.spot-list li a{
 display: block;
 padding: 5px;
}

.spot-list li a p{
 padding-top: 5px;
 color: #0080C0;
}

@media screen and (min-width:768px) , print {
 
.spot-list li{
 width: 23.5%;
 margin-right: 2%;
}

.spot-list li:nth-child(4n){
 margin-right: 0;
}

.spot-list li:nth-child(n+5){
 margin-top: 2%;
}
 
}

@media screen and (max-width: 767px) {

 .spot-list li{
 width: 47.5%;
 margin-right: 5%;
}

.spot-list li:nth-child(even){
 margin-right: 0;
}

.spot-list li:nth-child(n+3){
 margin-top: 5%;
}
 
}

.yt-movie {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.yt-movie iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

@media screen and (min-width: 768px) {

.yt-movie iframe {
 width: 100%;
}

}

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

		.diiig {
		 margin-top: 50px;
		}
		.diiig-map {
		 aspect-ratio: 4 / 3;
		 max-width: 1000px;
		 border: 1px solid #ccc;
		}
		.diiig-map iframe {
		 width: 100%;
		 height: 100%;
		}
		#list-banner ul li:first-child {
		 margin-left: 0;
		}
.diiig-map-link{
	padding-top: 10px;
	text-align: right;
}