/*-----------------------------------------------
 html / body
-----------------------------------------------*/
html {
	cursor: url(/ogakikurasi/img/ogk_cur.cur), auto;
}

body {
}


/*-----------------------------------------------
 Font
-----------------------------------------------*/
h1 { }
h2 { }
h3 { }
h4 { }
h5 { }
h6 { }


/*-----------------------------------------------
 container
-----------------------------------------------*/
#container {
}

#wrapper {
}

.contents_box {
	width: 960px;
	margin: 0 auto;

	/*background: #9CC;*/
}

/* スマホ遷移 */
#sp_header {
	margin: 0 auto;
}


/*-----------------------------------------------
 header_top
-----------------------------------------------*/
#header_top {
	background: url(../img/header_top_bg.jpg);
}


/*-----------------------------------------------
 header_2F
-----------------------------------------------*/
#header_2F {
	background: url(../img/header_2F_bg.jpg) top center;
}


/*-----------------------------------------------
 slide(背景)
-----------------------------------------------*/
#slide_bg {
	background: url(../img/slide_bg.jpg) top center;
}


/*-----------------------------------------------
 slide(本体)
-----------------------------------------------*/
.slideArea {
	height: 371px;
	position: relative;
	text-align: center;
	font-size: 0;
	line-height: 0;
}

.slideArea a{
}

.slideArea:hover{
}

.slideArea .invalid{
	width: 960px;
	height: 371px;
	margin: 0 auto;
	display: block;
}

.slideArea .slide .shadow{
	width: 960px;
	height: 371px;
	margin: 0 auto;
	display: block;
}

.slideCtrl{
	width: 970px;
	margin: 0 auto;
	position: relative;
}

.slideCtrl ul li.prev{
	list-style-type: none;
	position:absolute;
	left:-60px;
	bottom:165px;
	z-index:20;
}

.slideCtrl ul li.next{
	list-style-type: none;
	position:absolute;
	right:-60px;
	bottom:165px;
	z-index:20;
}

.slide {
	height: 371px;
	width: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	display: none;
	z-index: 11;
	opacity: 0;
	background-position: center;
	background-repeat: no-repeat;
}

.slide a {
  display: block;
  width: 100%;
  height: 100%;
}


/*-----------------------------------------------
 menu
-----------------------------------------------*/
#menu {
	background: url(../img/menu_bg.jpg);
	text-align: center;
}

#menu ul {
	width: 1000px;
	margin: 0 auto;
	padding: 10px 0;
	list-style-type: none;

	/*background: #F66;*/
}

#menu ul li {
	padding: 0 12px 0 17px;
	border-left: 1px solid #FFF;
	display: inline-block;

	/*background:#06C;*/
}

#menu ul li:first-child {
	padding: 0 10px 0 0;
	border-left: none;
  position: relative;
}

#menu ul li span,
#menu ul li a {
	color: #FFF;
}

#menu ul li span:hover,
#menu ul li.is-active span,
#menu ul li a:hover {
	color: #FF0;
}

#menu ul li .sub-menu {
  display: none;
  padding-top: 10px;
  position: absolute;
  left: 0;
  top: 1em;
  z-index: 1;
}
#menu ul li .sub-menu .sub-menu-in {
  background: url(../img/menu_bg2.png);
  padding: 18px 18px 8px 18px;
  border: #199C02 solid 4px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}
#menu ul li .sub-menu a {
  background-image: url(../img/sub_menu_arrow.png);
  background-repeat: no-repeat;
  background-position: left center;
  display: block;
  color: #000;
  text-align: left;
  min-width: 6.5em;
  margin-bottom: 10px;
  padding: 2px 0 0 15px;
  line-height: 1;
}


/*-----------------------------------------------
 merit_top
-----------------------------------------------*/
#merit_top {
	height: 1470px;
	background: url(../img/merit_bg2.jpg) top center;
}

#merit8 {
	position: absolute;
	top: 14px;
	left: 228px;
}

#merit01 {
	position: absolute;
	top: 52px;
	left: 0;
}

#merit02 {
	position: absolute;
	top: 144px;
	left: 240px;
}

#merit03 {
	position: absolute;
	top: 144px;
	left: 484px;
}

#merit04 {
	position: absolute;
	top: 55px;
	left: 728px;
}

#merit05 {
	position: absolute;
	top: 309px;
	left: 0;
}

#merit06 {
	position: absolute;
	top: 409px;
	left: 240px;
}

