/*!
 * Base_css v1.0
 * Copyright 2015-2020 Twitter, Inc.
 */

@media screen and (min-width:481px){
/* 共通モジュール */
body {
    font-family: "Quicksand","游ゴシック体","Yu Gothic",YuGothic,"ヒラギノ角ゴシック Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif !important;
}

a:focus, *:focus { outline:none; }

/* メインコンテンツ */
#container {
	display: block;
	width: 100%;
	padding: 0;
 margin: 0 auto;
}

/* float */
.clear {
	clear:both;
}

.left {
	float: left;
}

.right {
	float: right;
}

/* padding */
.padding-10{
  padding: 10px;
}

.padding-15{
  padding: 15px;
}

.padding-20{
  padding: 20px;
}

.padding-left{
  padding-left: 15px;
}

.padding-right{
	  padding-right: 15px;
}

.padding-top{
  padding-top: 15px;
}

.padding-bottom{
	  padding-bottom: 15px;
}

.padding-width{
  padding: 0 28px;
}

.padding-height{
  padding: 0 30px;
}

.padding-left_0{
  padding: 10px 10px 10px 0;
}

.padding-right_0{
	 padding: 10px 0 10px 10px;
}

.padding-center_0{
	 padding: 10px;
}

/* margin */
.margin-10{
  margin: 10px;
}

.margin-15{
  margin: 15px;
}

.margin-20{
  margin: 20px;
}

.margin-left{
  margin-left: 15px;
}

.margin-right{
	 margin-right: 15px;
}

.margin-top{
  margin-top: 15px;
}

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

.margin-width{
  margin: 0 30px;
}

.margin-height{
  margin: 0 30px;
}

/* text-align */
.text-center {
	text-align: center;
}

.text-left {
	text-align: left;
}

.text-right {
	text-align: right;
}

/* h1 - h4 */
h1 {
	display: block;
}

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

h2 {
	display:block;
	width:100%;
	border-bottom: #e6852e 1px solid;
	font-size: 2rem;
line-height: 1.5;
font-weight: bold;
padding-bottom: 5px;
text-align: center;
}

h2 span{
	display:inline;
	border-bottom: #e6852e 3px solid;
padding-bottom: 5px;
}

h3 {
display:block;
width:100%;
font-size: 1.4em;
line-height: 1.5em;
font-weight: bold;
text-align: center;
}

h4 {
	display: inline;
	border-left: #e6852e 3px solid;
	padding-left: 4px;
	font-size: 2rem;
	line-height: 2.0;
	color: #000;
	padding: 0 0 0 0.5em;
}

/* スライダー */


/* メニュー */
.navbar-collapse.collapse{
	padding-top: 15px;
	padding-bottom: 15px;
}

.navbar-brand img {
	display: block;
	max-width: 200px;
	height: auto;
	margin-right: 20px;
 padding:20px 0 0 20px;
}

/* ナビカラー */
.nav_recruit {
  display: inline;
	color: #ce804d;
}

.nav_people {
  display: inline;
	color: #79b272;
}

.nav_vacant {
  display: inline;
	color: #b1a493;
}

.nav_event {
  display: inline;
	color: #b1c075;
}

.nav_life {
  display: inline;
	color: #7bb6d3;
}

.nav_support {
  display: inline;
	color: #9b9fc3;
}

.nav_simulation {
  display: inline;
	color: #d8bc70;
}

.nav_movie {
 display: inline;
	color: #cc98a5;
}

.navbar-nav li a span {
	display: inline;
	text-align: left;
	margin: 10px 0 10px 10px;
}


/* メインコンテンツ */
#main {
	display: block;
	width: 100%;
	height: 1000px;
	text-align: center;
	padding: 40px;
 max-width: 1080px;
 margin: 0 auto;
}

.main_wrap {
	display: block;
	margin: 0 auto;
}

a.block_link {
	display: block;
	padding: 0;
	margin: 0;
	color: #000;
}

a.block_link:hover {
	display: block;
	padding: 0;
	margin: 0;
	color: #000;
	text-decoration: none;
}

.top_info_block {
	float: left;
	position: relative;
	display: block;
	padding: 20px;
	width: 33.3%;
	margin: 0 auto;
}

.main_wrap h2{
	display: block;
	width: 100%;
 padding: 0 20px;
	margin: 20px 0;
	font-size: 1.4em;
	line-height: 1.8em;
	font-weight: bold;
	text-align: center;
}

.main_wrap h2 img{
	display: block;
	width: 90%;
 padding: 0;
	margin: 0 auto;
}

/* カテゴリタグ */
.top_info_block span{
	position: absolute;
	display: block;
	padding: 0;
	margin: 0;
	width: 80px;
	height: 80px;
}

