@charset "utf-8";
/* CSS Document */


/*============== slide ==============*/


#logobox{
	position:absolute;
	width:775px;
	top:50%;
	left:50%;
	z-index:20;
}

#logobox h1{
	position:absolute;
	top:-162px;
	left:-387px;
	line-height:1.0;
}

#sitelogo{
	margin:0 auto;
}


/*============== 言語切り替え ==============*/


.index-inner{
	width: 100%;
    margin: 0 auto;
}

.index-inner:after {
    content: "";
    clear: both;
    display: block;
}


#index-head { 
    top: -100px;
    position: absolute;
    width: 100%;
    margin: 100px auto 0;
    padding: 25px 0 0;
    line-height:1.5;
    z-index: 999;
	background:#d31d1d;
}
 
#index-head a,
#index-head {
    color: #fff;
    text-decoration: none;
}
 
#index-head .index-inner {
    position: relative;
 
}
#lang-nav ul {
	width:auto;
    list-style: none;
    position: absolute;
    right: 0;
    bottom: 0;
}
#lang-nav ul li {
    float: left;
    position: relative;
	padding:3px 20px;
	font-size:0.929em;
	letter-spacing:0.025em;
 
}

#lang-nav ul li:hover{
	background-color:#333;
}

/* Fixed */
#index-head.fixed {
	margin-top: 0;
    top: 0;
    position: fixed;
    background: #d31d1d;
    background: rgba(211,29,29,.7);
    transition: top 0.65s ease-in;
    -webkit-transition: top 0.65s ease-in;
    -moz-transition: top 0.65s ease-in;
}


#index-head.fixed:after {
    width: 100%;
}
#index-head.fixed #lang-nav ul li a {
    color: #fff;
}

.jpn #lang-nav ul li.jpn,
.eng #lang-nav ul li.eng,
.han #lang-nav ul li.han,
.kan #lang-nav ul li.kan{
	background-color:#333;
}

/*============== 背景画像 ==============*/


.bg-sm{
  width: 100%;
  height:500px;
  background-size: cover;
}

.image01{
	background-image: url(images/bak_01.jpg);
	background-repeat:no-repeat;
}

.image02{
	background-image: url(images/bak_02.jpg);
	background-repeat:no-repeat;
}


/*============== 投稿ギャラリー ==============*/

#photo_box{
	/*margin:70px 0; 20180316変更*/
	margin:70px 0 40px;
	
}

#photo_box a{
	width:380px;
	margin:0 auto;
}

#photo_box .btn_box{
	width:802px;
	margin-left:auto;
	margin-right:auto;
}


#photo_box .btn_box p.bt_red{
	float:left;
}

#photo_box .btn_box p.bt_red_b{
	float:right;
}


/*サムネイル*/

#same_box{
	width:100%;
	margin:40px auto 0;
	overflow:hidden;
}

#same_box ul{
	width:1014px;
	margin-right:-14px;
}

#same_box ul li{
	width:155px;
	height:155px;
	float:left;
	margin:0 14px 14px 0;
	overflow:hidden;
}

#same_box ul li img{
	width:155px;
	height:auto;
}

/*============== youtube ==============*/

#youtubebox{
	width:100%;
	padding:50px 0;
	background-color:#efefef;
}

#youtubebox .contents{
	width:720px;
	height:405px;
	margin:0 auto;
}

/*#youtubebox h2{
	color:#333333;
	font-size:1.714em;
	margin-bottom:25px;
	padding:50px 0 0;
}*/


/*============== 動画埋め込み ==============*/

#videobox{
	width:100%;
	padding:50px 0;
	background-color:#efefef;
}

#videobox .contents{
	width:720px;
	height:404px;
	margin:0 auto;
}

#videobox .contents video{
	width:720px;
	height:404px;
}

/*============== 特集コンテンツ ==============*/


#feature_box{
	margin:70px auto;
	overflow:hidden;
}

