@charset "UTF-8";

/* margin (1em is 14px on body) */

.mt00 { margin-top:0; }
.mt05 { margin-top:0.5em; }
.mt10 { margin-top:1em; }
.mt15 { margin-top:1.5em; }
.mt20 { margin-top:2em; }
.mt25 { margin-top:2.5em; }
.mt30 { margin-top:3em; }
.mt35 { margin-top:3.5em; }
.mt40 { margin-top:4em; }

.mb00 { margin-bottom:0; }
.mb05 { margin-bottom:0.5em; }
.mb10 { margin-bottom:1em; }
.mb15 { margin-bottom:1.5em; }
.mb20 { margin-bottom:2em; }
.mb25 { margin-bottom:2.5em; }
.mb30 { margin-bottom:3em; }
.mb35 { margin-bottom:3.5em; }
.mb40 { margin-bottom:4em; }

.ml00 { margin-left:0; }
.ml05 { margin-left:0.5em; }
.ml10 { margin-left:1em; }
.ml15 { margin-left:1.5em; }
.ml20 { margin-left:2em; }
.ml25 { margin-left:2.5em; }
.ml30 { margin-left:3em; }

.mr00 { margin-right:0; }
.mr05 { margin-right:0.5em; }
.mr10 { margin-right:1em; }
.mr15 { margin-right:1.5em; }
.mr20 { margin-right:2em; }
.mr25 { margin-right:2.5em; }
.mr30 { margin-right:3em; }
.mr35 { margin-right:3.5em; }
.mr40 { margin-right:4em; }

.ma { margin-left:auto; margin-right:auto; }

/* font size regular */

.fs01 { font-size:50%; }
.fs02 { font-size:66.66%; }
.fs03 { font-size:77.77%; }
.fs04 { font-size:100%; }
.fs05 { font-size:128.5%; }
.fs06 { font-size:150%; }
.fs07 { font-size:200%; }
.fs08 { font-size:228%; }
.fs09 { font-size:250%; }
.fs10 { font-size:285%; }
.fs11 { font-size:300%; }
.fs12 { font-size:320%; }

/* font size xs ( sp view ) */
@media screen and (max-width:480px) {
	
	.fs01 { font-size:50%; }
	.fs02 { font-size:66.66%; }
	.fs03 { font-size:66.66%; }
	.fs04 { font-size:77.77%; }
	.fs05 { font-size:100%; }
	.fs06 { font-size:128%; }
	.fs07 { font-size:150%; }
	.fs08 { font-size:200%; }
	.fs09 { font-size:200%; }
	.fs10 { font-size:200%; }
	.fs11 { font-size:200%; }
	.fs12 { font-size:200%; }
}

/* font size small ( tablet view ) */
@media screen and (min-width:481px) and (max-width:767px) {

	.fs01 { font-size:50%; }
	.fs02 { font-size:66.66%; }
	.fs03 { font-size:77.77%; }
	.fs04 { font-size:100%; }
	.fs05 { font-size:125%; }
	.fs06 { font-size:150%; }
	.fs07 { font-size:175%; }
	.fs08 { font-size:200%; }
	.fs09 { font-size:200%; }
	.fs10 { font-size:200%; }
	.fs11 { font-size:200%; }
	.fs12 { font-size:200%; }
}

/* font color */