.top_info_block span img{
	display: block;
	margin: 0;
 width: 100%;
}

.top_info_inner {
	display: block;
	padding: 20px;
	width: 100%;
 margin: 0 auto;
	border: #000 1px solid;
 -webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}

.top_info_inner:hover {
border: 1px solid #f7bc2c;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}

.top_info_img {
 display: block;
 width:100%;
 height:auto;
 	max-width: 251px;
  max-height: 166px;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

.top_info_inner img{
	display: block;
	width: 100%;
	margin: 0 auto;
 height: auto;
}

.top_info_inner h3{
	display: block;
	width: 100%;
	margin: 10px 0;
	font-size: 1.2em;
	line-height: 1.4em;
	font-weight: bold;
	text-align: left;
 border-bottom: 1px dotted #000;
}

.top_info_inner p,
.top_info_inner .area{
	display: block;
	width: 100%;
	margin: 8px 0;
	font-size: 1em;
	line-height: 1.4em;
	text-align: left;
}

.top_info_inner p.entry_p {
	display: block;
	width: 100%;
	margin: 8px 0;
	font-size: 1em;
	line-height: 1.4em;
	text-align: left;
 height: 90px;
 overflow: hidden;
}

.top_info_inner p.job_contents,
.top_info_inner p.event_entry {
	display: block;
	width: 100%;
	margin: 8px 0;
	font-size: 1em;
	line-height: 1.4em;
	text-align: left;
 height: 90px;
 overflow: hidden;
}

/* メインビジュアル */
.top_movie_container{
 display: block;
 background-color: #222;
 width: 100%;
 margin: 0;
 padding: 0;
 position: relative;
}

a.sp_visual {
 display: none;
}

.top_movie_container a.movie_btn {
position: absolute;
z-index: 100;
right: 50px;
bottom: 50px;
width:210px;
}

.top_movie_container a.movie_btn:hover {
 opacity: 0.6;
}

.top_movie_container a.movie_btn img{
display: block;
width: 100%;
}

.top_movie {
 display: block;
 width: 80%;
 margin: 0 auto;
}

.top_movie_wrap {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
 
.top_movie iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* メインビジュアル */
.main_visual{
	display: block;
	width: 100%;
	height: 560px;
	overflow: hidden;
 position: relative;
 margin: 0 auto;
 text-align: center;
}

.sub_visual {
	display: block;
	width: 100%;
	height: 200px;
	overflow: hidden;
 position: relative;
 background-size: auto;
}

.nishime_visual{
	display: block;
	width: 100%;
 background-color: #000;
}

.nishime_visual img{
	display: block;
	width: 100%;
}

.vacant_photo {
 background: url(../img/vacant/kari_main.jpg) 0 0 no-repeat;
 background-position: center;
}

.recruit_photo{
 background: url(../img/recruit/kari_main.jpg) 0 0 no-repeat;
 background-position: center;
}

.event_photo{
 background: url(../img/event/kari_main.jpg) 0 0 no-repeat;
 background-position: center;
}

.life_photo{
 background: url(../img/life/kari_main.jpg) 0 0 no-repeat;
 background-position: center;
}

.workingholiday_photo{
 background: url(../img/workingholiday/main_visual.jpg) 0 0 no-repeat;
 background-position: center;
 background-size: cover;
}

.support_photo{
 background: url(../img/support/kari_main.jpg) 0 0 no-repeat;
 background-position: center;
}

.simulation_photo{
 background: url(../img/simulation/kari_main.jpg) 0 0 no-repeat;
 background-position: center;
}

.news_photo{
 background: url(../img/life/kari_main.jpg) 0 0 no-repeat;
 background-position: center;
}

.main_visual h2,
.sub_visual h2{
 display: block;
	width:100%;
	font-size: 2em;
line-height: 1.6em;
font-weight: bold;
margin: 0 auto;
text-align: center;
color: #fff;
position: absolute;
top: 50%;
}
	
/* ワーキングホリデー */
	.wh_read {
		display: inline;
		font-size: 100%;
		line-height: 200%;
	}
	
	h2.wh_active {
		display: block;
		width: 80%;
		height: auto;
		margin: 40px auto;
	}

	img.wh_imagephoto{
		display: block;
		width: 80%;
		height: auto;
		margin: 0 auto;
	}
	
	.wh_voiceread {
		display: inline-block;
		width: 80%;
		font-size: 100%;
		line-height: 200%;
		text-align: left;
		margin: 40px auto;
	}
	
	#wh_block {
		display: block;
		width: 80%;
		height: auto;
		font-size: 100%;
		line-height: 180%;
		text-align: left;
		margin: 40px auto;
		border: 1px #70b52c solid;
		background: #ffffff;
		padding: 20px;
	}
	
		.wh_inner {
		display: block;
		width: 100%;
		height: auto;
		font-size: 100%;
		line-height: 180%;
		text-align: left;
	}
	
.wh_inner h3{
		display: block;
	width: 20%;
		height: auto;
		font-size: 100%;
		line-height: 180%;
		text-align: center;
		background: #70b52c;
	border-radius: 3px;
	padding: 10px 20px;
	color: #ffffff;
	margin: 0 auto;
	}
	
.wh_inner p{
		display: block;
	margin: 20px auto;
	}

	.wh_inner span.orange{
		color: #ee8000;
	}
	
	.wh_inner a{
				display: block;
	width: 30%;
		height: auto;
		font-size: 100%;
		line-height: 180%;
		text-align: center;
		background: #70b52c;
	border-radius: 3px;
	padding: 10px 20px;
	color: #ffffff;
	margin: 40px auto 0 auto;
	}	
	
/* シングルナビゲーション */
#single_navi_block {
	display: block;
 width: 100%;
	margin: 0;
 padding: 0;
 text-align: center;
}

.single_navi {
	display: inline-block;
	margin: 0 auto;
 padding: 0 0 40px 0;
}

a.backtolist {
	display: inline-block;
	margin: 10px;
 padding: 10px;
 border: #000 1px solid;
 border-radius: 3px;
 text-align: center;
 text-decoration: none;
 background: #fff;
 color: #000;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}

a.backtolist:hover {
 background: #000;
 color: #fff;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}

a.contact_next {
	display: inline-block;
	margin: 10px;
 padding: 10px;
 color: #000;
 border: #000 1px solid;
 border-radius: 3px;
 text-align: center;
 text-decoration: none;
  background: #fff;
 color: #000;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}

a.contact_next:hover {
 background: #000;
 color: #fff;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}


/* 動画コーナー */
#movie{
	display:block;
	float: left;
	width: 66.6%;
	padding: 20px;
}

#movie h2{
display:block;
width:100%;
font-size: 1.4em;
line-height: 1.5;
font-weight: bold;
text-align: left;
margin: 0;
}

.movie_block {
	float: left;
	position: relative;
	display: block;
	width: 33.3%;
	margin: 0 auto;
}

.movie_inner {
	display: block;
	width: 100%;
	margin: 0 auto;
}

.movie_inner h3 {
		display:block;
	width:100%;
	font-size: 1.2em;
line-height: 1.4em;
padding: 10px 0;
font-weight: bold;
font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
text-align: center;
}

.movie_inner p {
		display:block;
	width:100%;
	font-size: 1em;
line-height: 1.4em;
text-align: left;
}


/* 地元のいいもんうまいもん */
#recommend{
	float: right;
	display:block;
	width: 33.3%;
	padding: 20px;
}

.recommend_block {
	position: relative;
	display: block;
	width: 100%;
	margin: 0 auto;
}

.recommend_block img{
	display: block;
	width: 100%;
	margin: 0 auto;
}

/* コンテンツメニュー */
.contents_menu {
	float: left;
	position: relative;
	display: block;
	padding: 20px;
	width: 25%;
	margin: 0 auto;
}

.contents_menu a{
 color: #fff;
 text-decoration: none;
 -webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}

.contents_menu a:hover{
 color: #fff;
 opacity: 0.7;
 text-decoration: none;
 -webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}

.contents_menu_inner {
	display: block;
	padding: 20px;
	width: 100%;
	margin: 0;
}

.contents_menu_inner img{
	display: block;
	width: 100%;
	margin: 0 auto;
}

.contents_menu_inner h3{
	display: block;
	width: 100%;
	margin: 0 0 10px 0;
	font-size: 1em;
	line-height: 1.4em;
	font-weight: bold;
	text-align: center;
}

/* コンテンツカラー */
.contents_color001 {
	background: #ce804d;
}

.contents_color002 {
	background: #79b272;
}

.contents_color003 {
	background: #b1c075;
}

.contents_color004 {
	background: #7bb6d3;
}

.contents_color005 {
	background: #b1a493;
}

.contents_color006 {
	background: #9b9fc3;
}

.contents_color007 {
	background: #d8bc70;
}

.contents_color008 {
	background: #cc98a5;
}

/* トピックス */
.topics {
	float: left;
	position: relative;
	display: block;
	padding: 20px;
	width: 75%;
	margin: 0 auto;
}

.topics_inner {
	display: block;
	padding: 0;
	width: 100%;
	margin: 0;
}

.topics_inner a{
	color: #000000;
}

.topics_inner a:hover{
	color: #62c5e9;
}

.topics_inner h2{
	display: block;
	width: 100%;
	margin: 0 0 10px 0;
	font-size: 1.2em;
	line-height: 1.4em;
	font-weight: bold;
	text-align: left;
 padding: 0!important;
}

.topics_inner ul{
	display: block;
	width: 100%;
	margin: 0;
	border-top: #000 1px dotted;
}

.topics_inner ul li{
	display: block;
	width: 100%;
	margin: 0;
	border-bottom: #000 1px dotted;
	list-style: none;
	font-size: 1em;
	line-height: 1.6em;
	padding: 10px 0;
	text-align: left;
}

.topics_inner ul li span{
	display: block;
	width: 80px;
	margin-right: 10px;
	float: left;
}

.topics_inner ul li .category{
	display: block;
	width: 80px;
	height: auto;
	float: left;
	border-radius: 3px;
	text-align: center;
	color: #fff;
	font-size: 0.8em;
	margin-right: 10px;
}

.topics_inner ul li .category_infomation{
	background: #62c5e9;
}

.topics_inner ul li .category_column{
	background: #ebd75e;
}

/* 広報紙 カリコボーズ */
.public {
	float: left;
	position: relative;
	display: block;
	padding: 20px;
	width: 25%;
	margin: 0 auto;
}

.public_inner {
	display: block;
	padding: 0;
	width: 100%;
	margin: 0;
}

.public_inner img{
	display: block;
	width: 100%;
	margin: 0;
}

.public_inner p span{
	display: block;
	width: 100%;
	padding: 5px;
	margin: 5px 0;
}

.public_inner a.public_banner{
	display: inline-block;
	margin: 10px 0;
 padding: 0 10px;
 color: #000;
 border: #000 1px solid;
 border-radius: 3px;
 text-align: center;
 text-decoration: none;
  background: #fff;
 color: #000;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
width: 100%;
}

.public_inner a.public_banner:hover {
 background: #000;
 color: #fff;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}

/* 西米良村facebook */
.facebook {
	position: relative;
	display: block;
	padding-left: 40px;
	width: 50%;
	margin: 0;
	float: right;
}

    #fb-root {
        display: none;
    }
     
    .fb_iframe_widget, .fb_iframe_widget span,
    .fb_iframe_widget span iframe[style] {
        width: 100% !important;
    }



/* フッタ */
#footer {
	display: block;
	width: 100%;
	background: #edece2;
 padding: 20px;
 text-align: center;
}

#footer .footer_inner {
	display: block;
	width: 100%;
 max-width: 1120px;
	height: auto;
 margin: 0 auto;
}