#feature_box ul{
	width:1035px;
	margin:35px -35px 0 0;
}

#feature_box ul li a{
	display:block;
	width:310px;
	height:initial;
	margin-right:35px;
	text-decoration:none;
	float:left;
}

#feature_box ul li a:hover{
	filter: alpha(opacity=60); 
    -moz-opacity:0.60;
	opacity:0.60;
	-webkit-transition: all .3s;
	transition: all .3s;
}

#feature_box ul li a h4{
	height:30px;
	font-size:1.143em;
	line-height:1.8;
	font-weight:normal;
	color:#fff;
	text-align:center;
	margin-bottom:15px;
	background-image:url(common/images/icon_pan3.gif);
	background-repeat:no-repeat;
	background-position:98%;
}

#feature_box ul li a p{
	font-size:1.000em;
	margin-bottom:15px;
	line-height:1.7;
	color:#111;
	
}

#feature_box ul li img{
	width:310px;
	height:auto;
	margin-bottom:10px;
}

#feature_box ul li.no1 h4{
	background-color:#a7652b;
}

#feature_box ul li.no2 h4{
	background-color:#45a72b;
}

#feature_box ul li.no3 h4{
	background-color:#2553b3;
}

#feature_box ul li.no1 a{
	border-bottom:1px solid #a7652b;
}

#feature_box ul li.no2 a{
	border-bottom:1px solid #45a72b;
}

#feature_box ul li.no3 a{
	border-bottom:1px solid #2553b3;
}


/*============== 観光情報 20180316変更==============*/

#kanko_box.content{
	background:#efefef;
	padding-bottom:70px;
}

#kanko_box .contents{
	margin-top:70px;
}

#kanko_box .left{
	/*width:500px;*/
	width:48%;
}

#kanko_box .right{
	/*width:385px;*/
	width:48%;
}

#kanko_box h2{
	/*display: inline-block;
	*display:inline;  
    *zoom:1;*/
	color:#4332a8;
	text-align:center;
	/*text-align:left;*/
	/*margin:0 0 20px 30px;*/
	margin:0 0 20px;
}

/*#kanko_box h2 span{
	text-align:center;
}*/

#kanko_box h4{
	font-size:1.125em;
	font-weight:normal;
	text-align:center;
	/*margin:0 0 30px 30px;*/
	margin:0 0 30px;
}

#kanko_box h3{
	font-size:2.188em;
	font-weight:normal;
	text-align:center;
	/*text-align:left;*/
	/*margin:0 0 0 30px;*/
}

#kanko_box .btn_box{
	width:720px;
	margin:30px auto 0;
}

/*------- 言語ごとの調整 -------*/

.eng #kanko_box h2{
	text-align:center;
}
.han #kanko_box h3,
.kan #kanko_box h3{
	line-height:1.5;
}

/*------- 言語ごとの調整 -------*/


#kanko_box a.btn{
	color:#fff;
	font-size:1.286em;
	letter-spacing:0.05em;
	line-height:1.4;
	background-image:url(common/images/arrow_w.png);
	background-position:98%;
	background-repeat:no-repeat;
	background-color:#342c8a;
	border:1px solid #342c8a;
	padding:16px 0;
	margin-bottom:15px;
}

#kanko_box a.btn:hover {
	background-image:url(common/images/arrow_p.png);
	background-position:98%;
	background-repeat:no-repeat;
	background-color: #fff;
	color: #342c8a;
}

#kanko_box .bt_b a.btn{
	background-color:#7d5522;
	border:1px solid #7d5522;
}

#kanko_box .bt_b a.btn:hover{
	background-image:url(common/images/arrow_b.png);
	background-color: #fff;
	color: #7d5522;
}

#kanko_box #slide_box{
	width:100%;
	overflow:hidden;
	margin:55px 0 70px;
}

/*------- 言語ごとの調整 -------*/

.eng #kanko_box a.btn{
	letter-spacing:0.025em;
}