.fc_gray   { color: #9d9d9d; }
.fc_red    { color: #f00000; }
.fc_pink   { color: #f5596c; }
.fc_blue   { color: #0c7dc1; }
.fc_orange { color: #FF660B; }
.fc_green  { color: #44AD03; }

/* font weight */

.fw_l { font-weight: lighter; }
.fw_b { font-weight: bold; }

/* text-decoration */

.td_u { text-decoration:underline; }

/* custom align */

.tac { text-align:center; }
.tar { text-align:right; }
.tal { text-align:left; }

.vat { vertical-align:top !important; }
.vam { vertical-align:middle !important; }
.vab { vertical-align:bottom !important; }

/* custom width relative */

.w24 { width: 100%; }
.w23 { width: 95.83333333%; }
.w22 { width: 91.66666667%; }
.w21 { width: 87.5%; }
.w20 { width: 83.33333333%; }
.w19 { width: 79.16666667%; }
.w18 { width: 75%; }
.w17 { width: 70.83333333%; }
.w16 { width: 66.66666667%; }
.w15 { width: 62.5%; }
.w14 { width: 58.33333333%; }
.w13 { width: 54.16666667%; }
.w12 { width: 50%; }
.w11 { width: 45.83333333%; }
.w10 { width: 41.66666667%; }
.w09 { width: 37.5%; }
.w08 { width: 33.33333333%; }
.w07 { width: 29.16666667%; }
.w06 { width: 25%; }
.w05 { width: 20.83333333%; }
.w04 { width: 16.66666667%; }
.w03 { width: 12.5%; }
.w02 { width: 8.33333333%; }
.w01 { width: 4.16666667%; }

/* custom width relative void */
/* xs ( sp view ) */
@media screen and (max-width:480px) {
	
	.not_xs.w24, .not_xs.w23, .not_xs.w22, .not_xs.w21, .not_xs.w20, .not_xs.w19, .not_xs.w18, .not_xs.w17,
	.not_xs.w16, .not_xs.w15, .not_xs.w14, .not_xs.w13, .not_xs.w12, .not_xs.w11, .not_xs.w10, .not_xs.w09,
	.not_xs.w08, .not_xs.w07, .not_xs.w06, .not_xs.w05, .not_xs.w04, .not_xs.w03, .not_xs.w02, .not_xs.w01 { width: 100%; }
}
/* small ( tablet view ) */
@media screen and (max-width:767px) {
	
	.not_sm.w24, .not_sm.w23, .not_sm.w22, .not_sm.w21, .not_sm.w20, .not_sm.w19, .not_sm.w18, .not_sm.w17,
	.not_sm.w16, .not_sm.w15, .not_sm.w14, .not_sm.w13, .not_sm.w12, .not_sm.w11, .not_sm.w10, .not_sm.w09,
	.not_sm.w08, .not_sm.w07, .not_sm.w06, .not_sm.w05, .not_sm.w04, .not_sm.w03, .not_sm.w02, .not_sm.w01 { width: 100%; }
	iframe {
		width: 100%;
		height: calc(100vw * 9 / 16);
	}
}
/* middle ( out of pc view ) */
@media screen and (max-width:991px) {
	
	.not_md.w24, .not_md.w23, .not_md.w22, .not_md.w21, .not_md.w20, .not_md.w19, .not_md.w18, .not_md.w17,
	.not_md.w16, .not_md.w15, .not_md.w14, .not_md.w13, .not_md.w12, .not_md.w11, .not_md.w10, .not_md.w09,
	.not_md.w08, .not_md.w07, .not_md.w06, .not_md.w05, .not_md.w04, .not_md.w03, .not_md.w02, .not_md.w01 { width: 100%; }
}

/* custom width absolute by font size */

.w01em { width: 1em; }
.w02em { width: 2em; }
.w03em { width: 3em; }
.w04em { width: 4em; }
.w05em { width: 5em; }
.w06em { width: 6em; }
.w07em { width: 7em; }
.w08em { width: 8em; }
.w09em { width: 9em; }
.w10em { width: 10em; }
.w11em { width: 11em; }
.w12em { width: 12em; }


/* custom width absolute */

.w50  { width: 50px; }
.w100 { width: 100px; }
.w150 { width: 150px; }
.w200 { width: 200px; }
.w250 { width: 250px; }
.w300 { width: 300px; }
.w350 { width: 350px; }
.w400 { width: 400px; }
.w450 { width: 450px; }
.w500 { width: 500px; }


/* custom height relative */

.h_max { height: 100%; }


/* custom height absolute */

.h50  { height: 50px; }
.h100 { height: 100px; }
.h150 { height: 150px; }
.h200 { height: 200px; }
.h250 { height: 250px; }
.h300 { height: 300px; }
.h350 { height: 350px; }
.h400 { height: 400px; }
.h450 { height: 450px; }
.h500 { height: 500px; }


/* custom display */

.d_ib { display:inline-block; }
.d_tb { display:table; }
.d_td { display:table-cell; }
.d_bk { display:block; }


/* display none */

.hide_xs { display:none; }

@media screen and (min-width: 768px)  {
	.hide_xs { display:block; }
	.hide_s  { display:none; }
}
@media screen and (min-width: 992px)  {
	.hide_s  { display:block; }
	.hide_m  { display:none; }
}
@media screen and (min-width: 1200px) {
	.hide_m  { display:block; }
	.hide_l  { display:none; }
}


/* display block */

.block_only_s,
.block_only_xs {}

@media screen and (max-width:767px) {
	.block_only_s,
	.block_only_xs { display:block; }
}

@media screen and (max-width:767px) {
	.pc { display:none !important; }
}
@media screen and (min-width:768px) {
	.sp { display:none !important; }
}
@media screen and (min-width:400px) {
	.sp2 { display:none !important; }
}

/* float */

.fl{ float:left; }
.fr{ float:right; }

.pull-right {float: right}
.pull-left {float: left}


/* clearfix */
.cf:before,
.cf:after { content: " "; display: table; }
.cf:after { clear: both; }
.cf { *zoom: 1; }




/* sp pc 出し分け */
.sp-only{display:none !important;}
.pc-only{display:block;}
.pc-only.flex{display:flex;}
@media screen and (max-width:680px){
	.pc-only{display:none !important;}
	.sp-only{display:block;}
	.sp-only.flex{display:flex !important;}
}


/* flex-box */
	.flex {display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;}
	.row {flex-direction:row;   }
	.row-r {flex-direction:row-reverse;}
	.column {flex-direction:column;}
	.column-r {flex-direction:column-reverse;}
	/*===コンテンツの折返し===*/
	.wrap {flex-wrap:wrap;}
	.wrap-r {flex-wrap:wrap-reverse;}
	.no-wrap {flex-wrap:nowrap;}
	/*===コンテンツの水平方向揃え ===*/
	.flex-left {justify-content:flex-start;}
	.flex-right {justify-content:flex-end;}
	.flex-center {justify-content:center;}
	.flex-space-b {justify-content:space-between;}
	.flex-space-a {justify-content:space-around;}
	/*===コンテンツの垂直方向揃え ===*/
	.flex-top {align-items:flex-start;}
	.flex-middle {align-items:center;}
	.flex-bottom {align-items:flex-end;}
	/* 順番 */
	.no1 {order:1;}
	.no2 {order:2;}
	.no3 {order:3;}
	.no4 {order:4;}
	.no5 {order:5;}
	.no6 {order:6;}
	.no7 {order:7;}
@media screen and (max-width:680px){
	.sp-flex {display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;}
	.sp-row {flex-direction:row;   }
	.sp-row-r {flex-direction:row-reverse;}
	.sp-column {flex-direction:column;}
	.sp-column-r {flex-direction:column-reverse;}
	/*===コンテンツの折返し===*/
	.sp-wrap {flex-wrap:wrap;}
	.sp-wrap-r {flex-wrap:wrap-reverse;}
	.sp-no-wrap {flex-wrap:nowrap;}
	/*===コンテンツの水平方向揃え ===*/
	.sp-flex-left {justify-content:flex-start;}
	.sp-flex-right {justify-content:flex-end;}
	.sp-flex-center {justify-content:center;}
	.sp-flex-space-b {justify-content:space-between;}
	.sp-flex-space-a {justify-content:space-around;}
	/*===コンテンツの垂直方向揃え ===*/
	.sp-flex-top {align-items:flex-start;}
	.sp-flex-middle {align-items:center;}
	.sp-flex-bottom {align-items:flex-end;}
	/* 順番 */
	.sp-no1 {order:1;}
	.sp-no2 {order:2;}
	.sp-no3 {order:3;}
	.sp-no4 {order:4;}
	.sp-no5 {order:5;}
	.sp-no6 {order:6;}
	.sp-no7 {order:7;}
}/*-- sp end --*/


.opa {
	transition: 0.3s;
	display: flex;
    align-items: center;
    justify-content: center;
}

.opa i {
	position: relative;
}

.opa i.icon-plan::before {
	content: '';
	background:url(../images/i_cplan_.png) no-repeat;
	width:13px;
	height:13px;
	display:inline-block;
	background-size: contain;
}

.opa i.icon-look::before {
	content: '';
	background:url(../images/tokei.png) no-repeat;
	width:13px;
	height:13px;
	display:inline-block;
	background-size: contain;
	margin-right: 5px;
}

.opa i.icon-keepon::before {
	content: '';
	background:url(../images/bookmark_icon_on.png) no-repeat;
	width:13px;
	height:13px;
	display:inline-block;
	background-size: contain;
	margin-right: 5px;
}

.opa i.icon-keepoff::before {
	content: '';
	background:url(../images/bookmark_icon_off.png) no-repeat;
	width:13px;
	height:13px;
	display:inline-block;
	background-size: contain;
	margin-right: 5px;
}
.logotext {
	line-height:24px;
	margin-bottom:5px;
	font-size: 11px;
	padding: 20px 0 10px 0px;
	white-space: nowrap;
	position: absolute;
	left: 0;
	top: -34px;
}

.update_data {
	position: absolute;
    left: 30%;
    top: -10px;
    font-size: 12px;
}

.update_data span {
	color: #f00;
    font-size: 13px;
	font-weight: bold;
}
/* タブレットサイズ修正 */
@media only screen and (min-width: 681px) and (max-width: 1100px) {
	
}




/*  content01  */
.content01 {
	padding:25px 0 70px;
}
.content01 .box {
	width:345px;
	height:100px;
	display:flex;
	justify-content:center;
	align-items:center;
	border-width:3px;
	border-style:solid;
	border-radius:10px;
	cursor:pointer;
}

.content01 .box .img_on {
	display: block;
}
.content01 .box .img_off {
	display: none;
}

.content01 .box:hover .img_on {
	display: none;
}
.content01 .box:hover .img_off {
	display: block;
}
.content01 .box:hover {
	background-color: #10878e !important;
}
.content01 .box:hover .base-border01 {
    border-color: #fff !important;
}
.content01 .box:hover .base-color01 {
    color: #fff;
}

.content01 .keyword-wrap .img_on {
	display: block;
}
.content01 .keyword-wrap .img_off {
	display: none;
}
.content01 .keyword-wrap:hover .img_on {
	display: none;
}
.content01 .keyword-wrap:hover .img_off {
	display: block;
}

.content01 .keyword-wrap:hover  {
    background-color: #10878e !important;
}
.content01 .keyword-wrap:hover .base-color01 {
    color: #fff !important;
}

.content01 .keyword-wrap:hover .keyword-list .base-color01  {
	color: #10878e !important;
}

.modal_content .title::before,
.content01 .box::before{
	content: '';
	display:inline-block;
	margin-right: 10px;
}
.modal_content.pref .title::before,
.content01 .box#pref::before{
	width:25px;
	height:36px;
	background:url(../images/marker.png) no-repeat;
	background-size: contain;
}
.content01 .box#pref:hover::before{
	background:url(../images/marker_off.png) no-repeat;
	background-size: contain;
}
.modal_content.kodawari .title::before,
.content01 .box#kodawari::before{
	width:36px;
	height:36px;
	background:url(../images/check.png) no-repeat;
	background-size: contain;
}
.content01 .box#kodawari:hover::before{
	background:url(../images/check_off.png) no-repeat;
	background-size: contain;
}
.modal_content.train .title::before,
.content01 .box#train::before{
	width:25px;
	height:34px;
	background:url(../images/train.png) no-repeat;
	background-size: contain;
}
.content01 .box#train:hover::before{
	background:url(../images/train_off.png) no-repeat;
	background-size: contain;
}


