/*layout*/
/*------------------------------------------------------------------------------*/
#wrapper {
  overflow: hidden;
}


/*header*/
/*------------------------------------------------------------------------------*/

#header_wrapper{
	border-top: 4px solid #B1CE64;
	background:#FFF;
	width:100%;
	z-index:100;
}
/*pcのときのみヘッダー固定*/
@media only screen and (min-width:1126px){
#header_wrapper{
	position:fixed;
}
}

header{
	max-width: 1122px;
	margin: 0 auto;
	text-align: left;
}
header:after  {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#header_left{
	float: left;

}
#header_right{
	float: right;

}

#logo{
	margin-top:20px;
	width: 234px;
	float:left;
}
#logo a{
	display: block;
}
#logo img{
	width: 100%;
	height: auto;
}
#headnav{
	float: right;
	margin-bottom: 17px;
}
#headnav li{
	display:inline-block;
	text-align:center;
}
#headnav li a{
	display:block;
	font-size: 95%;
	line-height:1;
	padding:7px 35px 7px 15px;
	color: #fff;
}
#headnav li.lang a{
	background: url(../image/common/arr03.png) no-repeat right 10px center #B1CE64;
	border-bottom:1px solid #8FB641;

	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#190E08;
	border-radius:0px 0px 3px 3px ;
	-moz-border-radius:0px 0px 3px 3px ;
	-webkit-border-radius:0px 0px 3px 3px ;
}
#headnav li.lang a:hover {
	opacity:0.7;
}


/*globalnav*/
/*------------------------------------------------------------------------------*/
#globalnav{
	float:right;
	clear: both;
}
#gnav_btn{display:none;}

#globalnav li{
	display:inline-block;
	text-align:center;
	margin:0 0 0 3px;
}
#globalnav li:first-child{
	margin: 0;
}
#globalnav li a{
	color:#190E08;
	font-size: 13px;
	line-height:1;
	display:block;
	padding: 45px 2px 10px ;
	border: 1px solid #EDE8DC;
	border-radius:4px 4px 0 0 ;
	-moz-border-radius:4px 4px 0 0 ;
	-webkit-border-radius:4px 4px 0 0 ;
	border-bottom:none;
}


.globalnav01 a{
	width:90px;
	background:#fff url(../image/common/globalnav01_bg.png) no-repeat center 8px;
}
.globalnav02 a{
	width:70px;
	background:#fff url(../image/common/globalnav02_bg.png) no-repeat center 8px;
}
.globalnav03 a{
	width:70px;
	background:#fff url(../image/common/globalnav03_bg.png) no-repeat center 8px;
}



#globalnav li a:hover,#globalnav li.main_current a{
		background-color:#F3F0E9;
}


#spnavi {
	display:none;
}

.search_area {
	border-right:1px dotted #CEC19B;
		float:right;
		margin-right:10px;
		margin:6px 10px 6px 0;
		padding:6px 0;
}


.header_search {

	background:#F4F1EA;
	border:1px solid #DCD3B8;	
	width:200px;
	padding:10px;
	border-radius:4px;
	-webkit-border-radius:4px;
	margin-right:10px;
	
}
.search_textbox {
	border:none;
	background:#F4F1EA;
	width: 90%;
}
.search_submit {
	text-indent:-9999px;
	width:14px;
	height:14px;
	background:url(../image/common/btn_search.png) no-repeat 0 0 ;
	background-size:14px auto;
	display:block;
	float:right;
	margin-top:6px;
	border:none;
	cursor:pointer;
}



.txt_resize_box {
	float:right;
	margin-top:4px;

}
.txt_resize_box p {
	float:left;
	font-size:13px;
	padding-right:12px;
	background:url(../image/common/arr04.png) no-repeat right center;
	margin-right:8px;
}

#resizer {
	float:right;
	border:1px solid #DCD3B9;
	margin-right:5px;
	border-radius:4px;
	-webkit-border-radius:4px;
	background:#fff;
}

#resizer li {
	height:24px;
	display:block;	
}

#resizer li.medium {
	float:left;
	border-right:1px solid #DCD3B9;
}
#resizer li.large {
	float:right;
}

#resizer li a {
	display:block;
	color:#000000;
}

#resizer li.medium a {
	border-radius:4px 0px 0px 4px ;
-moz-border-radius:4px 0px 0px 4px ;
-webkit-border-radius:4px 0px 0px 4px ;
}


#resizer li.large a {
	border-radius:0px 4px 4px 0px ;
	-moz-border-radius:0px 4px 4px 0px ;
	-webkit-border-radius:0px 4px 4px 0px ;
}

#resizer li a {
	font-size:13px;
	padding:0 8px;
	display:block;


}

#resizer li a.textresizer-active {
	font-weight:bold;
	font-size:14px;
	background:url(../image/common/txt_resizer_btn_bg.jpg) repeat-x top;
}