/*------- 言語ごとの調整 -------*/


/*============== ニュース・トピックス・PRイベント ==============*/

.news_wrap{
	margin:0 auto 65px;
	padding:40px 0 35px;
	border-top:1px solid #d31d1d;
	border-bottom:1px solid #d31d1d;
}

#news02.news_wrap{
	margin:50px auto;
	border-top:1px solid #342c8a;
	border-bottom:1px solid #342c8a;
}

.news_wrap h2{
	display:inline-block;
	font-size:1.429em;
	color:#d31d1d;
	letter-spacing:0.2em;
	line-height:1.1;
	margin-bottom:25px;
	font-weight:normal;
	border-bottom:1px dotted #d31d1d;
}

#news02.news_wrap h2{
 color:#342c8a;
	border-bottom:1px dotted #342c8a;
}

.news_wrap h2 span{
	display:inline-block;
	min-height:20px;
	padding:0 10px 8px 40px;
	background:url(common/images/icon_flwr.png) no-repeat 8px 2px;
}

#news02.news_wrap h2 span{
	background:url(common/images/icon_flwr02.png) no-repeat 8px 2px;
}

.news_list{
	width:720px;
	margin:0 auto;
}


.news_list dl{
	font-size:1.071em;
	line-height:1.4;
}

.news_list dl,
.news_list dt,
.news_list dd {
  box-sizing: border-box;
}

.news_list dt {
  width: 23%;
  padding:0 5px 5px 10px;
  float: left;
}

.news_list dd {
 letter-spacing:0.15em;
  padding:0 5px 5px;
  margin:0 0 0 23%;
}

.news_list dd:after {
  content: '';
  display: block;
  clear: both;
}

/*-----サイドボタン -----*/



.sidebtn_set{
	width: 100%;
	overflow:hidden;
	margin:0 auto;
	padding:30px 0;
	background: #efefef;
}


.sidebtn_set a{
	display:block;
	width: 380px;
	min-height:40px;
	color: #fff;
	text-align:center;
	margin:0 auto;
	font-size:1.143em;
	letter-spacing: 0.05em;
	line-height: 1.4;
	background-image: url(common/images/icon_un_white.png);
	background-position: 97%;
	background-color:;
	background-repeat: no-repeat;
	background-color: #008836;
	padding: 8px 0;
	text-decoration:none;
	
}


.sidebtn_set p{
	width:802px;
	margin:0 auto;
}

.sidebtn_set a#sidepr{
	background-image: url(common/images/icon_un_white.png);
	background-position: 97%;
	background-repeat: no-repeat;
	background-color: #342c8a;
	border:1px solid #342c8a;
}

.sidebtn_set a:hover{
	background-color: #006b2a;
	-webkit-transition: all .3s;
	transition: all .3s;
	
}

.sidebtn_set a#sidepr:hover{
	background-color: #1b1565;
	-webkit-transition: all .3s;
	transition: all .3s;
	
}



/*------- 言語ごとの調整 -------*/

.eng .sidebtn_set p{
	width:1000px;
	margin:0 auto;
}

.eng .sidebtn_set a{
	width: 490px;
}

.eng .sidebtn_set a .sp{
	display:none;
}


/*------- 言語ごとの調整 -------*/

@media only screen and (max-width: 600px) {
	
	
	
/*============== slide ==============*/

#logobox{
	position:absolute;
	width:100%;
	top:15px;
	left:0;
	z-index:20;
}

#logobox h1{
	width:100%;
	top:20px;
	/*top:10px;言語表示なし*/
	left:0;
	text-align:center;
	vertical-align:bottom;
}

#logobox h1 img{
	width:100%;
	height:auto;
	max-width:610px;
	margin:0 auto;
}


/*============== 言語切り替え ==============*/