#footer .footer_left {
    float: left;
    position: relative;
    display: block;
    padding: 0;
    width: 50%;
    margin: 0 auto;
}

#footer .footer_left ul{
    display: block;
    width: 100%;
    margin: 0 auto;
    text-align: left;
    color:#000;
}

#footer .footer_left ul li{
    display: inline-block;
    padding: 0 10px;
    border-right: #000 1px solid;
    margin: 10px auto;
    color:#000;
}

#footer .footer_left ul li a{
    color:#000;
}

#footer .copyright{
	display: block;
	width: 100%;
	font-size: 1em;
	line-height: 1.6em;
	color: #000;
	text-align: left;
	font-style: normal;
	padding: 20px 0 20px 10px;
}

#footer .copyright_contact{
	display: block;
	width: 100%;
	font-size: 1em;
	line-height: 1.6em;
	color: #000;
	text-align: center;
	font-style: normal;
	padding: 20px 0 20px 10px;
}

#footer .footer_left img{
    width: 100%;
    height: auto;
    margin: 0;
    padding-left: 10px;
}
}


@media screen and (max-width:480px){
/* 共通モジュール */
body {
    font-family: "Quicksand","游ゴシック体","Yu Gothic",YuGothic,"ヒラギノ角ゴシック Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif !important;
}

/* メインコンテンツ */
#container {
	display: block;
	width: 100%;
 height: auto;
	padding: 0;
 margin: 0 auto;
}