.color_change_box {
	float:right;
}

.color_change_title {
	font-size:13px;
	border:1px solid #DCD3B8;
	padding:3px 0;
	margin-right:5px;
	margin-top:4px;
	line-height:1.4;
	border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
	cursor:pointer;
	position:relative;
	width:110px;
	text-align:center;
	z-index:10;
}

#btn_color {
	display:none;
	position:absolute;
	margin-top:-2px;
}
#btn_color li {
	width:100%;
	background:#fff;
	border:1px solid #DCD3B8;
	border-top:none;
	display:block;
	width:110px;
}
#btn_color li a {
	display:block;
	padding:2px 0;
	text-align:center;
	color:#000000;
}

.top_sns_btn {
	float:right;
	margin-top:25px;
}
.top_sns_btn li {
	display:inline-block;
	margin-right:15px;
}

.sp_language {
	display:none;
}

/*footer*/
/*------------------------------------------------------------------------------*/
footer{
	background:url(../image/common/footer_bg.jpg) repeat-x top;
	border-top: #E6E6E6 1px solid;
	padding: 50px 0 0;
	font-size:92.8%;
}
#footer_top{
	max-width: 1126px;
	margin: 0 auto;
	padding-bottom: 50px;
	text-align:left;
	position:relative;
	min-height:350px;
}

#footer_top a {
	color:#666666;
}

#footer_left{
	width: 33.7%;
	float: left;
}
#footer_logo a{
	display: block;
}
#footer_left img{
	width:234px;
	max-width: 100%;
	height: auto;
}

.address {
	margin-top:15px;
	color:#666666;
}

.footnav{
	float: none;
	width: 17.3%;
	position:absolute;
	left:33.7%;
}
.footnav li {
    margin-bottom: 4px;
    position: relative;
/*    font-size: 82%;*/
}

.footnav li::before {
	content:"";
	position:absolute;
	background:url(../image/common/footnav_point01.png) no-repeat center center;
	width:8px;
	height:8px;
	left:-13px;
	top:7px;
}

.footnav li:nth-child(even)::before {
	content:"";
	position:absolute;
	background:url(../image/common/footnav_point02.png) no-repeat center center;
	width:8px;
	height:8px;
	left:-13px;
	top:7px;
}

.footnav li a{
	color: #666666;
}
.footnav li a:hover {
	text-decoration:underline;
}

.footnav_cate {
	position:absolute;
	left:51%;
}

.footnav_cate h3 {
	font-weight:bold;
	color:#B1CD64;
	margin-bottom:10px;
}
.footnav_cate li a {
	color:#666666:
}
.footnav_cate li a:hover {
	text-decoration:underline;
}

#footer_right {
	float:right;
}
#footer_right img,
#footer_right iframe {
	max-width:100%;
	height:auto;
}



#footer_bottom{
	width: 100%;
	background:#96BA45;

	padding:10px 0;
	border-top: #fff 1px solid;
	text-align:left;
}
#footer_bottom_in {
	max-width:1126px;
	margin: 0 auto;
}


.footnav_b{
	float: left;
}
.footnav_b li{
	display: inline;
	padding-right: 20px;
	margin-right: 20px;
	border-right: 1px solid #ccc;
	line-height: 1;
}
.footnav_b li:last-child{
	padding-right: 0;
	margin-right: 0;
	border-right: none;
}
.footnav_b li a {
	color:#fff;
}
.footnav_b li a:hover {
	text-decoration:underline;
}

small{
	display: block;
	float: right;
	color:#fff;
	font-size:13px;
}





/* pagetop */
/*------------------------------------------------------------------------------*/
#topcontrol{
	z-index:150;
}
a.pagetop {
	width: 60px;
	height: 60px;
	background: url(../image/common/pagetop.gif) no-repeat 0 0;
	overflow: hidden;
	display:block;
}


/* banner */
/*------------------------------------------------------*/
.banner_reco_in {
	background:url(../image/common/top_box03_left_bg.jpg) no-repeat center top / cover;
	height:130px;
	padding:10px 15px;
	font-size: 13px;
	line-height: 1.4;
	color: #ffffff;
	margin-bottom: 10px;
}
.banner_reco_in.course {background-image:url(../image/common/top_box03_left_bg.jpg);}
.banner_reco_in.spot {background-image:url(../image/common/top_box03_right_bg.jpg);}

.banner_reco_in.bl-hover{opacity: .8;}
.banner_reco_in .title{
	margin-bottom: 10px;
	font-size: 17px;
	font-weight: bold;
}
.banner_reco_in .title a {
    color: #ffffff;
    text-shadow: 0 0 7px #000, 0 0 7px #ccc;
}