#merit07 {
	position: absolute;
	top: 409px;
	left: 488px;
}

#merit08 {
	position: absolute;
	top: 309px;
	left: 728px;
}

#merit_other {
	position: absolute;
	top: 688px;
	left: 169px;
}


/*-----------------------------------------------
 merit_2F
-----------------------------------------------*/
#merit_2F {
	background: url(../img/dot_bg.png) center center repeat-x;
}


/*-----------------------------------------------
 youtube
-----------------------------------------------*/
.youtube {
	width: 400px;
	margin: 0 30px;
	border: 1px solid #438AFF;
	display: inline-block;
	/*float: left;*/

	/*background:#CCFFFF;*/
}


/*-----------------------------------------------
 corner
-----------------------------------------------*/
.corner {
	float: left;
}

.corner img {
	padding: 0 10px 16px;
	display: block;
}

#twt,
.instafeed-wrap {
	width: 420px;
	margin: -16px auto 0;
	padding: 10px 20px 0;
	background: url(../img/corner_osirase_bg.png);
}
#instafeed {
	height: 440px;
	overflow: scroll;
}
#instafeed a {
	float: left;
	margin: .4%;
	width: 32.53%;
}
#instafeed img {
	padding: 0;
	width: 100%;
}

/*-----------------------------------------------
 main
-----------------------------------------------*/
#main {
	background: url(../img/main_2F_bg.jpg) top center repeat-x;
}

/* 内容ボックス(安心・働く・教育・楽しむ・暮らす) */
.ansin_naiyo_box {
	background: url(../ansin/img/naiyo_bg.png);
}

.hataraku_naiyo_box {
	background: url(../hataraku/img/naiyo_bg.png);
}

.kyoiku_naiyo_box {
	background: url(../kyoiku/img/naiyo_bg.png);
}

.tanosimu_naiyo_box {
	background: url(../tanosimu/img/naiyo_bg.png);
}

.kurasu_naiyo_box {
	background: url(../kurasu/img/naiyo_bg.png);
}

/* 内容ボックス(プロフィール・定住・声・住宅・里山) */
.naiyo_box_2 {
	padding: 33px;
}

.naiyo_box_3 {
	padding: 20px 33px 33px;
}

.naiyo_box_4 {
	padding: 0 33px;
}

#iti_map {
	margin: 0 0 10px;
	height: 370px;
	background: url(../profile/img/01iti_map.png) no-repeat;
}

#access {
}

#access_nagoya {
	width: 750px;
	margin: 0 auto 30px;
	border: 1px solid #ff466d;
}

#access_nagoya_tit {
	padding: 5px 10px 3px;
	background: #ff466d;
	color: #FFF;
}

#access_tokyo {
	width: 750px;
	margin: 0 auto 30px;
	border: 1px solid #55d141;
}

#access_tokyo_tit {
	padding: 5px 10px 3px;
	background: #55d141;
	color: #FFF;
}

#access_osaka {
	width: 750px;
	margin: 0 auto 70px;
	border: 1px solid #ff9d12;
}

#access_osaka_tit {
	padding: 5px 10px 3px;
	background: #ff9d12;
	color: #FFF;
}


.photo {
	width: 920px;
	margin: 20px auto;
}

/*#photo img {
	margin: 20px 0 0 20px;
	float: left;
	display: block;
}*/

/* リスト(1カラム) */
ul.list1 {
	margin: 13px 0 30px;
	list-style-type: none;
}

.w780 {
	width: 780px;
}

.w860 {
	width: 860px;
}

ul.list1 li {
	margin: 20px 0 0 20px;
	padding: 8px 10px 15px 50px;
	border-bottom: 1px dashed #999;
	background: url(../img/mark_blue.png) no-repeat 14px 10px;
}

.list1box01{
	width: 250px;
	float: left;
}

.list1box02{
	width: 580px;
	float: left;
}

.list1box03{
	width: 50px;
	float: left;
}

.list1box04{
	width: 520px;
	float: left;
}

.hissu{
	font-size: 80%;
	color: red;
}

.hosoku{
	font-size: 80%;
}

.submit{
	margin: 0 auto 100px;
	text-align: center;
}

.submit input{
	margin: 0 50px;
}

.list1 input[type="checkbox"] {
	transform: scale(1.6);
}

/* リスト(2カラム) */
ul.list2 {
	margin: 13px 0 70px;
	list-style-type: none;
}