.content01 .box img,.content01 .keyword-wrap img {
	margin-right:10px;
}
.content01 .box .jp,.content01 .keyword-wrap .jp {
	font-size:23px;
	line-height:0.7em;
	padding-top:8px;
}
.content01 .box .eng,.content01 .keyword-wrap .eng {
	font-size:12px;
	font-family:'Roboto', sans-serif;
}
.keyword-wrap {
	border-width:3px;
	border-style:solid;
	border-radius:10px;
	padding:30px 62px;
	margin-top:40px;
	background:#f8f8f8;
}
.content01 .keyword-wrap dt {
	display:flex;
	align-items:center;
	margin-bottom:20px;
}
.content01 .keyword-wrap dt::before {
	content: '';
	display:inline-block;
	width:25px;
	height:34px;
	margin-right: 10px;
	background:url(../images/fire.png) no-repeat;
	background-size: contain;
}
.content01 .keyword-wrap:hover dt::before {
	background:url(../images/fire_off.png) no-repeat;
	background-size: contain;
}
.content01 .keyword-wrap dd .keyword-list a {
	border-width:1px;
	border-style:solid;
	border-radius:5px;
	background:#fff;
	padding:9px 19px;
	margin-right:18px;
	margin-bottom:15px;
	display:inline-block;
	font-size:14px;
	line-height: 1.4em;
}
.content01 .keyword-wrap dd .keyword-list a:last-child {
	margin-right:0;
}
.keyword-wrap .keyword-form {
	width:100%;
	height:60px;
	background:#fff;
	border:2px solid #e6e6e6;
	border-radius:8px;
	display:flex;
	justify-content:space-between;
	padding:7px;
	margin-top:20px;
}
.keyword-wrap .keyword-form input[type=text] {
	width:800px;
	border:none;
	padding:0 10px;
	font-size:20px;
}
.keyword-wrap .keyword-form input[type=text]::placeholder {
	color:#b2b2b2;
}
.keyword-wrap .keyword-form .btn {
	width:140px;
	border:none;
	border-radius:5px;
	color:#fff;
	cursor:pointer;
	display:flex;
	align-items:center;
	justify-content:center;
	font-size:17px;
	line-height: 1em;
	font-weight:bold;
}
.keyword-wrap .keyword-form .btn i {
	color:#fff;
	font-size:18px;
	margin-right:5px;
}
.base-border01 {
    border-color: #10878e !important;
}
.pref dl dd a.non_activ, .pref dl dd span.non_activ, .area_wrap a.non_activ, .area_wrap span.non_activ, .kodawari ul.list a.non_activ {
    pointer-events: none;
    color: #aaa;
    border: 1px solid #aaa!important;
}
@media screen and (max-width:680px){
	.content01 {
	}
  
	.logotext {
		left: 10px;
		top: -22px;
	}
	.update_data {
		left: 45%;
		top: -1px;
	}
  .content01 .box {
		width:100%;
		height:80px;
		margin-bottom:10px;
	}
	.content01 .box .jp, .content01 .keyword-wrap .jp {
    font-size: 18px;
    line-height: 1em;
    padding-top: 3px;
	}
	.keyword-wrap {
		padding:20px 10px;
		margin-top:30px;
	}
	.content01 .keyword-wrap dd .keyword-list  {
		display:flex;
/* 		justify-content:space-around; */
		flex-wrap:wrap;
	}
	.content01 .keyword-wrap dd .keyword-list a {
		padding:7px 15px;
		margin:0 5px 15px;
		margin-bottom:15px;
		display:inline-block;
		font-size:12px;
	}
	.keyword-wrap .keyword-form {
    height: auto;
    flex-direction:column;
    padding: 7px;
    margin-top: 15px;
	}
	.keyword-wrap .keyword-form input[type=text] {
		width:100%;
		border:none;
		padding:0 10px;
		font-size:16px;
		height:50px;
		margin-bottom:7px;
	}
	.keyword-wrap .keyword-form .btn {
    width: 100%;
    font-size: 14px;
    height:50px;
	}
}