/* float */
.clear {
	clear:both;
}

.left {
	margin:0;
}

.right {
	float: right;
}

/* padding */
.padding-10{
  padding: 10px;
}

.padding-15{
  padding: 15px;
}

.padding-20{
  padding: 20px;
}

.padding-left{
  padding-left: 15px;
}

.padding-right{
	  padding-right: 15px;
}

.padding-top{
  padding-top: 15px;
}

.padding-bottom{
	  padding-bottom: 15px;
}

.padding-width{
  padding: 0 28px;
}

.padding-height{
  padding: 0 30px;
}

.padding-left_0{
  padding: 10px 10px 10px 0;
}

.padding-right_0{
	 padding: 10px 0 10px 10px;
}

.padding-center_0{
	 padding: 10px;
}

/* margin */
.margin-10{
  margin: 10px;
}

.margin-15{
  margin: 15px;
}

.margin-20{
  margin: 20px;
}

.margin-left{
  margin-left: 15px;
}

.margin-right{
	 margin-right: 15px;
}

.margin-top{
  margin-top: 15px;
}

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

.margin-width{
  margin: 0 30px;
}

.margin-height{
  margin: 0 30px;
}

/* text-align */
.text-center {
	text-align: center;
}

.text-left {
	text-align: left;
}

.text-right {
	text-align: right;
}

