@charset "UTF-8";

/*----------------------------------------
 * トップページ
 *----------------------------------------*/

/**** 全般 ****/
body.an4:before {
	display:none;
}

html {
	height:100%;
}

body {
	height:100%;
}

#body_contents {
	height:100%;
}

/**** ヘッダー グローバルメニュー ****/

header.top_header {
	position:absolute;
	background-color:rgba(255,255,255,0.7);
}

header.top_header .top_header_inner {
	padding:0 50px;
}

header.top_header .top_header_inner:after {
	content:"";
	clear:both;
}

header.top_header h1 {
	width:auto;
}

header.top_header h1 img.ja {
	height:35px;
	width:auto;
}

/* 右上テキストナビ */
header.top_header .top_header_inner nav.header_nav {
	position:relative;
	float:right;
}

header.top_header.anim {
	animation-name:top_header;
	animation-duration: 15s;
	animation-timing-function: easeOutQuad;
}

@keyframes top_header {
	0% {
		top:-100px;
		opacity:0;
	}
	45% {
		top:-100px;
		opacity:0;
	}
	50% {
		top:0;
		opacity:1;
	}
}

header .header_nav {
	width:500px;
}	

header .header_nav ul li {
	margin-right:24px;
}	

header .header_nav ul li::before {
	left:-14px;
}

header .header_nav ul li:nth-child(4){
	margin-right:10px;
}

/**** 全画面部分 ****/
/* 全画面全体設定 */
section.main_area {
	position:relative;
	height:100%;
	width:100%;
/*
	overflow:hidden;
*/
}

section.main_area .main_area_front,
section.main_area .main_area_back {
	position:absolute;
	width:100%;
	height:100%;
	overflow:hidden;
}

section.main_area .main_area_front {
	z-index:20;
}

section.main_area .main_area_back {
	z-index:10;
	 transition:opacity 0.5s ease-out;
}

/* 全画面背景の指定 */
.main_img {
	height:100%;
	position   : absolute;
	top        : 0;	
	left       : 0;
	bottom     : 0;
	right      : 0;
	opacity    : 0;
	background-size:cover;
	will-change: transform;;
}

/*
.anim_1 {
	animation  : bg_anime 40s infinite;
}

.anim_2 {
	animation  : bg_anime_2 40s;
}
*/

/* マウスオンで色を変える時
section.main_area .main_area_back:hover {
	opacity:0.8;
}
*/

section.main_area .main_area_back a {
	display:block;
	width:100%;
	height:100%;
}

/* 全画面ナビ */
section.main_area nav.anim ul li {
	animation-duration: 15s;
	animation-timing-function: easeOutQuad;
}

section.main_area nav ul li:nth-child(1) {	animation-name:main_li_1;}
section.main_area nav ul li:nth-child(2) {	animation-name:main_li_2;}
section.main_area nav ul li:nth-child(3) {	animation-name:main_li_3;}
section.main_area nav ul li:nth-child(4) {	animation-name:main_li_4;}
section.main_area nav ul li:nth-child(5) {	animation-name:main_li_5;}
section.main_area nav ul li:nth-child(6) {	animation-name:main_li_6;}
section.main_area nav ul li:nth-child(7) {	animation-name:main_li_7;}
section.main_area nav ul li:nth-child(8) {	animation-name:main_li_8;}
section.main_area nav ul li:nth-child(9) {	animation-name:main_li_9;}

section.main_area nav ul a,
section.main_area nav ul a:visited {
	color:white;
	display:block;
}

@keyframes main_li_1 {
	0% {	transform: translateX(-30px);	opacity:0;}
	40% {	transform: translateX(-30px);	opacity:0;}
	50% {	transform: translateX(0px);	opacity:1;}
}

@keyframes main_li_2 {
	0% {	transform: translateX(-30px);	opacity:0;}
	41% {	transform: translateX(-30px);	opacity:0;}
	51% {	transform: translateX(0px);	opacity:1;}
}

@keyframes main_li_3 {
	0% {	transform: translateX(-30px);	opacity:0;}
	42% {	transform: translateX(-30px);	opacity:0;}
	52% {	transform: translateX(0px);	opacity:1;}
}

@keyframes main_li_4 {
	0% {	transform: translateX(-30px);	opacity:0;}
	43% {	transform: translateX(-30px);	opacity:0;}
	53% {	transform: translateX(0px);	opacity:1;}
}

@keyframes main_li_5 {
	0% {	transform: translateX(-30px);	opacity:0;}
	44% {	transform: translateX(-30px);	opacity:0;}
	54% {	transform: translateX(0px);	opacity:1;}
}

@keyframes main_li_6 {
	0% {	transform: translateX(-30px);	opacity:0;}
	45% {	transform: translateX(-30px);	opacity:0;}
	55% {	transform: translateX(0px);	opacity:1;}
}

@keyframes main_li_7 {
	0% {	transform: translateX(-30px);	opacity:0;}
	46% {	transform: translateX(-30px);	opacity:0;}
	56% {	transform: translateX(0px);	opacity:1;}
}