.area_link_down {
	margin: 15px auto 40px auto;
    max-width: 1080px;
}
.area_link_down .area_link_down_item {
	margin-bottom: 10px;
}

.area_link_down .area_link_down_title {
    display: flex;
    position: relative;
    align-items: center;
    justify-content: left;
    width: 100%;
	padding: 0 40px 0 20px;
    /* padding: 16px 40px 16px 20px; */
    /* background: #f6f6f6; */
    font-size: 18px;
    font-weight: 700;
    line-height: 1.5;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
	border-left: 5px solid #10878e;
    margin: 20px 0 0 0;
}

.area_link_down .area_link_down_title:after {
    content: "";
    border: solid black;
	border-width: 0 2px 2px 0;
	display: inline-block;
	padding: 3px;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);    
	position: absolute;
    right: 20px;
}
.area_link_down .active .area_link_down_title:after {
    content: "";
    border: solid black;
	border-width: 0 2px 2px 0;
	display: inline-block;
	padding: 3px;
	transform: rotate(-135deg);
	-webkit-transform: rotate(-135deg);    
	position: absolute;
    right: 20px;
}

.area_link_down .down_box  {
	display: none;
	padding: 25px 20px 10px 20px;
}
.area_link_down .active .down_box  {
	display: block;
}
.area_link_down_item .keyword-wrap {
    background: #fff;
}