/* h1 - h4 */
h1 {
	display: block;
}

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

h2 {
	display:block;
	width:100%;
	border-bottom: #e6852e 1px solid;
	font-size: 2rem;
line-height: 1.5;
font-weight: bold;
padding-bottom: 5px;
text-align: center;
}

h2 span{
	display:inline;
	border-bottom: #e6852e 3px solid;
padding-bottom: 5px;
}

h3 {
		display:block;
	width:100%;
	font-size: 1.4em;
line-height: 1.5em;
font-weight: bold;
text-align: center;
}

h4 {
	display: inline;
	border-left: #e6852e 3px solid;
	padding-left: 4px;
	font-size: 2rem;
	line-height: 2.0;
	color: #000;
	padding: 0 0 0 0.5em;
}

/* スライダー */


/* メニュー */
.navbar-collapse.collapse{
	padding-top: 15px;
	padding-bottom: 15px;
}

.navbar-brand img {
	display: block;
	max-width: 160px;
	height: auto;
	margin-right: 20px;
}

/* ナビカラー */
.nav_recruit {
  display:inline;
	color: #ce804d;
}

.nav_people {
  display:inline;
	color: #79b272;
}

.nav_vacant {
  display:inline;
	color: #b1a493;
}

.nav_event {
  display:inline;
	color: #b1c075;
}

.nav_life {
  display:inline;
	color: #7bb6d3;
}

.nav_support {
  display:inline;
	color: #9b9fc3;
}

.nav_simulation {
  display:inline;
	color: #d8bc70;
}

.nav_movie {
  display:inline;
	color: #cc98a5;
}

/* メインコンテンツ */
#main {
	display: block;
	width: 100%;
	height: auto;
	text-align: center;
	padding: 10px 20px;
 max-width: 640px;
 margin: 0 auto;
}

.main_wrap {
	display: block;
	margin: 0 auto;
}

a.block_link {
	display: block;
	padding: 0;
	margin: 0;
	color: #000;
}

a.block_link:hover {
	display: block;
	padding: 0;
	margin: 0;
	color: #000;
	text-decoration: none;
}

.top_info_block {
	position: relative;
	display: block;
	padding: 10px;
	width: 100%;
	margin: 0 auto;
}

.main_wrap h2{
	display: block;
	width: 100%;
 padding: 0;
	margin: 10px 0;
	font-size: 1.4em;
	line-height: 1.8em;
	font-weight: bold;
	text-align: center;
}

.main_wrap h2 img{
	display: block;
	width: 100%;
 padding: 0;
	margin: 0 auto;
}

/* カテゴリタグ */
.top_info_block span{
	position: absolute;
	display: block;
	padding: 0;
	margin: 0;
	width: 80px;
	height: 80px;
}

.top_info_block span img{
	display: block;
	margin: 0;
 width: 100%;
}

/* 人材募集 */
.top_info_block span.tag_recruit{
 background: url(../img/common/tag_recruit.png) 0 0 repeat;
	background-size: cover;
}

/* 住宅情報 */
.top_info_block span.tag_vacant{
 background: url(../img/common/tag_vacant.png) 0 0 repeat;
	background-size: cover;
}

/* イベント情報 */
.top_info_block span.tag_event{
 background: url(../img/common/tag_event.png) 0 0 repeat;
	background-size: cover;
}

/* サポート制度 */
.top_info_block span.tag_support{
 background: url(../img/common/tag_support.png) 0 0 repeat;
	background-size: cover;
}

/* 西米良の人 */
.top_info_block span.tag_human{
 background: url(../img/common/tag_human.png) 0 0 repeat;
	background-size: cover;
}

/* 西米良の暮らし */
.top_info_block span.tag_life{
 background: url(../img/common/tag_life.png) 0 0 repeat;
	background-size: cover;
}

/* 動画 */
.top_info_block span.tag_movie{
 background: url(../img/common/tag_hiyori.png) 0 0 repeat;
	background-size: cover;
}

.top_info_inner {
	display: block;
	padding: 20px;
	width: 100%;
 margin: 0 auto;
	border: #000 1px solid;
 -webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}