@keyframes main_li_8 {
	0% {	transform: translateX(-30px);	opacity:0;}
	47% {	transform: translateX(-30px);	opacity:0;}
	57% {	transform: translateX(0px);	opacity:1;}
}

@keyframes main_li_9 {
	0% {	transform: translateX(-30px);	opacity:0;}
	48% {	transform: translateX(-30px);	opacity:0;}
	58% {	transform: translateX(0px);	opacity:1;}
}

/* 開閉するsub_nav */
section.main_area .sub_nav {
	display:none;
	position:absolute;
	width:100%;
/*
	height:100%;
*/
	min-height:100%;
	z-index:30;
/*	background-color:rgba(0,0,0,0.5) */
	background-color:#e5faf0;
/*	color:white; */

}

section.main_area .sub_nav .sub_nav_inner {
	padding-top:120px;
	overflow:hidden;
}

section.main_area .sub_nav .sub_nav_inner2 {
	width:100%;
	position:relative;
}

section.main_area .sub_nav .sub_nav_inner2 h2 {
	font-weight:500;
}

section.main_area .sub_nav .sub_nav_inner ul {
	margin:0;
	padding:0;
}

section.main_area .sub_nav .sub_nav_inner ul li {
	margin:0;
	padding:0 0 20px 0;
	list-style-type:none;
	float:left;
	width:22%;
	margin-right:3%;
}

section.main_area .sub_nav .sub_nav_inner ul li a {
	display:block;
	width:100%;
	color:black;
}

section.main_area .sub_nav .sub_nav_inner ul li a img {
	width:100%;
	height:auto;
	margin-bottom:5px;
}

section.main_area .sub_nav .sub_nav_inner .std_modal_bt_close {
	top:135px;
	right:80px;
	border:none;
	background-color:transparent;
}

section.main_area .sub_nav .sub_nav_inner .std_modal_bt_close:before,
section.main_area .sub_nav .sub_nav_inner .std_modal_bt_close:after {
	content:"";
	position:absolute;
	display:block;
	width:30px;
	border-top:3px solid #8db9a4;
	height:30px;
}

section.main_area .sub_nav .sub_nav_inner .std_modal_bt_close:before {
	transform:rotate(45deg);
	top:18px;
	left:-3px;
}

section.main_area .sub_nav .sub_nav_inner .std_modal_bt_close:after {
	transform:rotate(-45deg);
	top:18px;
	left:17px;
}

/* 全画面のスクロールダウン */
div.top_page_area .scroll_down {
	width:25px;
	height:180px;
	position:absolute;
	left:20px;
	bottom:0;
	z-index:30;
	/*
	background-color:rgba(255,255,255,0.6);
	*/
}

/* 重要なお知らせ */
section.top_important {
	margin:0;
	padding:0;
	background:-moz-linear-gradient(top left, #55b43c, #01809d);
	background:-webkit-linear-gradient(top left, #55b43c, #01809d);
	background:linear-gradient(to bottom right, #55b43c, #01809d);
	color:white;
	font-size:normal;
	clear:both;
}

section.top_important div.page_width {
		padding:10px 0;
}

section.top_important h2 {
	font-size:0.95em;
	line-height:0.1em;
	font-weight:normal;
	border:1px solid white;
	padding:10px 2px;
	text-align:center;
	border-radius:3px;
	width:8em;
	float:left;
}

section.top_important dl {
	margin-left:12em;
}

section.top_important dl dt {
	float:left;
}

section.top_important dl dd {
	margin-left:6em;
}

section.top_important dl dd a {
	color:white;
}

/* sliderその2 */

#an2_slider_wrapper {
	padding:40px 0;
}

#an2_slider_wrapper .bx-wrapper {
	border:none !important;
	box-shadow:none !important;
	margin:0 !important;
	padding:0 !important;
}

#an2_slider_wrapper .bx-wrapper ul {
	margin:0;
}

#an2_slider_wrapper .bx-wrapper .bx-pager.bx-default-pager a:hover,
#an2_slider_wrapper .bx-wrapper .bx-pager.bx-default-pager a.active {
	background-color:#55b43c;
}

header .global_nav ul {
	position:static;
}

header .global_nav ul .sub_nav ul,
header .global_nav ul .sub_nav ul a,
header .global_nav ul .sub_nav ul a:visited {
	color:black;
}

header .sub_nav_color {
	margin-top:118px;
}

/* アイコンナビゲーション部分 */
.top_icon_nav {
	padding: 18px 0;
	text-align:center;
}

.top_icon_nav ul {
	margin:0 auto;
	padding:0;
}


.top_icon_nav ul li {
	float:left;
	margin-left:5.6%;
	width:18%; /* 180px; */
	height:18%; /* 180px; */
}

/*
.top_icon_nav ul li {
	float:left;
	margin-left:3.6%;
	width:16%; /* 180px; */
	height:16%; /* 180px; */
}
*/