.pref_down dl dd a.non_activ, 
.pref_down dl dd span.non_activ, 
.pref_down ul.list a.non_activ, 
.kodawari_down ul.list a.non_activ {
    pointer-events: none;
    color: #aaa;
    border: 1px solid #aaa!important;
}

.pref_down ul.list a:hover,
.kodawari_down ul.list a:hover,
.area_link_down_item .keyword-list a:hover {
    background: #10878e;
	color: #fff !important;
}

.pref_down {}
.pref_down .bg_map {
    width: 100%;
    background: url(../images/search_map.png) no-repeat;
    background-position: center center;
    padding: 0 20px;
    min-height: 470px;
    margin-bottom: 50px;
    box-sizing: border-box;
    position: relative;
}
.pref_down ul.list {
    overflow: hidden;
}
.pref_down ul.list li {
    display: inline;
}
.pref_down ul.list a {
    border-width: 1px;
    border-style: solid;
    border-radius: 5px;
    background: #fff;
    padding: 9px 19px;
    margin-right: 18px;
    margin-bottom: 15px;
    display: inline-block;
    font-size: 14px;
    line-height: 1.4em;
}
.pref_down dl {
    background: #f8f8f8;
    border-radius: 5px;
    padding: 5px;
    display: inline-block;
    box-sizing: border-box;
}
.pref_down dl.area1 {
	position: absolute;
    top: 20px;
    right: 0;
}
.pref_down dl.area2 {
	position: absolute;
    top: 210px;
    right: 0;
}
.pref_down dl.area3 {
	position: absolute;
    top: 20px;
    left: 43%;
    transform: translateX(-50%);
}
.pref_down dl.area4 {
	position: absolute;
    bottom: 0;
    right: 0;
}
.pref_down dl.area5 {
	position: absolute;
    top: 143px;
    left: 38%;
    transform: translateX(-50%);
}
.pref_down dl.area6 {
	position: absolute;
    top: 215px;
    left: 0;
}
.pref_down dl.area7 {
	position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}