.top_info_inner:hover {
border: 1px solid #f7bc2c;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}

.top_info_inner img{
	display: block;
	width: 100%;
	margin: 0 auto;
}

.top_info_inner h3{
	display: block;
	width: 100%;
	margin: 10px 0;
	font-size: 1.2em;
	line-height: 1.4em;
	font-weight: bold;
	text-align: left;
 border-bottom: 1px dotted #000;
}

.top_info_inner p,
.top_info_inner .area{
	display: block;
	width: 100%;
	margin: 8px 0;
	font-size: 1em;
	line-height: 1.4em;
	text-align: left;
}

.top_info_inner p.entry_p {
	display: block;
	width: 100%;
	margin: 8px 0;
	font-size: 1em;
	line-height: 1.4em;
	text-align: left;
 height: 90px;
 overflow: hidden;
}

.top_info_inner p.job_contents,
.top_info_inner p.event_entry {
	display: block;
	width: 100%;
	margin: 8px 0;
	font-size: 1em;
	line-height: 1.4em;
	text-align: left;
 height: 90px;
 overflow: hidden;
}
	

/* メインビジュアル */
.top_movie_container{
 display: block;
 background-color: #000;
 width: 100%;
 margin: 0;
 padding: 0;
}

a.sp_visual {
 display: block;
 width:100%;
}

a.sp_visual img{
 display: block;
 width:100%;
}

#video_wrapper {
 display: none!important;
}

a.movie_btn {
 display: none;
}


.top_movie {
 display: block;
 width: 80%;
 margin: 0 auto;
}

.top_movie_wrap {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
 
.top_movie iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* メインビジュアル */
.main_visual{
	display: block;
	width: 100%;
	min-height: 140px;
	overflow: hidden;
 position: relative;
 background-size: 100% auto;
}

.sub_visual {
	display: block;
	width: 100%;
	height: 200px;
	overflow: hidden;
 position: relative;
 background-size: 100% auto;
}

.nishime_visual{
	display: block;
	width: 100%;
 background-color: #000;
}

.nishime_visual img{
	display: block;
	width: 100%;
}

.vacant_photo {
 background-image: url(../img/vacant/kari_main.jpg);
 background-repeat: no-repeat;
}

.recruit_photo{
 background-image: url(../img/recruit/kari_main.jpg);
  background-repeat: no-repeat;
}

.event_photo{
 background-image: url(../img/event/kari_main.jpg);
  background-repeat: no-repeat;
}

.life_photo{
 background-image: url(../img/life/kari_main.jpg);
  background-repeat: no-repeat;
}
	
	.workingholiday_photo{
 background: url(../img/workingholiday/main_visual.jpg);
 background-position: center;
 background-size: cover;
		background-repeat: no-repeat;
	}

.support_photo{
 background-image: url(../img/support/kari_main.jpg);
  background-repeat: no-repeat;
}

.simulation_photo{
 background-image: url(../img/simulation/kari_main.jpg);
  background-repeat: no-repeat;
}


.main_visual h2,
.sub_visual h2{
 display: block;
	width:100%;
	font-size: 1em;
line-height: 1.6em;
font-weight: bold;
margin: 0 auto;
text-align: center;
color: #fff;
position: absolute;
top: 20%;
}
	
	/* ワーキングホリデー */
	.wh_read {
		display: inline;
		font-size: 100%;
		line-height: 140%;
	}
	
	h2.wh_active {
		display: block;
		width: 100%;
		height: auto;
		margin: 40px auto;
	}

	img.wh_imagephoto{
		display: block;
		width: 100%;
		height: auto;
		margin: 0 auto;
	}
	
	.wh_voiceread {
		display: inline-block;
		width: 100%;
		font-size: 100%;
		line-height: 140%;
		text-align: left;
		margin: 40px auto;
	}
	
	#wh_block {
		display: block;
		width: 100%;
		height: auto;
		font-size: 100%;
		line-height: 140%;
		text-align: left;
		margin: 40px auto;
		border: 1px #70b52c solid;
		background: #ffffff;
		padding: 20px;
	}
	
		.wh_inner {
		display: block;
		width: 100%;
		height: auto;
		font-size: 100%;
		line-height: 140%;
		text-align: left;
	}
	
.wh_inner h3{
		display: block;
	width: 100%;
		height: auto;
		font-size: 100%;
		line-height: 140%;
		text-align: center;
		background: #70b52c;
	border-radius: 3px;
	padding: 10px 20px;
	color: #ffffff;
	margin: 0 auto;
	}
	
.wh_inner p{
		display: block;
	margin: 20px auto;
	}

	.wh_inner span.orange{
		color: #ee8000;
	}
	
	.wh_inner a{
				display: block;
	width: 100%;
		height: auto;
		font-size: 100%;
		line-height: 140%;
		text-align: center;
		background: #70b52c;
	border-radius: 3px;
	padding: 10px 20px;
	color: #ffffff;
	margin: 40px auto 0 auto;
	}	