#index-head { 
    top: -100px;
    position: absolute;
    width: 100%;
    margin: 100px auto 0;
    padding: 25px 0 0;
    line-height:1.5;
    z-index: 999;
	background:#d31d1d;
}
 
#index-head a,
#index-head {
    color: #fff;
    text-decoration: none;
}
 
#index-head .index-inner {
    position: relative;
 
}
#lang-nav ul {
	width:100%;
    list-style: none;
    position: absolute;
    right: 0;
    bottom: 0;
}
#lang-nav ul li {
	width:25%;
    float: left;
    position: relative;
	padding:3px 0;
	font-size:0.929em;
	letter-spacing:0;
	text-align:center;
 
}

/* Fixed */
#index-head.fixed {
	margin-top: 0;
    top: 0;
    position: fixed;
    background: #d31d1d;
    background: rgba(211,29,29,.7);
    transition: top 0.65s ease-in;
    -webkit-transition: top 0.65s ease-in;
    -moz-transition: top 0.65s ease-in;
}


#index-head.fixed:after {
    width: 100%;
}
#index-head.fixed #lang-nav ul li a {
    color: #fff;
}

/*============== 背景画像 ==============*/

.bg-sm{
  width: 100%;
  height:308px;
  background-size: cover;
}
	

.image01{
	background-image: url(images/bak_01_sp.jpg);
}

.image02{
	background-image: url(images/bak_02_sp.jpg);
}


/*============== youtube ==============*/

#youtubebox{
	background-color:#000;
	padding:10px 0;
}


#youtubebox .contents{
	width:100%;
	height:auto;
	position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

/*#youtubebox h2{
	margin-bottom:15px;
	padding:20px 0 0;
}*/

#youtubebox iframe{
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*============== 動画埋め込み ==============*/

#videobox{
	background-color:#fff;
	padding:0 0 25px;
}

#videobox .contents{
	width:100%;
	height:auto;
}

#videobox .contents video{
	width:100%;
	height:auto;
}


/*============== 投稿ギャラリー ==============*/

#photo_box{
	/*margin:70px 0; 20180319変更*/
	margin:50px 0 40px;
	
}

#photo_box .btn_box{
	width:90%;
}


#photo_box .btn_box p.bt_red{
	float:none;
	margin-bottom:20px;
}

#photo_box .btn_box p.bt_red_b{
	float:none;
}

/*サムネイル*/

#same_box{
	width:100%;
}

#same_box ul{
	width:90%;
	margin:0 auto;
}

#same_box ul li{
	width:25%;
	height:auto;
	text-align:center;
	margin:0 0 5px 0;
}

#same_box ul li img{
	width:90%;
}




/*============== 特集コンテンツ ==============*/


#feature_box{
	width:100%;
}

#feature_box ul{
	width:90%;
	max-width:640px;
	margin:35px auto 0;
}

#feature_box ul li a{
	width:100%;
	margin:15px 0 0;
	text-align:center;
	float:none;
}

#feature_box ul li p{
	text-align:left;
}

#feature_box ul li img{
	width:100%;
	max-width:640px;
}

/*============== 観光情報 20180316変更==============*/


#kanko_box .left{
	width:100%;
	margin:0 auto;
	float:none;
}

#kanko_box .right{
	width:100%;
	margin:0 auto;
	float:none;
}

#kanko_box h2{
	margin:0 auto 20px;
}


#kanko_box h4{
	font-weight:normal;
	margin:0 0 30px 0;
}

#kanko_box h3{
	width:100%;
	font-size:1.714em;
	font-weight:normal;
	margin:0
}

#kanko_box .btn_box{
	width:90%;
}

#kanko_box .news_wrap h2{
	text-align:left;
}

/*------- 言語ごとの調整 -------*/

.han #kanko_box h3{
	line-height:1.2;
}

/*------- 言語ごとの調整 -------*/