.top_icon_nav ul li a {
	display:block;
}

.top_icon_nav ul li img {
	width:100%;
	height:auto;
}

/* NEWS お知らせ */
.top_info_1 {
	background-color:#fafafa;
}

/* お知らせ */

.top_info_1 {
/*
	background-color:#f5f6f8;
*/
}

body .top_info_1 .std_h1 span.sub {
	display:block;
	margin-left:0;
	color:black;
	text-align:left;
	font-size:0.875rem;
	font-weight:500;
	text-align:center;
}


.top_info_1 .column_sec1 {
    width: 100%;
    margin-right: 0;
    position: relative;
}

.top_info_1 .info_tab_area {
	margin-top:30px;
}

.top_info_1 .info_tab_area ul.info_tab_selecter li {
    border-radius: 0;
/*
	background-color:transparent;
	border-right:1px solid #dddede;
*/
	background-color:#caebd2;
	border-right:2px solid #fafafa;
	transition: all  0.3s ease;
}

.top_info_1 .info_tab_area ul.info_tab_selecter li:hover {
	background-color:#dcf4e1;
}

.not .top_info_1 .info_tab_area ul.info_tab_selecter li a {
	transition: all  0.3s ease;
	color:#008319;
}

.top_info_1 .info_tab_area ul.info_tab_selecter li:hover a {
	color:#008918;
}

.top_info_1 .info_tab_area ul.info_tab_selecter li:last-of-type {
	border-right:none;
}