/* シングルナビゲーション */
#single_navi_block {
	display: block;
 width: 100%;
	margin: 0;
 padding: 0;
 text-align: center;
}

.single_navi {
	display: inline-block;
	margin: 0 auto;
 padding: 0 0 20px 0;
}

a.backtolist {
	display: inline-block;
	margin: 10px;
 padding: 10px;
 border: #000 1px solid;
 border-radius: 3px;
 text-align: center;
 text-decoration: none;
 background: #fff;
 color: #000;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}

a.backtolist:hover {
 background: #000;
 color: #fff;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}

a.contact_next {
	display: inline-block;
	margin: 10px;
 padding: 10px;
 color: #000;
 border: #000 1px solid;
 border-radius: 3px;
 text-align: center;
 text-decoration: none;
  background: #fff;
 color: #000;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}

a.contact_next:hover {
 background: #000;
 color: #fff;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}


/* 動画コーナー */
#movie{
	display:block;
	float: left;
	width: 66.6%;
	padding: 20px;
}

#movie h2{
display:block;
width:100%;
font-size: 1.4em;
line-height: 1.5;
font-weight: bold;
text-align: left;
margin: 0;
}

.movie_block {
	float: left;
	position: relative;
	display: block;
	width: 33.3%;
	margin: 0 auto;
}

.movie_inner {
	display: block;
	width: 100%;
	margin: 0 auto;
}

.movie_inner h3 {
		display:block;
	width:100%;
	font-size: 1.2em;
line-height: 1.4em;
padding: 10px 0;
font-weight: bold;
font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
text-align: center;
}

.movie_inner p {
		display:block;
	width:100%;
	font-size: 1em;
line-height: 1.4em;
text-align: left;
}


/* 地元のいいもんうまいもん */
#recommend{
	float: right;
	display:block;
	width: 33.3%;
	padding: 20px;
}

.recommend_block {
	position: relative;
	display: block;
	width: 100%;
	margin: 0 auto;
}

.recommend_block img{
	display: block;
	width: 100%;
	margin: 0 auto;
}

/* コンテンツメニュー */
.contents_menu {
	position: relative;
	display: block;
	padding: 10px;
	width: 100%;
	margin: 0 auto;
}

.contents_menu a{
 color: #fff;
 text-decoration: none;
 -webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}

.contents_menu a:hover{
 color: #fff;
 opacity: 0.7;
 text-decoration: none;
 -webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}

.contents_menu_inner {
	display: block;
	padding: 20px;
	width: 100%;
	margin: 0;
}

.contents_menu_inner img{
	display: block;
	width: 100%;
	margin: 0 auto;
}

.contents_menu_inner h3{
	display: block;
	width: 100%;
	margin: 0 0 10px 0;
	font-size: 1.2em;
	line-height: 1.4em;
	font-weight: bold;
	text-align: center;
}

/* コンテンツカラー */
.contents_color001 {
	background: #ce804d;
}

.contents_color002 {
	background: #86a27c;
}

.contents_color003 {
	background: #b1c075;
}

.contents_color004 {
	background: #7bb6d3;
}

.contents_color005 {
	background: #b1a493;
}

.contents_color006 {
	background: #9b9fc3;
}

.contents_color007 {
	background: #d8bc70;
}

.contents_color008 {
	background: #cc98a5;
}

/* トピックス */
.topics {
	position: relative;
	display: block;
	padding: 10px;
	width: 100%;
	margin: 0 auto;
}

.topics_inner {
	display: block;
	padding: 0;
	width: 100%;
	margin: 0;
}

.topics_inner h2{
	display: block;
	width: 100%;
	margin: 0 0 10px 0;
	font-size: 1.2em;
	line-height: 1.4em;
	font-weight: bold;
	text-align: left;
 padding: 0!important;
}

.topics_inner ul{
	display: block;
	width: 100%;
	margin: 0;
	border-top: #000 1px dotted;
}

.topics_inner ul li{
	display: block;
	width: 100%;
	margin: 0;
	border-bottom: #000 1px dotted;
	list-style: none;
	font-size: 1em;
	line-height: 1.6em;
	padding: 10px 0;
	text-align: left;
}

.topics_inner ul li span{
	display: block;
	width: 80px;
	margin-right: 10px;
	float: left;
}

.topics_inner ul li .category{
	display: block;
	width: 80px;
	height: auto;
	float: left;
	border-radius: 3px;
	text-align: center;
	color: #fff;
	font-size: 0.8em;
	margin-right: 10px;
}

.topics_inner ul li .category_infomation{
	background: #62c5e9;
}

.topics_inner ul li .category_column{
	background: #ebd75e;
}

/* 広報紙 カリコボーズ */
.public {
	position: relative;
	display: block;
	padding: 10px;
	width: 100%;
	margin: 0 auto;
}

.public_inner {
	display: block;
	padding: 0;
	width: 100%;
	margin: 0;
}

.public_inner img{
	display: block;
	width: 100%;
	margin: 0;
}

.public_inner p span{
	display: block;
	width: 100%;
	padding: 5px;
	margin: 5px 0;
}

.public_inner a.public_banner{
	display: inline-block;
	margin: 10px 0;
 padding: 0 10px;
 color: #000;
 border: #000 1px solid;
 border-radius: 3px;
 text-align: center;
 text-decoration: none;
  background: #fff;
 color: #000;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}

.public_inner a.public_banner:hover {
 background: #000;
 color: #fff;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}

/* 西米良村facebook */
.facebook {
	position: relative;
	display: block;
	padding: 20px;
	width: 25%;
	margin: 0 auto;
	float: left;
}

.facebook_inner {
	display: block;
	padding: 20px;
	width: 100%;
	margin: 0;
	border: #000 1px solid;
	height: 240px;
	overflow: hidden;
}



/* 西米良村facebook */
.facebook {
	display: none;
}

/* フッタ */
#footer {
	display: block;
	width: 100%;
	background: #edece2;
 padding: 20px;
 text-align: center;
}

#footer .footer_inner {
	display: block;
	width: 100%;
 max-width: 640px;
	height: auto;
 margin: 0 auto;
}

#footer .footer_left {
    position: relative;
    display: block;
    padding: 0;
    width: 100%;
    margin: 0 auto;
}

