@charset "UTF-8";

/* reset */
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; margin:0; padding:0; font-style: normal; }


@media screen and (min-width: 769px) {
	
	.pc_no { display: none !important; }
}

img { max-width: 100%; height: auto; }
ul.plane, ol.plane { list-style-type:none!important; padding:0!important; }
a, #globalnavi li, span { transition: all 0.3s; }
a:hover, #globalnavi li:hover, span:hover { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }

.tab_box a, .tab_box a:hover { transition: none; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; }

.font_sm { font-size: 0.75em; }


/* body */
body, body.top, .head_box, .foot .bg_foot { background: none; }
.tab01 { display: inline-block; }
#container { font-size: 1.44em; }
.wrapper { max-width: 1000px; padding: 0; text-align: left; margin: 0 auto; position: relative; line-height: 1.8; }


/* header */
.head_box { height: auto; position: relative; }
.head_box h1 { position: absolute; left: 20px; top: 20px; overflow: hidden; z-index:200; }

/* navi */
#globalnavi { position: absolute; right: 10px; bottom: 20px; z-index: 200; }
#globalnavi li { float: left; margin: 0 0 0 -15px; width: 195px; }
#globalnavi li a { display: inline-block; }
#globalnavi li a:hover { transform: scale(1.06,1.06); overflow: visible; }
#globalnavi li a img { width: 100%; }

/* main slide */
#main_slider { position: relative; margin: 0; padding: 0; }
#main_slider:after { content: ""; display: block; position: absolute; left: 0; bottom: -1px; width: 100%; height: 3vw; background: url(../img/wave_f.png) no-repeat center bottom; background-size: 100% auto; z-index: 190; }
#main_slider li { left: 0 !important; top: 0 !important; border: 0; overflow: hidden; }
#main_slider li img { width: 100%; }