.side_movie {
	background:url(../image/common/top_box05_border.jpg) repeat;
	padding:2px;
	border-radius:8px;
	-webkit-border-radius:8px;
	position:relative;
	height:320px;
	display:table;
	margin-top: 50px;
}
.side_movie h3 {
	position:absolute;
	width:240px;
	height:69px;
	color:#fff;
	font-size:20px;
	font-weight:bold;
	text-align:center;
	background:url(../image/common/top_box04_title_bg.png) no-repeat 0 0 / 240px auto;
	left:-10px;
	top:-35px;
	display:table;
	padding-bottom:10px;
}
.side_movie h3 .txt_oblique {
	transform: rotate(-7deg);
	-moz-transform: rotate(-7deg);
	-webkit-transform: rotate(-7deg);
	display:table-cell;
	vertical-align:middle;
	padding-left: 20px;
}
.side_movie_in {
	display:table-cell;
	width:100%;
	height:100%;
	border-radius:6px;
	-webkit-border-radius:6px;
	background:#fff;
	text-align:center;
	padding:8% 5% 0;
}
.side_movie_in img,
.side_movie_in iframe {
	width:100%;
	height:225px;
}
.side_movie .btn_more {
	position:absolute;
	bottom:15px;	
	left:0;
	right:0;
	margin:0 auto;
}

.region {margin-top: 30px;}
.region_left {
	width:100%;
	height:90px;
	margin-bottom: 15px;
	border:1px solid #6EBDDA;
	border-radius:6px;
	-webkit-border-radius:6px;
	overflow:hidden;
	background:url(../image/common/top_box04_right_top_bg.jpg) no-repeat right center / cover;
	position:relative;
}
.region_left h3 {
	color:#333333;
	font-size:20px;
	margin-left:15px;
	margin-top:10px;
}
.region_left .btn_download {
	position:absolute;
	right:10px;
	top:20px;
}
.region_left .btn_download img{
	width: 100px;
	height: auto;
}
.region_right {
	width:100%;
	height:90px;
	border:1px solid #5EAC46;
	border-radius:6px;
	-webkit-border-radius:6px;
	overflow:hidden;
	background:url(../image/common/top_box04_right_bottom_bg.jpg) no-repeat 50% bottom / 110% auto;
	position:relative;
}
.region_right .btn_support {
	right:15px;
	bottom:15px;
	position:absolute;
}
.region_right h3 {
	color:#1D1310;
	font-size:20px;
	background:url(../image/common/top_support_bg.png) no-repeat left bottom;
	padding-bottom: 10px;
	margin-left:15px;
	margin-top:15px;
}

.biggerlink.bl-hover{opacity: .8;}

/* main banner */
.banner_spe {
	height:122px;
	padding:1px;
	background:url(../image/common/top_box05_border.jpg) repeat;
	border-radius:8px;
	-webkit-border-radius:8px;
	margin-top: 20px;
}
.banner_spe.bl-hover{opacity: .8;}
.banner_spe_in {
	display:block;
	background:#fff;
	width:100%;
	height:120px;
	border-radius:8px;
	-webkit-border-radius:8px;
	overflow:hidden;
}
.banner_spe .banner_spe_in {background:#fff url(../image/top_box05_img02.jpg) no-repeat right top / auto 120%;}
.banner_spe_txt {
	width:60%;
	float:left;
	height:100%;
	background:#fff;
	padding:10px;
	position:relative;
}
.banner_spe_txt h3 {
    font-size: 17px;
    font-weight: bold;
    line-height: 1.4;
    padding-bottom: 10px;
    background: url(../image/common/side_kakutan_bg.png) no-repeat left bottom;
    padding-top: 20px;
}
.banner_spe_txt h3 a{color: #000000;}

.niceplaces {
	background:url(../image/common/top_box06_bg_side_sp.jpg) no-repeat 70% top / auto 150px;
	height:150px;
	margin-top: 30px;
}
.niceplaces_in {padding-top:10px;}
.niceplaces_txt {
	background:url(../image/common/top_box06_txt_bg.png) no-repeat 10px 0 / 160px 108px;
	height: 108px;
	padding: 50px 30px 10px 22px;
	font-size: 17px;
	font-weight: bold;
}
.niceplaces_txt p{position: relative;}
.niceplaces_txt p a{color: #000000;}
.niceplaces_txt p::before {
	content:"";
	width:77px;
	height:29px;
	background:url(../image/common/top_box06_title_bg.png) no-repeat center center;
	position:absolute;
	top:-30px;
	left:calc(50% - 95px);
	margin:0 auto;
}


#side_insta {
	width:100%;
	background:url(../image/common/top_box02_bg.jpg) repeat;
	height:auto;
	margin: 30px auto;
}
#side_insta_in {
	padding:20px 15px;
	text-align:center;
}
#side_insta_in h3 {
	font-size:20px;
	font-weight:bold;
	margin-bottom:5px;
}
#contents_right .insta_logo {
	text-align:center;
	margin-bottom:5px;
}
#contents_right .insta_logo img {
	width:24px;
	height:24px;
}
#contents_right .insta_account {
	position:relative;
	display:inline-block;
	font-size:12px;
	font-weight:bold;
}
#contents_right .insta_account a{color: #000000;}
#contents_right .insta_account img{
	height: auto;
    margin-right: 6px;
    margin-top: 3px;
    width: 14px;
}
#contents_right .insta_account::before {
	content:"";
	position:absolute;
	left:-30px;
	margin:auto;
	top:43%;
	width:20px;
	height:3px;
	background:url(../image/common/insta_account_bg.png) no-repeat 0 0;	
}
#contents_right .insta_account::after {
	content:"";
	position:absolute;
	right:-30px;
	margin:auto;
	top:43%;
	width:20px;
	height:3px;
	background:url(../image/common/insta_account_bg.png) no-repeat 0 0;	
}
#contents_right .instagramfeed {margin-top:15px;}
#contents_right .instagramfeed::after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
#contents_right .instagramfeed li {
	width:23.5%;
	margin-right:2%;
	margin-bottom: 5px;
	float:left;
	background:#fff;
	padding:4px;
	box-shadow:0px 14px 10px 0px rgba(0,0,0,0.08);
	-moz-box-shadow:0px 14px 10px 0px rgba(0,0,0,0.08);
	-webkit-box-shadow:0px 14px 10px 0px rgba(0,0,0,0.08);
	list-style-type: none;
}
#contents_right .instagramfeed li:nth-child(4n) {margin-right:0;}
#contents_right .instagramfeed li img {
	width:100%;
	height:auto;
}
#contents_right .isnta_right {
	width:49%;
	float:right;
	margin-top:25px;
}