#footer .footer_left ul{
    display: block;
    width: 100%;
    margin: 0 auto;
    text-align: left;
    color:#000;
}

#footer .footer_left ul li{
    display: inline-block;
    padding: 0 10px;
    border-right: #000 1px solid;
    margin: 10px auto;
    color:#000;
}

#footer .footer_left ul li a{
    color:#000;
}

#footer .copyright{
	display: block;
	width: 100%;
	font-size: 1em;
	line-height: 1.6em;
	color: #000;
	text-align: left;
	font-style: normal;
	padding: 20px 0 20px 10px;
}

#footer .copyright_contact{
	display: block;
	width: 100%;
	font-size: 1em;
	line-height: 1.6em;
	color: #000;
	text-align: center;
	font-style: normal;
	padding: 20px 0 20px 10px;
}

#footer .footer_left img{
    width: 100%;
    height: auto;
    margin: 0;
    padding-left: 10px;
}
/* ムービー（スマホ・タブレット） */
.top_movie{
	display: block;
	max-width: 480px;
	width: 100%;
	height: 320px;
	overflow: hidden;
}
}

@media (max-width: 779px) {
main,aside {
		float:none;
}

.width-padding{
  padding: 0 20px;
}

/* ヘッダ（スマホ・タブレット） */
h1 {
	display: block;
	width: 100%;
	height: 60px;
	margin: 0;
}

.navbar-brand{
	padding-top: 15px;
	padding-bottom: 15px;
}


#titleField {
	display: block;
	height:60px;
	background: #e6852e;
}

h1 img{
	display: block;
	width:200px;
	height: 37px;
	margin: 0 auto;
}

	#fontSize {
	display: none;
}
#searchWindow {
	display: none;
}

/* メニュー（スマホ・タブレット） */

.navbar-collapse.collapse{
	padding-top: 0;
	padding-bottom: 0;
}

.navbar-nav li a{
	border-bottom: #e1e1e1 1px dotted;
	padding: 0;
}

.navbar-nav li a img {
	display: block;
	width: 40px;
	margin: 0 auto;
}

/* メイン（スマホ・タブレット） */


/* フッタ（スマホ・タブレット） */

footer ul {
	float: none;
	margin-right: 0;
	padding-top:4px;
}

footer ul li {
display: block;
	padding: 4px 0;
	list-style: none;
}

footer ul li a{
	color: #000;
}
}

@media (max-width: 779px) {
/* ムービー（スマホ・タブレット） */
.top_movie{
	display: block;
	max-width: 780px;
	width: 100%;
	height: 480px;
	overflow: hidden;
}
}

@media (max-width: 360px) {
/* ムービー（スマホ・タブレット） */
.top_movie{
	display: block;
	max-width: 360px;
	width: 100%;
	height: 240px;
	overflow: hidden;
}
}

@media (max-width: 320px) {
/* ムービー（スマホ・タブレット） */
.top_movie{
	display: block;
	max-width: 320px;
	width: 100%;
	height: 200px;
	overflow: hidden;
}
}