.pref_down dl.area8 {
	position: absolute;
    bottom: 0;
    left: 0;
}

.pref_down dl.col1 { max-width: 270px;}
.pref_down dl.col3 { max-width: 203px;}
.pref_down dl.col4 { width: 270px;}


.pref_down dl dt {
    color: #ff7800;
    font-size: 14px;
    font-weight: bold;
	text-align: center;
    margin-bottom: 5px;
}
.pref_down dl dd {
	display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.pref_down dl dd a,.pref_down dl dd span {
    font-size: 13px;
    line-height: 1.2em;
    width: 60px;
    color: #ff7800;
    text-align: center;
    background: #fff;
    border: 1px solid #ff7800;
    border-radius: 5px;
    padding: 5px 8px;
    margin-bottom: 5px;
	margin-right: 5px;
    display: inline-block;
    box-sizing: border-box;
}
.pref_down dl.col3 dd a:nth-child(3) {margin-right: 0;}
.pref_down dl.col3 dd a:nth-child(6) {margin-right: 0;}
.pref_down dl.col4 dd a:nth-child(4) {margin-right: 0;}
.pref_down dl dd a:hover {
    background: #ff7800;
	color: #fff;
	text-decoration: none;
	transition: 0.2s;
}
@media only screen and (min-width: 768px) and (max-width: 1100px) {
	/* ---------------幅指定--------------- */
	.pref_down dl.col2 { max-width: 140px; }
	.pref_down dl.col3 {	/*max-width: 140px;*/ }
	.pref_down dl.col4 {	width: 140px;}
	
	/* ---------------座標指定--------------- */
	.pref_down dl.area1 { top: 20px; }
	.pref_down dl.area3 {
		top: 20px;
		left: 50%;
	}
	.pref_down dl.area4 {
		right: inherit;
		left: 64%;
		transform: translateX(-50%);
	}
	.pref_down dl.area5 {
		top: 20px;
		left: 0;
		transform: inherit;
	}
	.pref_down dl.area6 { top: 155px; }
	.pref_down dl.area7 { left: 38%; }
	
	
}


.kodawari_down {}
.kodawari_down ul.list { overflow: hidden;}
.kodawari_down ul.list li {display: inline;}
.kodawari_down ul.list a {
    border-width: 1px;
    border-style: solid;
    border-radius: 5px;
    background: #fff;
    padding: 9px 19px;
    margin-right: 18px;
    margin-bottom: 15px;
    display: inline-block;
    font-size: 14px;
    line-height: 1.4em;
}
@media screen and (max-width:680px) {
	.kodawari_down ul.list a {
		font-size: 12px;
		padding: 7px 15px;
		margin-right: 10px;
	}
}


.train_down {}
.train_down .route_form {}
.train_down .route_form .wrap {
    margin-bottom: 30px;
	overflow: hidden;
}
.train_down .route_form select {
    /* -webkit-appearance: none; */
    /*-moz-appearance: none;*/
    /*appearance: none;*/
    display: block;
    width: 100%;
    padding: 10px 15px;
    border: none;
    border-radius: 5px;        /* CSS3草案 */  
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 5px;   /* Firefox用 */
}
.train_down .route_form label {
    width: 31%;
    margin-right: 2%;
    border: 1px solid #ccc;
    border-radius: 5px;
    display: inline-block;
}
.train_down .route_form label:nth-child(3) {
	margin-right: 0;
}
@media screen and (max-width:680px) {
	.train_down .route_form select {
		font-size: 16px;
		color: #555;
	}
	.train_down .route_form label {
		width: 100%;
		margin-right: 0;
		margin-bottom: 20px;
	}
	.train_down .route_form label:nth-child(3) {
		margin-bottom: 0;
	}
	
	.train_down .route_form .btn {
		font-size: 16px;
		letter-spacing: 0.75em;
	}
}


.area_link_down_item .keyword-list a {
    border-width: 1px;
    border-style: solid;
    border-radius: 5px;
    background: #fff;
    padding: 9px 19px;
    margin-right: 18px;
    margin-bottom: 15px;
    display: inline-block;
    font-size: 14px;
    line-height: 1.4em;
}

.area_link_down_item .keyword-wrap {
    border-width: 0;
	margin-top: 0;
	border-radius: 0 0 10px 10px;
}

.area_link_down_item .keyword-wrap .keyword-form input[type=text] {
    width: 800px;
    border: none;
    padding: 0 10px;
    font-size: 20px;
}

@media screen and (max-width:768px) {
	.area_link_down {
		padding: 0 15px;
		max-width: 1080px;
	}
	.area_link_down_item .keyword-wrap .keyword-form input[type=text] {
		width: 100%;
		font-size: 16px;
	}
}