#contents_right .insta_comment_btn {
	width:75%;
	margin-left:auto;
	margin-right:auto;
	background:#fff;
	margin-top:30px;
	text-align:center;
	padding:20px 0;
	border-radius:20px;
	-webkit-border-radius:20px;
}

#contents_right .insta_lead {
	font-size:171.4%;
}



.controll_bg {
	background-color : transparent!important;
}

/* banner text */
.banner_text{
	margin-bottom: 5px;
	font-weight: bold;
	color: #B3D040;
	font-size: 100%;
    margin-left: 17px;
}

.region a {
	color: #000!important;
}

/*
.blog-side-nav .blog_side_section01 > a,.other_tag .blog_side_section01 > a,
.other_tag + .btn.btn-primary.readmore-small {
    display: none;
}

.other_tag .blog_side_section01 {
    margin-bottom: 0px !important;
}

.blog-side-nav .blog_side_section01 .blog_taglist02,.other_tag .blog_side_section01 .blog_taglist02{
	margin-bottom: 0;
}

.other_tag .blog_side_section01 h5 {
    display: none;
}

.other_tag .blog_side_section01 ul li:nth-of-type(-n+20),
.other_tag #keywords_in .keywords_wrap #taglist li:nth-of-type(-n+39)  {
    display: none;
}


.blog-side-nav .blog_side_section01 ul li:last-of-type {
    display: none;
}

.blog-side-nav .blog_side_section01 {
    margin-bottom: 0 !important;
}

.other_tag{
	display: none;
}

.tag_show_btn {
    display: block;
    width: 280px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-top: 15px;
    background-color: #a1b74a;
    color: #fff;
    padding: 10px;
    border-radius: 50px;
    cursor: pointer;
    transition: 0.3s ease;
}

.tag_show_btn:hover {
    opacity: 0.7;
}

#keywords_in .keywords_wrap #taglist{
	margin-bottom: 0;
}

.blog-side-nav > #keywords_in .keywords_wrap ul li:nth-of-type(+n+20) {
    display: none;
}*/


.contents a {
/*    text-decoration: underline !important;*/
}


#sns_share li a {
    display: block;
    text-align: center;
    padding: 0 0 0 10%;
    padding: 18px 0 16px 10%;
    color: #FFF;
    color: #FFF;
    font-size: 13px;
    line-height: 1;
    text-decoration: none !important;
}

h1 a,h2 a,h3 a,h4 a,h5 a{
	text-decoration: none !important;
}

/*footerinsta*/

#footer_insta {
	width:350px;
	background:url(../image/common/top_box02_bg.jpg) repeat;
	height:auto;
	margin: 30px auto;
	padding: 2%;
}

#footer_insta_in{
	background-color: #fff;
}

#footer_insta_in a {
    display: block;
    position: relative;
    padding: 18px 0 18px 42px;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
}

#footer_insta_in a::before {
    content: url(../image/insta_logo_s.png);
    position: absolute;
    left: 52px;
    top: 20px;
}