ul.list2 li {
	width: 370px;
	margin: 20px 0 0 33px;
	padding: 8px 10px 15px 50px;
	border-bottom: 1px dashed #999;
	background: url(../img/mark_blue.png) no-repeat 14px 28%;
	float: left;
}

.matinaka {
	padding: 10px 30px 6px;
	background: #bfdaff;
	border-radius: 8px;
}

.kosodate {
	padding: 10px 30px 6px;
	background: #ffdde4;
	border-radius: 8px;
}

.sansedai {
	padding: 10px 30px 6px;
	background: #b8e8b0;
	border-radius: 8px;
}

.kinkyo {
	padding: 10px 30px 6px;
	background: #ffd9a3;
	border-radius: 8px;
}

.tyuko {
	padding: 10px 30px 6px;
	background: #e5ddff;
	border-radius: 8px;
}

.soudan-center {
	padding:10px 20px;
	border:1px solid #ccc;
	border-radius: 8px;
	display:inline-block;
}

.tokyoken {
	padding: 10px 30px 6px;
	background: #ffddfc;
	border-radius: 8px;
}

.k_mini {
	font-size: 80%;
}

.min_tit {
	margin: 20px 0 0;
}

/* 申請の流れ */
.katudo_list {
	margin: 20px 0;
	list-style-type: none;
	line-height: 1.5;
}

.katudo_sinsei {
	padding: 10px;
	border: 3px solid #bfdaff;
	border-radius: 8px;
}

.katudo_sinsei div {
	margin: 0 10px 0 0;
	padding: 10px 20px;
	border-radius: 5px;
	background: #bfdaff;
	font-size: 110%;
	font-weight: bold;
	float: left;
}

.katudo_sinsei p {
	overflow: hidden;
}

.katudo_ya {
	padding: 20px 0 20px 110px;
	background: url(../img/yajirusi.png) no-repeat 35px bottom;
}

/* 線 */
.line_dash_gray {
	border-bottom:1px dashed #999;
}


/*-----------------------------------------------
 hanyo_table
-----------------------------------------------*/
.hanyo_table {
	margin: 20px auto;
	border-collapse: collapse;
	line-height: 1.3;
}

.hanyo_table th,
.hanyo_table td {
	padding: 10px;
	border: solid 1px #b8b8b8;
}

.hanyo_table th {
	background: #eee;
	/*color: #666;*/
	font-weight: normal;
}

.hanyo_table td {
	background: #FFF;
}

.hanyo_table .bg_yellow {
	background: #FFC;
}


/*-----------------------------------------------
 pan
-----------------------------------------------*/
#pan {
	width: 960px;
	margin: 0 auto;
	padding: 30px 0 20px;
}