#main_slider .bx-viewport, #main_slider li { max-height: calc(100vh - 140px) !important; }
.main_slider .bx-wrapper:before, .main_slider .bx-wrapper li:after { content: ""; display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: 100px; opacity: 0.3; z-index: 1; background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0, rgba(0,0,0,0)),
	color-stop(1, rgba(0,0,0,1))
);
background-image: -o-linear-gradient(bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
background-image: -moz-linear-gradient(bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
background-image: -ms-linear-gradient(bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); }

.main_slider .bx-wrapper:before { height: 180px; bottom: auto; top: 0; background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0, rgba(0,0,0,1)),
	color-stop(1, rgba(0,0,0,0))
);
background-image: -o-linear-gradient(bottom, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
background-image: -moz-linear-gradient(bottom, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
background-image: -ms-linear-gradient(bottom, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
background-image: linear-gradient(to bottom, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); }

/* PAGER */
ul#bxslider { position: static !important; }
.main_slider .bx-wrapper .bx-pager, .main_slider .bx-wrapper .bx-caption { bottom: 3vw; }
.main_slider .bx-wrapper .bx-pager { font-size: 1em; color: #fff; z-index: 210; }
.main_slider .bx-wrapper .bx-pager.bx-default-pager a { background: none; width: 14px; height: 14px; margin: 0 6px; border: solid 2px #fff; border-radius: 50%; opacity: 0.6; }
.main_slider .bx-wrapper .bx-pager.bx-default-pager a:hover,
.main_slider .bx-wrapper .bx-pager.bx-default-pager a.active,
.main_slider .bx-wrapper .bx-pager.bx-default-pager a:focus { background: #fff; opacity: 1; }
.main_slider .bx-wrapper .bx-caption { position: absolute; left: 30px; background: url(../img/icon_image.png) no-repeat left center; background-size: 30px auto; padding: 0.6em 0 0.6em 44px; text-align: left; line-height: 1.6; font-weight: bold; z-index:200; text-shadow: 0 0 5px rgba(0,0,0,1); }


/* sns */
.sns_box_btn { position: absolute; right: 290px; top: 35px; overflow: visible; z-index:200; }
.sns_box_btn li { margin: 0; padding: 0; font-size: 0; line-height: 1; float: left; clear: none !important; }
.sns_box_btn li a { display: block; width: 40px; background: #3b5992; margin: 0 10px 0 0; padding: 7px; overflow: hidden; border-radius: 50%; font-size: 0; cursor: pointer; }
.sns_box_btn li.tw a { background: #30a0d9; }
.sns_box_btn li.line { border: 0; }
.sns_box_btn li.line a { background: #00bd00; }
.sns_box_btn li a img { width: 100%; }
.sns_box_btn li a:hover { transform: scale(1.1,1.1); overflow: visible; }

/* search */
.search_box_entrance { position: absolute; right: 30px; top: 30px; width: auto; height: auto; z-index:200; }
.search_box_entrance form { position: relative; width: 250px; height: 46px; margin: 0; padding: 0 40px 0 0.7em; border: solid 2px rgba(0,0,0,0.2); background: #fff; overflow: hidden;}
.search_box_entrance input[type="text"] { height: 100%; color: #222; font-size: 16px; border: 0; }
.search_box_entrance .search_btn, .search_box .search_btn:hover { position: absolute; right: 0; top: 0; background: none; width: auto; height: 100%; padding: 8px; }

/* contents */
#conts { font-size: 1em; }

/* footer */
#footer { clear: both; padding: 1.2em 0 0.5em; font-size: 0.95em; overflow: hidden;}
#footer .foot_btn_list { float: right; width: 40%; border-right: dotted 3px #96abd2; text-align: right;}
#footer .foot_btn_list a { position:relative; display: inline-block; border-left: dotted 3px #96abd2; padding: 60px 1em 0; font-size: 1.2em; text-align: center; font-weight: bold; color: #333; text-decoration: none; }
#footer .foot_btn_list a img { position: absolute; left: 50%; top: 0; margin-left: -32px; width: 64px; }

#footer .mark { float: left; margin-right: 1em; width:100px; }
#footer .f_title { font-size: 1.2em; }
#footer .address_text { display: inline-block; overflow: hidden; }
.copyright { font-size: 0.75em; padding-top: 0.5em; }


/*-- INFOMATION --*/
#container #kinkyu_panel, #container #kinkyu_panel .wrap h2, #container #kinkyu_panel ul, #container #kinkyu_panel .panel_main, #container #kinkyu_panel .info, #container #kinkyu_panel ul li { position:static; float: none; width: auto; height: auto; min-height: 0; min-width: 0; padding: 0; margin: 0; background: 0; border-radius: 0; border:0; line-height: 1.6; letter-spacing: 0; text-indent: 0; }

#container #kinkyu_panel { border: solid 3px #dd0000; text-align:left; line-height:1.5; overflow:hidden; }
#container #kinkyu_panel .wrap { width:100%; overflow:hidden; }
#container #kinkyu_panel .wrap h2 { margin:0; padding:0.5em 1em 0.5em 50px; height: auto !important; font-size:1.5em; color:#fff; overflow:hidden; background:#dd0000 url(../img/i_kinkyu.png) no-repeat 14px center; }
#container #kinkyu_panel .wrap h2:before, #container #kinkyu_panel .wrap h2:after { display: none; }
#container #kinkyu_panel .panel_main { position: relative; padding: 1em 1em 0.5em; }
#container #kinkyu_panel .info { display: inline-block; }
#container #kinkyu_panel .info > a { display: inline-block; margin-bottom: 0.75em; font-weight: bold; }


@media screen and (max-width: 768px) {
	
	.sp_no { display: none !important; }
	
	/* body */
	.wrapper { max-width: none; padding: 0 20px; }


	/* header */
	.head_box { overflow: hidden; }
	.head_box h1 { width: 40%;  left: 15px; top: 15px; }
	
	/* PAGER */
	.main_slider .bx-wrapper .bx-pager { bottom: 12px; }
	.main_slider .bx-wrapper .bx-pager.bx-default-pager a { width: 14px; height: 14px; }

	/* sns */
	.sns_box_btn { right: 10px; }
	.sns_box_btn li a { width: 36px; }

	/* search */
	.search_box_entrance { position: static; padding:25vw 20px 0; margin: 0; }
	.search_box_entrance form { width: 100%; height: 54px; border: solid 2px #c6c6c6 !important; }
	.search_box_entrance input[type="text"] { width: 100%; }

	/* contents */
	#conts { font-size: 0.9em; }

	/* footer */
	#footer { padding: 1.5em 0 0; }
	#footer .wrapper { text-align: center; }
	
	#footer .foot_btn_list { float:none; width: 80%; text-align: center; margin: 0 auto 2em; overflow: hidden; }
	#footer .foot_btn_list a { display: inline-block; width: 50%; float: left; padding: 45px 1em 0; font-size: 1em; }
	#footer .foot_btn_list a img { margin-left: -25px; width: 50px; }

	#footer .mark { clear: both; width: 80px; float: none; text-align: center; margin: 0 auto;}
	#footer .address_text { display: block; }
	#footer .address { margin-bottom: 1em; }

	/*-- INFOMATION --*/
	#container #kinkyu_panel { display: block; }

	#container #kinkyu_panel .wrap h2 { text-align: left; }
	#container #kinkyu_panel .panel_main { padding-right: 1em; min-height: 0; }
	


}

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

	/* main slide */
	#main_slider { margin: 0; width: 100%; }
	#main_slider:after { background-size: 100% auto;}
	#main_slider li img { height: 67vw; object-fit: cover; }
	/*#main_slider .bx-viewport, #main_slider li { height: calc(100vh - 140px) !important; }*/
	
	/* navi */
	#globalnavi { right: auto; bottom: auto; top: 55vw; left: 8vw; margin: 0; }
	#globalnavi li { margin: 0 0 0 -2vw; width: 31vw; }

	/* PAGER */
	.main_slider .bx-wrapper .bx-pager, .main_slider .bx-wrapper .bx-caption { bottom: 23vw; }
	.main_slider .bx-wrapper .bx-pager { text-align: right; left: auto; right: 4vw; bottom: 13vw;}
	.main_slider .bx-wrapper .bx-caption { left: 30vw; max-width: 35%; font-size: 0.9em; background-size: 22px auto; padding-left: 28px; }

	
}

@media screen and (max-width : 478px){
	/* header */
	.head_box h1 { width: 50%; }
	
	/* navi */
	#globalnavi { left: 4.5vw; }
	#globalnavi li { margin: 0 0 0 -3vw; width: 34vw; }
	
}