.not .top_info_1 .info_tab_area ul.info_tab_selecter li.active {
	background:-moz-linear-gradient(left right, #8ccd38, #19b48a);
	background:-webkit-linear-gradient(left right, #8ccd38, #19b48a);
	background:linear-gradient(to right, #8ccd38, #19b48a);
/*
	border-right:none;
*/
	border-right:2px solid #fafafa;
}

.top_info_1 .info_tab_area .info_tab {
	background-color:transparent;
}

.top_info_1 .info_tab_area .info_tab li,
.top_info_1 .info_tab_area .info_tab li:last-of-type {
/*	padding:20px 0;*/
	padding:10px 0;
	border-bottom:1px solid #dddede;
}



.top_info_1 .info_tab_area ul.info_tab_selecter li.select_oshirase {
	background-color:#88cc3f;
}

.top_info_1 .info_tab_area ul.info_tab_selecter li.select_oshirase a {
	color:white;
}

.top_info_1 .info_tab_area ul.info_tab_selecter li.select_important {
	/*
	background-color:#ffa337;
	*/
	background-color:#ff4637;
}

.top_info_1 .info_tab_area ul.info_tab_selecter li.select_important a {
	color:white;
}

.top_info_1 .info_tab_area ul.info_tab_selecter li.select_event {
	background-color:#72b6fa;
}

.top_info_1 .info_tab_area ul.info_tab_selecter li.select_event a {
	color:white;
}

.top_info_1 .info_tab_area ul.info_tab_selecter li.select_einou {
	background-color:#009148;
}

.top_info_1 .info_tab_area ul.info_tab_selecter li.select_einou a {
	color:white;
}

.top_info_1 .info_tab_area ul.info_tab_selecter li.select_topics {
	background-color:#88cc3f;
}

.top_info_1 .info_tab_area ul.info_tab_selecter li.select_topics a {
	color:white;
}

.top_info_1 .info_tab_area ul.info_tab_selecter li.select_jikokaikaku {
	background-color:#ffa337;
}

.top_info_1 .info_tab_area ul.info_tab_selecter li.select_jikokaikaku a {
	color:white;
}



.top_info_1 .info_tab_area ul.info_tab_selecter li.select_oshirase:hover,
.top_info_1 .info_tab_area ul.info_tab_selecter li.select_important:hover,
.top_info_1 .info_tab_area ul.info_tab_selecter li.select_event:hover,
.top_info_1 .info_tab_area ul.info_tab_selecter li.select_einou:hover,
.top_info_1 .info_tab_area ul.info_tab_selecter li.select_topics:hover,
.top_info_1 .info_tab_area ul.info_tab_selecter li.select_jikokaikaku:hover {
	transition: filter  0.3s ease;
	filter: brightness(1.05);
}



.top_info_1 time {
	padding-top:5px;
}

.top_info_1 .std_button2_a {
	width:12em;
	margin-left:auto;
	margin-right:auto;
}


.top_info_1 .column2 {
	display:flex;
	flex-direction: row;
}

.top_info_1 .column_sec2 {
	width:24%;
}

.top_info_1 h2 {
	display:inline;
	margin-top:0;
	letter-spacing:0.08em;
}

.top_info_1 h2 span {
	margin-left:1em;
	display:inline;
}

.top_info_1 h2 {
	font-family: Avenir, 'Helvetica neue', Helvetica, '游ゴシック', YuGothic, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', sans-serif; 
	text-align:center;
	display:block;
	margin-bottom:0;
	padding-bottom:0;
}

.top_info_1 h2 span.midasi{
	margin-left:0;
	font-weight:bold;
	font-size:2rem;
	color:#55b43c;
	background:-moz-linear-gradient(left right, #8ccd38, #19b48a);
	background:-webkit-linear-gradient(left right, #8ccd38, #19b48a);
	background:linear-gradient(to right, #8ccd38, #19b48a);
	background-clip:text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/*
body .top_info_1 .h2_sub {
	margin-left:1em;
	color: #80c84d;
	background:-moz-linear-gradient(top left, #55b43c, #53b638);
	background:-webkit-linear-gradient(top left, #55b43c, #53b638);
	background:linear-gradient(to right, #28976d, #4eb043);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
}
*/

.top_topics {
	height:500px;
	overflow-y: scroll;
	margin-top:10px;
}

@media all and (-ms-high-contrast: none){
.top_info_1 h2 span.midasi{
    background: transparent;
    color: #55b43c;
  }
}


.top_info_1 .view_list {
	position:absolute;
	right:0;
	top:0;
}

.top_info_1 .info_tab_area ul.info_tab_selecter {
	display:flex;
	flex-direction: row;
	padding:0;
	border-bottom:none;
	margin-bottom:0;
}

.top_info_1 .info_tab_area ul.info_tab_selecter li {
	width:33%;
/*
	margin-right:1%;
*/
	list-style-type:none;
	text-align:center;
}

.top_info_1 .info_tab_area ul.info_tab_selecter li:last-of-type {
	margin-right:0;
}

.top_info_1 .info_tab_area ul.info_tab_selecter li.active {
	color:white;
}

.top_info_1 .info_tab_area ul.info_tab_selecter li.active a,
.top_info_1 .info_tab_area ul.info_tab_selecter li.active a:visited {
	color:white;
}

.top_info_1 .info_tab_area ul.info_tab_selecter li a {
	display:block;
	padding:1em 0;
}

.top_info_1 .info_tab_area .info_tab {
	margin:30px 0 0 0;
	padding:0;
	border-top:1px solid #dddede;
}

.top_info_1 .info_tab_area .tab_scroll {
	overflow-y:scroll;
	height:500px;
}

.top_info_1 .info_tab_area .info_tab li {
	list-style-type:none;
	display:flex;
}

.top_info_1 .info_tab_area .info_tab li:last-of-type {
/*
	border-bottom:1px solid #f5f6f8;
*/
}

.top_info_1 .info_tab_area .info_tab li time {
	/*
	color:#888888;
	*/
	color:#9f7544;
	float:left;
	width:6em;
}


.top_info_1 .info_tab_area td time {
    /* color: #888888; */
    color: #9f7544;
	font-size:0.9rem;
}

.top_info_1 .info_tab_area .info_tab li time span.news_tag {
	margin-right:0;
	width:4em;
	display:block;
	text-align:center;
	margin-top:3px;
}

.top_info_1 .info_tab_area .info_tab li span.top_new {
	color:red;
	background-color:white;
	border:1px solid red;
	margin-right:5px;
	display:inline-block;
	width:4em;
	text-align:center;
}

.top_info_1 .info_tab_area .info_tab li .tiku_part {
	width:14em;
	text-align:center;
	margin-right:1em;
}

.top_info_1 .info_tab_area .info_tab li span {
/*
	display:block;
*/
	line-height:1.8em;
}

.top_info_1 .info_tab_area .info_tab li p {
/*
	font-size:0.875em;
*/
	font-size:0.875rem;
	margin:0;
	line-height:1.8em;
	width:360px;
}

/* 晴れスタグラム */

.top_info_1 .column_sec2 h2{
	padding-top:10px;
	display:inline-block;
	font-size:1.25rem;
	text-align:center;
	width:100%;
	margin-bottom:0;
}

.top_info_1 .column_sec2 h2 span {
	margin-left:0;
}

.top_page .instagram_area h2 strong {
	font-weight:500;
	position:relative;
}

.top_page .instagram_area h2 strong:after{
	content:"";
	width:19px;
	height:25px;
	display:inline-block;
	vertical-align:center;
	margin-left:0.5em;
	background:url(/resources/images/top/icon_instagram.png) no-repeat center bottom;
	background-size:contain;

}

.top_info_1 .column_sec2 ul {
	padding:0;
}

.top_info_1 .column_sec2 ul li {
	list-style-type:none;
	float:left;
	width:49%;
	margin-right:2%;
	margin-bottom:5px;
}

.top_info_1 .column_sec2 ul li:nth-child(2n) {
	margin-right:0;
}

.top_info_1 .column_sec2 ul li img {
	display:block;
	width:100%;
	height:auto;
}

.top_page .top_insta_follow_me {
	display:block;
	width:80%;
	margin-left:auto;
	margin-right:auto;
}

.top_page .top_insta_follow_me span {
	display:block;
	margin:0 auto;
	padding-left:25px;
	font-size:14px;
	position:relative;
	width:6em;
}

.top_page .top_insta_follow_me span:before {
	content:"";
	position:absolute;
	display:block;
	margin-right:0.5em;
	width:19px;
	height:25px;
	background:url(/resources/images/top/icon_instagram_white.png) no-repeat center bottom;
	background-size:contain;
	top:-7px;
	left:0;
}

/* キャンペーン */

.top_info_1 .column_sec1 .campaign_wrapper{
	margin-top:2em;
	display:flex;
}

.top_info_1 .column_sec1 .campaign_wrapper .campaign_box {
	widt:48%;
	margin-right:4%;
	background-color:white;
}

.top_info_1 .column_sec1 .campaign_wrapper .campaign_box:last-of-type {
	margin-right:0;
}

.top_info_1 .column_sec1 .campaign_wrapper .campaign_box img {
	width:100%;
	height:auto;
}

.top_info_1 .column_sec1 .campaign_wrapper .campaign_box div {
	padding:1em;
}

.top_info_1 .column_sec1 .campaign_wrapper .campaign_box time {
	color:#888888;
	margin-bottom:15px;
}

.top_info_1 .column_sec1 .campaign_wrapper .campaign_box p {
	line-height:1.8em;
}

/* フェイスブック */

.top_page .facebook_area .fb-page {
	margin-top:1em;
}



.top_page .facebook_area h2 strong {
	font-weight:500;
	position:relative;
	vertical-align:middle;
}

.top_page .facebook_area h2 strong:before{
	content:"";
	display:inline-block;
	margin-right:0.5em;
	width:26px;
	height:26px;
	vertical-align:middle;
	background:url(/resources/images/top/icon_facebook.png) no-repeat center bottom;
	background-size:contain;
}

.top_page .facebook .fb_wrapper {
		width: 240px;
	}


/* おすすめ情報 */

.top_pickup {
	background: url(/resources/images/top/bg_pickup.jpg) no-repeat center top fixed;
	background-size:cover;
	width:100%;
	overflow:hidden;
}

.top_pickup h2.std_h1 {
	margin-bottom:45px;
}

.top_pickup h2,
.top_pickup span{
	color:white;
}

.top_pickup span{
	font-size:1.25rem;
	margin-top:15pxl
}
/*
.top_pickup h2{
	margin-top:0;
	text-align:center;
	font-weight:500;
	font-size:1.8em;
	letter-spacing:0.08em;
	color:white;
	margin-bottom:0.5em;
}

.top_pickup .h2_sub {
	font-family: Futura,'Century Gothic', sans-serif !important;
	font-size:1.2em;
	margin-left:1em;
	color: white;
	text-align:center;
	display:block;
	margin-bottom:2em;
}
*/

.top_pickup .bx-wrapper {
	background:none;
	border:none;
	-webkit-box-shadow:none;
	box-shadow: none;
	margin-bottom:0;
}

.top_pickup .bx-wrapper .bx-controls-direction a {
	text-indent:0;
	background:-moz-linear-gradient(top left, #55b43c, #80c84d);
	background:-webkit-linear-gradient(top left, #55b43c, #80c84d);
	background:linear-gradient(to bottom right, #55b43c, #80c84d);
}

.top_pickup .bx-wrapper .bx-controls-direction a:after {
	content:"";
	position:absolute;
	top:8px;
	width:13px;
	height:13px;
	border-top:2px solid white;
	border-right:2px solid white;
}

.top_pickup .bx-wrapper .bx-controls-direction a.bx-prev:after {
	transform:rotate(-135deg);
	left:12px;
}

.top_pickup .bx-wrapper .bx-controls-direction a.bx-next:after {
	transform:rotate(45deg);
	left:4px;
}

.top_pickup .bx-wrapper .bx-controls-direction a.bx-prev {
	left:-60px;
}

.top_pickup .bx-wrapper .bx-controls-direction a.bx-next {
	right:-60px;
}

.top_pickup .top_pickup_area {
	width:340px;
	margin:0 auto;
}

.top_pickup .top_pickup_area .pickup_box {
	background-color:white;
	border-radius:10px;
}

.top_pickup .top_pickup_area .pickup_box img {
	width:100%;
	height:auto;
	border-radius:10px 10px 0 0;
}

.top_pickup .top_pickup_area .pickup_box div {
		padding:1em;
}

.top_pickup .bx-viewport {
	overflow:visible !important;
}

.top_pickup_1 h2 {
	font-family: Avenir, 'Helvetica neue', Helvetica, '游ゴシック', YuGothic, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', sans-serif; 
	text-align:center;
	display:block;
	margin-bottom:0;
	padding-bottom:0;
}

.top_pickup h2 span.midasi{
	margin-left:0;
	font-weight:bold;
	font-size:2rem;
	color:white;
}

body .top_pickup .std_h1 span.sub {
	display:block;
	margin-left:0;
	color:white;
	text-align:left;
	font-size:0.875rem;
	font-weight:500;
	text-align:center;
}

body .bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 50%;
    margin-top: -30px;
    outline: 0;
    width: 52px;
    height: 52px;
    text-indent: -9999px;
    z-index: 9999;
}
.top_pickup .bx-wrapper .bx-controls-direction a {
	text-indent: 0;
	border-radius:26px;
	background:-moz-linear-gradient(left right, #8ccd38, #19b48a);
	background:-webkit-linear-gradient(left right, #8ccd38, #19b48a);
	background:linear-gradient(to right, #8ccd38, #19b48a);
}

.top_pickup .bx-wrapper .bx-controls-direction a:after {
    content: "";
    position: absolute;
    top: 19px;
    width: 10px;
    height: 10px;
    border-top: 2px solid white;
    border-right: 2px solid white;
    left: 2px;
}
.top_pickup .bx-wrapper .bx-controls-direction a.bx-prev {
	left:-64px;
}

.top_pickup .bx-wrapper .bx-controls-direction a.bx-prev:after {
	left:22px;
}

.top_pickup .bx-wrapper .bx-controls-direction a.bx-next {
	right: -64px;
}

.top_pickup .bx-wrapper .bx-controls-direction a.bx-next:after {
	left: 18px;
}

.top_pickup .std_button2_a {
	margin-top:45px;
	width:12em;
	margin-left:auto;
	margin-right:auto;
}




/* 特産品 */
.top_tokusan {
	position:relative;
}

.top_tokusan h2_wrapper {
	position:absolute;
	width:100%;
	z-index:2000;
}

.top_tokusan .h2_wrapper .page_width{
	position:relative;
}

.top_tokusan h2 {
	position:absolute;
	right:90px;
}

.top_tokusan h2 img {
	width:553px;
	height:auto;
}

.top_tokusan .tokusan_area {
	position:relative;
}

.top_tokusan .std_button_a{
	width:20%;
	margin: 3em auto 0 auto;
	z-index:10;
	position:relative;
}


.top_tokusan .std_button2_a {
	width:12em;
	margin-left:auto;
	margin-right:auto;
}


		
/* コンテンツバナー */
.top_contents_banner {
	padding-bottom:80px;
}

.top_contents_banner ul {
	margin:0;
	padding:0;
}

.top_contents_banner ul li{
	list-style-type:none;
	width:31%;
	margin-right:3.5%;
	float:left;
}

.top_contents_banner ul li:last-of-type{
	margin-right:0;
}

.top_contents_banner ul li img {
	width:100%;
	height:auto;
}

/* サイトバナー */

.top_site_banner {
	background-color:#f5f6f8;
	padding:50px 0;
}

.top_site_banner ul {
	margin:0;
	padding:0;
}

.top_site_banner ul li{
	list-style-type:none;
	width:18.4%;
	margin-right:2%;
	float:left;
}

.top_site_banner ul li:last-of-type{
	margin-right:0;
}

.top_site_banner ul li img {
	width:100%;
	height:auto;
}

/* about us */
.top_about_us {
	background-color:#fafafa;
}

.top_about_us h2 {
	font-family: Avenir, 'Helvetica neue', Helvetica, '游ゴシック', YuGothic, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', sans-serif; 
	text-align:center;
	display:block;
	margin-bottom:0;
	padding-bottom:0;
}

.top_about_us h2 span.midasi{
	margin-left:0;
	font-weight:bold;
	font-size:2rem;
	color:#55b43c;
	background:-moz-linear-gradient(left right, #8ccd38, #19b48a);
	background:-webkit-linear-gradient(left right, #8ccd38, #19b48a);
	background:linear-gradient(to right, #8ccd38, #19b48a);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

@media all and (-ms-high-contrast: none){
.top_about_us h2 span.midasi{
    background: transparent;
    color: #55b43c;
  }
}


body .top_about_us .std_h1 span.sub {
	display:block;
	margin-left:0;
	color:black;
	text-align:left;
	font-size:0.875rem;
	font-weight:500;
	text-align:center;
}

.top_about_us a,
.top_about_us img {
	display:block;
}

.top_about_us .std_column2 {
	margin-top:45px;
}


/* インスタグラム */
.top_instagram {
	background:-moz-linear-gradient(left right, #dcf1c8, #ccecd5);
	background:-webkit-linear-gradient(left right, #dcf1c8, #ccecd5);
	background:linear-gradient(to right, #dcf1c8, #ccecd5);
}

.top_instagram h2 {
	font-family: Avenir, 'Helvetica neue', Helvetica, '游ゴシック', YuGothic, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', sans-serif; 
	text-align:center;
	display:block;
	margin-bottom:0;
	padding-bottom:45px;

}

.top_instagram span.midasi{
	margin-left:0;
	font-weight:bold;
	font-size:2rem;
	color:black;
}

.top_instagram span.midasi img {
	width:32px;
	height:auto;
	margin-right:10px;
	vertical-align:text-bottom;
}

.top_instagram .std_h1 span.sub {
	display:block;
	margin-left:0;
	color:black;
	text-align:left;
	font-size:0.875rem;
	font-weight:500;
	text-align:center;
}

.top_instagram .ul_wrapper {
	width:100%;
	overflow:hidden;
}

.top_instagram ul {
/*
	width:1200px;
*/
	max-width:1400px;
	width:100%;
	margin:0 auto;
}

.top_instagram ul li {
	display:block;
	float:left;
	width:15%;
	margin-right:1%;
	margin-bottom:1%;
}

.top_instagram ul li:nth-child(6n) {
	margin-right:0;
}

.top_instagram ul li a {
	display:block;
}

.top_instagram ul li div {
	width:100%;
	height: 0;
	padding-bottom: 100%;
	background-size:contain;
	background-position:center center;
	background-repeat:no-repeat;
}

.top_instagram ul li img {
	width:100%;
	height:auto;
}

.top_instagram .std_button2_a {
	width:10em;
	margin-left:auto;
	margin-right:auto;
}

.top_site_banner {
	background-color:white;
}

.top_site_banner .page_width {
	width:940px;
}

.top_site_banner .bx-wrapper {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 5px solid none;
    background: #fff;
		border:none;
}


body .top_site_banner .bx-wrapper  a.bx-prev,
body .top_site_banner .bx-wrapper  a.bx-next {
	background-color:#f5f5f5;
	text-indent:0;
	line-height:52px;
	width:20px;
	text-align:center;
}

body .top_site_banner .bx-wrapper  a.bx-prev {
	left:-30px;
}
body .top_site_banner .bx-wrapper  a.bx-next {
	right:-30px;
}

.top_sns_icon {
	padding:0 0 30px 0;
}


/* フッター */

.totop .bt_totop{
	opacity:0.8;
}

footer {
/*
    background: url(/resources/images/common/footer_bg2.jpg) no-repeat center top fixed;
		background-size:cover;
		color:white;
*/
    background-color: #55b43c;

}

footer .std_padding {
    background: none;
}

footer .copyright {
	width:100%;
	border-top:1px solid white;
}

footer .copyright a.footer_logo {
	position:relative;
	display:block;
	width:225px;
	margin-left:auto;
	margin-right:auto;
}

footer .copyright a.footer_logo:after {
	content:"金融機関コード（7837）";
	color:white;
	display:block;
	position:absolute;
	left:245px;
	bottom:5px;
	width:12em;
	text-align:left;
	font-size:1rem;
}

footer .copyright2 {
	margin-top:15px;
	position:relative;
}

footer .copyright2 span {
	position:relative;
}

footer .copyright2 .privacy {
	position:absolute;
	top:3px;
	left:105%;
	right:0;
	bottom:0;
	color:white;
	text-align:left;
	width:10em;
}

/* 特産品スライダー */
.hare_slider_area {
	overflow:hidden;
	width:100%;
	height:1000px;
	position:relative;
}

#hare_slider {
	overflow:hidden;
	width:100%;
	position:relative;
	height:3730px;
	padding:0;
}

#hare_slider li {
	position:absolute;
	width:650px;
	height:500px;
	list-style-type:none;
	transform:scale(1.1);
	transition:transform 0.2s linear 0.5s;
}

#hare_slider li img {
	width:100%;
	height:auto;
	box-shadow: 5px 5px 20px 5px rgba(0,0,0,0.1);
}

#hare_slider li .slide_text {
	display:none;
	width:85%;
}

#hare_slider li h3 {
	color:#6fc328;
	font-size:2em;
	font-size:1.75rem;
	line-height:1em;
	margin-bottom:0.5em;
	font-weight:500;
}

#hare_slider li h4 {
	margin-bottom:1em;
	font-weight:500;
	line-height:1.6em;
}

#hare_slider li p {
	line-height:1.8em;
}

.top_tokusan .bt_prev {
	position:absolute;
	top:100px;
	left:100px;
}

.top_tokusan .bt_next {
	position:absolute;
	top:100px;
	left:150px;
}

.top_tokusan .bt_move {
	z-index:100;
}

.top_tokusan .bt_prev::before {
	transform:rotate(-135deg);
	left:11px;
	top:8px;
}

.top_tokusan .bt_next::before {
	transform:rotate(45deg);
	left:6px;
	top:8px;
}

.top_tokusan .bt_move::before {
	content:"";
	position:absolute;
	display:block;
	width:10px;
	height:10px;
	border-top:2px solid #55b43c;
	border-right:2px solid #55b43c;
}

.top_tokusan .bt_move::after {
	content:"";
	position:absolute;
	left:0px;
	top:0px;
	width:26px;
	height:26px;
	border:2px solid #55b43c;
	border-radius:15px;
}

#slider_top_footer_mb {
}

#slider_top_footer_mb ul {
	width:100%;
}

body .top_site_banner .mb .bx-wrapper a {
	height:100px;
	margin-top:-50px;
	line-height:100px;
}


/**** スプラッシュ画面 ****/
.top_sp {
	position:absolute;
	width:100%;
	height:100%;
	overflow:hidden;
	z-index:-1;
	animation-name:splash;
	animation-duration: 10s;
	animation-timing-function: easeOutQuad;
}
		
@keyframes splash {
	0% {
		z-index:100;
	}
	60% {
		z-index:100;
	}
	61% {
		z-index:-1;
		display:none;
	}

}
 
.top_sp .pre_screen {
	position:absolute;
	width:100%;
	height:100%;
}

.top_sp .pre_screen_cancel_wrapper {
	position:absolute;
	width:100%;
	bottom:100px;
	z-index:15
}

.top_sp .pre_screen_cancel {
	width:5em;
	position:relative;
	margin:0 auto;
	color:#ccc;
/*
	border:1px solid #ccc;
	background-color:white;
*/
	padding:5px;
	text-align:center;
	opacity:0;
	animation-name:pre_screen_cancel;
	animation-duration: 10s;
	animation-timing-function: easeOutQuad;
}

.top_sp .pre_screen_cancel:hover {
	cursor:pointer;
}

		
@keyframes pre_screen_cancel {
	5% {
		opacity:0;
	}
	10% {
		opacity:0.8;
	}
	48% {
		opacity:0.8;
	}
	50% {
		opacity:0;
	}

}
.top_sp .pre_screen.s1 {
	left:500%;
	width:300%;
	background: -moz-linear-gradient(left right, #8ccd38, #19b48a);
  background: -webkit-linear-gradient(left right, #8ccd38, #19b48a);
  background: linear-gradient(to right, #8ccd38, #19b48a);
	z-index:10;
	animation-name:pre_s1;
	animation-duration: 10s;
	animation-timing-function: easeOutQuad;
}

@keyframes pre_s1 {
	10% {
		left:500%;
	}
	25% {
		left:-300%;
	}
	100% {
		left:-300%;
	}

}

.top_sp .pre_screen.s2 {
	z-index:8;
	opacity:0;
	background:url(/resources/images/top/pre_1.png) no-repeat center center;
	background-size:30%;
	animation-name:pre_s2;
	animation-duration: 10s;
	animation-timing-function: easeOutQuad;
}

@keyframes pre_s2 {
	16% {
		opacity:0;
	}
	20% {
		opacity:1;
		transform:scale(1);
	}
	45% {
		opacity:1;
		transform:scale(1.05);
	}
	48% {
		opacity:0;
	}
}

.top_sp .pre_screen.s3 {
	left:500%;
	width:300%;
	background: -moz-linear-gradient(left right, #60b3e7, #428ad4);
  background: -webkit-linear-gradient(left right, #60b3e7, #428ad4);
  background: linear-gradient(to right, #60b3e7, #428ad4);
	background-color:green;
	z-index:9;
	animation-name:pre_s3;
	animation-duration: 10s;
	animation-timing-function: easeOutQuad;
}

@keyframes pre_s3 {
	40% {
		left:500%;
	}
	60% {
		left:-300%;
	}
	100% {
		left:-300%;
	}
}

.top_page_area {
	height:100%;
}

.top_page_area {
	opacity:1;
	transform:scaleY(1);
	z-index:0;
}

.top_page_area.anim {
	animation-name:top_page_area;
	animation-duration: 10s;
	animation-timing-function: easeOutQuad;
}

@keyframes top_page_area {
	0% {
		opacity:0;
		transform:scaleY(0);
	}
	45% {
		opacity:0;
		transform:scaleY(0);
	}
	48% {
		opacity:0;
		transform:scaleY(1);
	}
	100% {
		opacity:1;
	}
}


@media screen and (max-width: 768px) {
header {
/*
	position:relative !important;
*/
}

header .header_logo {
/*
	margin:0 0 0 5px;
*/
}

body header .mobile_button {
/*
	top:10px;
*/
}

.top_title {
	width:100%;
}

.top_sp .pre_screen.s2 {
	background-size:70%;
}

header .global_nav li a,
header .global_nav li a:hover {	color:black;}

header .header_nav ul li a,
header .header_nav ul li a:visited {
	color:black;
}

header .global_nav {
	float:none;
	margin-right:0px;
}

.top_sp .pre_screen.s2 {
	animation-name:pre_s2_mb;
}

@keyframes pre_s2_mb {
	16% {
		opacity:0;
		transform:scale(1);
	}
	20% {
		opacity:1;
	}
	43% {
		opacity:1;
		}
	44% {
		opacity:0;
		transform:scale(1.05);
	}
}


}

@media screen and (max-width: 1400px) {
	section.main_area .main_harete img {	width:35%;}
}



@media screen and (max-width: 1000px) {
	section.main_area .main_harete img {
		width:30%;
	}
	
	section.main_area .main_harete a {
    margin-top: 60px;
	}

}

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

	section.main_area {

		margin-top:-55px;

	}
	section.main_area .main_area_front,
	section.main_area .main_area_back {
/*
		top:-50px;
*/
		overflow:hidden;
	}

}