/*-----------------------------------------------
 quest
-----------------------------------------------*/
#quest {
	background: url(../ogaki-quest/img/bg.png) repeat-y;
  width: 960px;
  padding-bottom: 130px;
  position: relative;
  overflow: hidden;
}
#quest .clouds img {
  position: absolute;
  z-index: 100;
}
#quest .clouds img.cloud1 {right: -33px;top: 22px;}
#quest .clouds img.cloud2 {left: -138px;top: 61px;}
#quest .clouds img.cloud3 {left: -91px;top: 1105px;}
#quest .clouds img.cloud4 {right: -35px;top: 1171px;}
#quest .clouds img.cloud5 {right: 151px;top: 1230px;width: 120px;}
#quest .clouds img.cloud6 {left: -23px;top: 1626px;}
#quest .clouds img.cloud7 {left: 134px;top: 1691px;width: 100px;}
#quest .clouds img.cloud8 {right: -16px;top: 1904px;width: 140px;}
#quest .clouds img.cloud9 {right: -35px;bottom: 37px;}
#quest .clouds img.cloud10 {left: 136px;bottom: -12px;}
#quest .clouds img.cloud11 {right: 152px;bottom: 17px;width: 120px;}
#quest .ogaki {
  background: url(../ogaki-quest/img/ogaki_bg.png) no-repeat;
  width: 960px;
  height: 1160px;
  position: relative;
}
#quest .ogaki .lead {
  font-size: 16px;
  font-weight: bold;
  position: absolute;
  left: 71px;
  top: 494px;
  line-height: 1.7;
}
#quest .ogaki .area_name {
  font-size: 14.43px;
  line-height: 1;
  position: absolute;
  letter-spacing: .2em;
}
#quest .ogaki .area_name1 {left: 602px;top: 576px;}
#quest .ogaki .area_name2 {left: 307px;top: 747px;}
#quest .ogaki .area_name3 {left: 764px;top: 559px;}
#quest .ogaki .area {
  text-align: center;
  position: absolute;
  line-height: 1.75;
}
#quest .ogaki .area p {
  font-size: 25px;
  font-weight: bold;
}
#quest .ogaki .area span {
  font-size: 14px;
}
#quest .ogaki .area1 {left: 652px;top: 304px;}
#quest .ogaki .area2 {left: 319px;top: 936px;}
#quest .ogaki .area3 {left: 672px;top: 946px;}
#quest .access {
  background: url(../ogaki-quest/img/access_bg.png) no-repeat;
  width: 890px;
  height: 390px;
  margin: 120px auto 0;
  padding: 150px 0 0 40px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#quest .access .text {
  font-size: 14px;
  line-height: 1.714;
}
#quest .access a {
  display: inline-block;
  margin-top: 20px;
}
#quest .game {
  background: url(../ogaki-quest/img/game_bg.png) no-repeat;
  width: 890px;
  height: 470px;
  margin: 120px auto 0;
  position: relative;
}
#quest .game a {
  position: absolute;
  left: 50%;
  top: 312px;
  margin-left: -187px;
}
#quest .caption {
  width: 890px;
  margin: 120px auto 0;
  position: relative;
}
#quest .caption .caption-in {
  background: url(../ogaki-quest/img/frame_bg.png) repeat-y;
  padding: 0 40px 5px 30px;
  font-size: 11px;
  line-height: 2;
}
#quest .caption .caption-in p {
	font-weight: bold;
}
#quest .caption .caption-in ul {
	margin: 0;
	padding: 0;
}
#quest .caption .caption-in ul li {
	text-indent: -1em;
	padding-left: 1em;
	list-style: none;
	margin-top: 1em;
}
#quest .caption .caption-in ul li:first-child {
	margin-top: 0;
}
#quest .caption .logo {
  position: absolute;
  right: 40px;
  bottom: 40px;
  opacity: 0.17;
}



/*-----------------------------------------------
 fanclub campaign
-----------------------------------------------*/
ul.campaign_nai {
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	padding-top: 30px;
}
ul.campaign_nai li {
	border-collapse: collapse;
	border-top: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc;
	padding: 8px 10px;
	box-sizing: border-box;
}
ul.campaign_nai li:nth-child(odd) {
	width: 17%;
	border-right: 1px dotted #ccc;
}
ul.campaign_nai li:nth-child(even) {
	width: 83%;
}

h4.campaign_tit {
	padding: 10px 30px 6px;
	border-radius: 8px;
	background: #bcd7ed;
	color: #0268b1;
}

.flex {
	display: flex;
}
.right {
	width: 30%;
}
.left {
	width: 70%;
}
.right img {
	width: 100%;
}
table.pre_table {
	border-collapse: collapse;
	width: 80%;
	margin-top: 20px;
}

/*table.pre_table th,td {
	border: 1px solid #ccc;
}*/

table.pre_table th {
	width: 30%;
}

table.pre_table td {
	width: 70%;
	padding-left: 15px;
}
img.pre_img {
	width: 100%;
}

/*-----------------------------------------------
 footer
-----------------------------------------------*/
#footer_town {
	height: 79px;
	background: url(../img/footer_town.png) top center;
}

#footer {
	background: url(../img/footer_bg.jpg);
}

#footer_left {
	width: 500px;
	padding: 50px 15px 0;
	float: left;
}

#footer_left img {
	padding: 0 15px 15px;
	display: block;
	float: left;
}

#footer_right {
	width: 339px;
	margin: 30px 0;
	padding: 20px 45px;
	border-left: 1px solid #ffc0cd;
	color: #FFF;
	float: left;
}

#copyright {
	padding: 13px 0 10px;
	background: url(../img/copyright_bg.jpg);
	color: #FFF;
	text-align: center;
}




.youtube_box {
/*	position: relative;
	padding-top: 56.25%;*/
	text-align: center;
	padding: 60px 0 40px;
}

.youtube_box iframe {
/*	position: absolute;
	top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
	width: 90%;
	height: 90%;*/
	width: 832.9px;
	height: 468.51px;
	border: 15px solid #FFDB01;
}