#kanko_box a.btn{
	color:#fff;
	font-size:1.286em;
	letter-spacing:0.05em;
	line-height:1.4;
	background-image:url(common/images/arrow_w.png);
	background-position:98%;
	background-repeat:no-repeat;
	background-color:#342c8a;
	border:1px solid #342c8a;
	padding:16px 0;
	margin-bottom:15px;
}

#kanko_box a.btn:hover {
	background-image:url(common/images/arrow_p.png);
	background-position:98%;
	background-repeat:no-repeat;
	background-color: #fff;
	color: #342c8a;
}

#kanko_box .bt_b a.btn{
	background-color:#7d5522;
	border:1px solid #7d5522;
}

#kanko_box .bt_b a.btn:hover{
	background-image:url(common/images/arrow_b.png);
	background-color: #fff;
	color: #7d5522;
}


/*------- 言語ごとの調整 -------*/


.eng #kanko_box a.btn{
	padding:16px 25px 16px 5px;
}

/*------- 言語ごとの調整 -------*/


/*#slide_box{
	display:none;
}
*/

/*============== ニュース・トピックス・PRイベント ==============*/

.news_wrap{
	margin:0 auto 65px;
	padding-top:40px;
	border-top:1px solid #e6e6e6;
}

#news02.news_wrap{
	margin:50px auto;
	padding:40px 0 35px;
	border-bottom:1px solid #e6e6e6;
}

.news_wrap h2{
	display:inline-block;
	margin-top:0;
}

.news_list{
	width:95%;
}
.news_list dt {
  width: 100%;
  padding:0 5px 5px 5px;
  float: none;
}

.news_list dd {
  width: 100%;
  padding:0 5px 10px 5px;
  margin:0;
}
/*-----サイドボタン -----*/


.sidebtn_set{
	width:90%;
	height:auto;
	margin:50px auto 0;
	padding:0;
	background: #fff;
}


.sidebtn_set p{
	width:100%;
	margin:0 auto;
}
.sidebtn_set a{
	margin:0 auto 10px;
}

.sidebtn_set a.left,
.sidebtn_set a.right{
	float:none;
}


/*------- 言語ごとの調整 -------*/

.eng .sidebtn_set p{
	width:100%;
}

.eng .sidebtn_set a{
	width:100%;
}

.eng .sidebtn_set a .sp{
	display:block;
}

/*------- 言語ごとの調整 -------*/


}

@media only screen and (max-width: 480px) {
	
/*============== slide ==============*/


#logobox h1 img{
	max-width:450px;
}


/*============== 言語切り替え ==============*/


	
/*============== 投稿ギャラリー ==============*/

#photo_box{
	margin:30px 0;
	
}

#photo_box a{
	width:90%;
	margin:0 auto;
}

/*サムネイル*/


#same_box ul li{
	width:33.333%;
}

/*============== ニュース・トピックス・PRイベント ==============*/

.news_wrap{
	margin:0 auto 65px;
	padding-top:40px;
	border-top:1px solid #e6e6e6;
}

#news02.news_wrap{
	margin:50px auto;
	padding:40px 0 25px;
	border-bottom:1px solid #e6e6e6;
}

.news_wrap h2{
	display:inline-block;
	font-size:1.357em;
	text-align:left;
	color:#d31d1d;
	letter-spacing:0.1em;
	line-height:1.1;
	margin-bottom:25px;
	font-weight:normal;
	border-bottom:1px dotted #d31d1d;
}

#news02.news_wrap h2{
 color:#342c8a;
	border-bottom:1px dotted #342c8a;
}

.news_wrap h2 span{
	display:inline-block;
	min-height:20px;
	padding:0 10px 8px 40px;
	background:url(common/images/icon_flwr.png) no-repeat 8px 2px;
}

#news02.news_wrap h2 span{
	background:url(common/images/icon_flwr02.png) no-repeat 8px 2px;
}

/*-----サイドボタン -----*/


.sidebtn_set{
	margin:30px auto 0;
}

.sidebtn_set a{
	width:100%;
}


}