@charset "UTF-8";
/*====================================================
1.0 - Setting
=====================================================*/
/* Setting*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video { margin: 0;padding: 0; border: 0; font: inherit; font-size: 100%;  vertical-align: baseline; }
html { line-height: 1; }
ol, ul { list-style: none;}
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }
q, blockquote { quotes: none;}
q:before, q:after, blockquote:before, blockquote:after {content: "";content: none;}
a img { border: none;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block;}

body {font-family: "Lucida Grande", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, sans-serif; font-size: 14px; line-height: 1.6; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%;}

/*====================================================
2.0 - Common
=====================================================*/
#top { margin:0; padding:0 0 30px 0;}
#top.top {background: url(../img/top/img-happynewyear.jpg) no-repeat top center !important; background-size: cover !important;}
#top.top2 {background: url(../img/top/img-happynewyear2.jpg) no-repeat top center !important; background-size: cover !important;}
#top.top3 {background: url(../img/top/img-happynewyear3.jpg) no-repeat top center !important; background-size: cover !important;}
#main { margin:0; padding:0; position:relative; z-index:999999}
#image-slider-val{ margin:0; padding:0; position:relative; transition: .2s;}
#top .container,
#footer .container { margin: 0 auto; width: 1300px; }
@media only screen and (max-width: 1300px){
	#top .container,
	#footer .container { margin: 0 auto; width: 80%;}
}
@media only screen and (max-width: 750px), screen and (max-height: 500px){
	#top .container{margin:0;}
}
#top #search .top-keywords dl a { color: #000; }
#banners a:hover img { text-decoration: none; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; opacity:0; }
#index-banners a:hover img { text-decoration: none; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; opacity:0; }
/* SmartPhone*/
#sp-logo{display:none;}
.scroll{ height:120px; overflow:scroll;}


/*====================================================
3.0 - Contents
=====================================================*/
/*header
---------------------------------*/
p#header-skipnavi {
    width: 0;
    height: 0;
    position: absolute;
    overflow: hidden;
}
#top #header {display:table; width: 646px; }
#top #header h1 {margin: 0 auto; display:table-cell; vertical-align:middle; text-align:center; width: 646px; height: 380px;  text-align: center; }


@media only screen and (max-width: 1000px) and (max-height: 925px){
   /* 高さ725px以下の場合 */
	#top #header h1{ height: auto; background:none; padding:0;}
	#top #header h1 img{height: 30vh;}
	#top #header h1.test img{height: 30vh;}
	.sp_logo{display:none;}
}
@media only screen and (max-width: 770px) and (max-height: 1024px){
		#top #header h1{ height: auto; background:none; padding:0;}
	#top #header h1 img{height: 29vh;}
}
@media only screen and (max-width: 760px){
   /* 高さ636px以上の場合 */
	.pc_logo{display:none;}
	}

@media only screen and (min-width: 1001px)and (max-height: 1000px){
   /* 高さ630px以下の場合 */
	#top #header h1{ height: auto; background:none; padding:0; }
	#top #header h1 img{height: 25vh;}
	#top #header h1.test img{height: 25vh;}
	.sp_logo{display:none;}
}

@media only screen and (max-height: 720px){
	.eto-img img {height: 40px;width: auto;}
}

@media only screen and (min-width: 1001px)and (min-height: 1000px) {
   /* 高さ631px以上の場合 */

}



/*search
---------------------------------*/
#top #search { width: 50%; margin: 0px auto 20px auto; }

@media only screen and (max-width: 1000px){
	#top #search { width: 81%;}
}

.custom-search{ margin-bottom:15px;text-align:center;}
#search-text[type=text] {
    padding: 4px;
    width: 415px!important;
    height: 40px!important;
    border: solid 1px #000;
    background-position: 7px 50% !important;
    font-size: 16px;
    line-height: 40px !important;
    outline: none;
	display:inline-block;
	vertical-align:top;
}
#but{border-radius: 3px;padding: 15px 5px;margin-left: 5px;background: #000000; /* Old browsers */
background: -moz-linear-gradient(top, #000000 1%, #414141 77%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #000000 1%,#414141 77%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #000000 1%,#414141 77%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#414141',GradientType=0 ); /* IE6-9 */}

#but:hover{background: #414141; /* Old browsers */
background: -moz-linear-gradient(top, #414141 23%, #000000 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #414141 23%,#000000 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #414141 23%,#000000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#414141', endColorstr='#000000',GradientType=0 ); /* IE6-9 */}
#top #search .top-keywords {margin-bottom: 30px;}
#top #search .top-keywords dl { margin: 0 auto; padding: 8px 20px 6px; border-radius: 3px; background:url(../img/top/banners_bg.png); overflow: hidden; *zoom: 1; }
#top #search .top-keywords dl dt { text-align:center; font-weight:bold; border-bottom:1px solid #ccc; }
#top #search .top-keywords dl dt img { margin-top: 4px; }
#top #search .top-keywords dl dd { }
#top #search .top-keywords ul { font-size: 0; text-align:center; }
#top #search .top-keywords ul li { display: inline-block; font-size: 16px; }
#top #search .top-keywords ul li:before { display: inline-block; content: '、'; }
#top #search .top-keywords ul li:first-child:before { display: none; }
#top #search .week_rank{ display:none; }
#top #search .week_rank caption{text-align:center;font-weight:bold;}
#top #search .week_rank table{width:100%;}
#top #search .week_rank th{ background:#333; color:#fff; text-align:center; border-right:1px solid #fff; }
/*検索ボックス*/
.gsc-input-box { border: 1px solid #D9D9D9 !important;}
.custom-search .gsc-input-box{padding:7px 0;}
.custom-search .gsc-input-box .gsib_a{padding:0 10px;height:25px;}
#gsc-iw-id1{padding: 10px 0 !important;}
.cse .gsc-search-button input.gsc-search-button-v2, input.gsc-search-button-v2{ margin-top:0 !important;}

/*banners
---------------------------------*/
#top #banners{padding:10px; background:url(../img/top/banners_bg.png);}
#top #banners:after { content: ""; display: block; clear: both; }
#top #banners ul { font-size: 0; text-align: center; }
#top #banners ul li {display: inline-block; margin-left: 7px; padding-left:7px; border-left:1px solid #999; font-size: 14px; }
#top #banners ul li a{display:block; width:230px; height:60px;}
#top #banners ul .menu01 a:hover{background:url(../img/top/bnr-hirado-en_on.png) top center no-repeat;}
#top #banners ul .menu02 a:hover{background:url(../img/top/bnr-hirado-time_on.png) top center no-repeat;}
#top #banners ul .menu03 a:hover{background:url(../img/top/bnr-hokkori-hirado_on.png) top center no-repeat;}
#top #banners ul .menu04 a:hover{background:url(../img/top/bnr-furusato-tax_on.png) top center no-repeat;}
#top #banners ul li:first-child {margin-left: 0; border-left:none; }
@media only screen and (max-width: 1000px){
	#banners ul{ display: flex; display: -webkit-flex; flex-direction: row; -webkit-flex-direction: row; -webkit-box-orient: block-axis; -webkit-flex-wrap:wrap; flex-wrap:wrap; }
	#banners .menu01{ order: 3; -webkit-order:3; -webkit-box-ordinal-group:3; }
	#banners .menu02{ order: 1; -webkit-order:1; -webkit-box-ordinal-group:1; }
	#banners .menu03{ order: 2; -webkit-order:2; -webkit-box-ordinal-group:2; }
	#banners .menu04{ order: 4; -webkit-order:4; -webkit-box-ordinal-group:4; }
	#top #banners ul li { margin:5px !important;padding:0;width:46%;border:none !important;background:#fff;float:left;}
	#top #banners ul li a{ width:auto !important; height:auto;}
}


/*190316改訂*/
#top #index-banners{padding:10px; background:url(../img/top/banners_bg.png);margin-bottom:15px;}
#top #index-banners:after { content: ""; display: block; clear: both; }
#top #index-banners ul { font-size: 0; text-align: center; }
#top #index-banners ul li {display: inline-block; margin-left: 7px; padding-left:7px; border-left:1px solid #999; font-size: 14px; }
#top #index-banners ul li a{display:block; width:180px; height:60px;}
#top #index-banners ul .menu01 a:hover{background:url(../img/top/ibn-hirado-en_on.png) top center no-repeat;background-size:180px;}
#top #index-banners ul .menu02 a:hover{background:url(../img/top/ibn-hirado-time_on.png) top center no-repeat;background-size:180px;}
#top #index-banners ul .menu03 a:hover{background:url(../img/top/ibn-hokkori-hirado_on.png) top center no-repeat;background-size:180px;}
#top #index-banners ul .menu04 a:hover{background:url(../img/top/ibn-bousai_on.png) top center no-repeat;background-size:180px;}
#top #index-banners ul .menu05 a:hover{background:url(../img/top/ibn-furusato-tax_on.png) top center no-repeat;background-size:180px;}
#top #index-banners ul li:first-child {margin-left: 0; border-left:none; }
@media only screen and (max-width: 1300px){
	#index-banners ul{ display: flex; display: -webkit-flex; flex-direction: row; -webkit-flex-direction: row; -webkit-box-orient: block-axis; -webkit-flex-wrap:wrap; flex-wrap:wrap; }
	#index-banners .menu01{ order: 3; -webkit-order:3; -webkit-box-ordinal-group:3; }
	#index-banners .menu02{ order: 1; -webkit-order:1; -webkit-box-ordinal-group:1; }
	#index-banners .menu03{ order: 2; -webkit-order:2; -webkit-box-ordinal-group:2; }
	#index-banners .menu04{ order: 4; -webkit-order:4; -webkit-box-ordinal-group:4; }
	#top #index-banners ul li { margin:5px !important;padding:0;width:46%;border:none !important;background:#fff;float:left;}
	#top #index-banners ul li a{ width:auto !important; height:auto;}
}
/*220905改訂 indexページ緊急情報が出た際にかぶらないように下げるcss*/
/*#index-banners{
	margin-top: 380px;
}

@media only screen and (max-width: 1000px){
	#index-banners{
	margin-top: 0;
	}
}*/

/*240205改定*/
#index-menu{
	text-align:center;
	background:rgba(255,255,255,0.9);
	padding:10px;
	margin-bottom:15px;
}
#index-menu ul{
	display:grid;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}
#index-menu ul li{
	vertical-align:top;
	border-right:1px solid #999;
}
#index-menu ul li:last-child{
	border:none;
}
#index-menu ul li.menu01 a:hover img{
	filter: drop-shadow(0px 0px 5px #e88aff);
}
#index-menu ul li.menu02 a:hover img{
	filter: drop-shadow(0px 0px 5px #51a2ff);
}
#index-menu ul li.menu03 a:hover img{
	filter: drop-shadow(0px 0px 5px #ff97c1);
}
#index-menu ul li.menu04 a:hover img{
	filter: drop-shadow(0px 0px 5px #ff9b6a);
}
#index-menu ul li.menu05 a:hover img{
	filter: drop-shadow(0px 0px 5px #80b056);
}
#index-menu ul li.menu06 a:hover img{
	filter: drop-shadow(0px 0px 5px #6fbcec);
}

@media only screen and (max-width:1300px){
	#index-menu ul{grid-template-columns: 1fr 1fr;gap:10px;}
	#index-menu ul li{border:none;background:#fff;}
}
@media only screen and (max-width: 750px), screen and (max-height: 500px){
	#index-menu{background:url(../img/top/background.gif);}
}

/*footer
---------------------------------*/
#footer { min-height:76px; padding: 15px 0;  background: #000; opacity:1; overflow: hidden; *zoom: 1; position:relative; z-index:9999999999; }
@media only screen and (max-width: 1000px){
	#footer { min-height:107px }
}
#footer .address { float: left; }
#footer .address img { float: left; }
#footer .address p { margin-left: 208px; color: #fff; }
#footer .address a {color:#fff;}
#footer .contact { float: right; }
#footer .contact a { display: inline-block; }
#footer .contact a img { vertical-align: bottom; }
#footer .copyright{ color:#fff; clear:both; text-align:center; padding-top:10px; }

/*220905改訂 indexページ緊急情報が出た際にかぶらないように下げるcss*/
/*#footer {
	top: 470px;
}
@media only screen and (max-width: 1000px){
	#footer {
	top: 0;
}
}*/

/*====================================================
4.0 - jQuery FlexSlider v2.6.0
=====================================================*/
/*スマートフォン用*/
#flexslider-container-sp{display:none;}
/*FlexSlider全体枠*/
#flexslider-container{position:absolute;top:0; z-index:-1;}
.flex-container a:hover,.flex-slider a:hover { outline: none; }
.slides,.slides > li,.flex-control-nav,.flex-direction-nav { margin: 0; padding: 0; list-style: none; }
.flex-pauseplay span { text-transform: capitalize; }
.flexslider { margin: 0; padding: 0; background:#fff !important; }
.flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; }
.flexslider .slides:after { display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
html[xmlns] .flexslider .slides { display: block; }
* html .flexslider .slides { height: 1%; }
.no-js .flexslider .slides > li:first-child { display: block; }
/*.flexslider img{ min-width:1000px!important; }*/
.flexslider { margin: 0px; position: relative; left:0; top:0; zoom: 1; }
.flexslider .slides { zoom: 1; }
.flexslider .slides img { height: auto; width:auto; -moz-user-select: none; position:relative; transform-origin:bottom center; display: block; }
.flexslider ul.slides li#type6 {background-image: url("../img/top/img-slide-06.jpg")!important;}
.flexslider ul.slides li#type5 {background-image: url("../img/top/img-happynewyear.jpg")!important; background-position: top;}
@media only screen and (min-width: 2000px){
	.flexslider .slides img { width:100%; height:auto; }
}
.flexslider ul.slides{ z-index:-1}
.carousel li { margin-right: 5px; }
.flex-direction-nav { *height: 0; }
.flex-direction-nav a { text-decoration: none; display: block; width: 40px; height: 40px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(0, 0, 0, 0.8); }
.flex-control-nav { width: 30px; position: absolute; bottom: 50%; right:35px; z-index:9999999;}
.flex-control-nav li { margin:15px; display:block; width: 16px; height: 16px; overflow:hidden; }
.flex-control-paging li a { width: 16px; height: 16px; display: block; background: #666; background: rgba(255, 255, 255, 0.5); cursor: pointer;  text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; overflow:hidden;-webkit-tap-highlight-color:#ff0000; }
.flex-control-paging li a:hover { background: #fff; background: rgba(255, 255, 255, 0.7);-webkit-tap-highlight-color:#ff0000; }
.flex-control-paging li a.flex-active { background: #fff;background: rgba(255, 255, 255, 0.9); cursor: default;}
.flex-control-thumbs { margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li { width: 25%; float: left; margin: 0;}
.flex-control-thumbs img { width: 100%; height: auto; display: block; opacity: .7;  cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1; }
.flex-control-thumbs .flex-active {opacity: 1; cursor: default; }

/*停止・再生*/
.flex-pauseplay { color:#fff; position: absolute; bottom: 46%; right:30px; z-index:9999999; color:fff;}
/*停止・再生*/
a.flex-pause{ cursor:pointer; width:24px; height:24px; display:block; background:url(../img/top/pauseplay.png); text-indent: -9999px; overflow:hidden; }
a.flex-play { cursor:pointer; width:24px; height:24px; display:block; background:url(../img/top/play.png);text-indent: -9999px; overflow:hidden; }
/*カメラキャプション*/
.flexslider p.flex-caption { top: 10px; right: 15px; color: #fff; display: block; z-index: 1; position: absolute; padding-left:25px; background:url(../img/top/camera.png) no-repeat left center; }
.flexslider p.flex-caption-bk { top: 10px; right: 15px; color: #000; display: block; z-index: 1; position: absolute; padding-left:25px; background:url(../img/top/camera-bk.png) no-repeat left center; }




/*====================================================
5.0 - CSS-Add
=====================================================*/
body{ background:#fff;}/*2016.3.08変更*/
ul.slides li img { width:100%!important;  height:100%!important; }
ul.slides li img { visibility:hidden;}
ul.slides li{ width:100%!important;  background-size:cover;  background-position:center center; }

ul.slides li#type1 {background-image: url("../img/top/img-slide-01.jpg")!important;}
ul.slides li#type2 {background-image: url("../img/top/img-slide-02.jpg")!important;}
ul.slides li#type3 {background-image: url("../img/top/img-slide-03.jpg")!important; background-position:center bottom;}
ul.slides li#type4 {background-image: url("../img/top/img-slide-04.jpg")!important;}
ul.slides li#type7 {background-image: url("../img/top/img-slide-sample.gif")!important;}
div.videowrapper{ width: 100%; height: 100%; position:relative; overflow:hidden!important;}/*2016.3.08追加変更*/
div.videowrapper .videowrap { display: block; position: absolute; top:0; background-size: cover; overflow:hidden!important; }/*2016.3.08追加変更*/
div.videowrapper .videowrap video { width: 100%; height:auto;}/*2016.3.08追加変更*/

ul.slides li#type3-t {background-image: url("../img/top/img-slide-01.jpg")!important;}
ul.slides li#type2-t {background-image: url("../img/top/img-slide-02.jpg")!important; }
ul.slides li#type4-t {background-image: url("../img/top/img-slide-03.jpg")!important;background-position:center bottom;}
ul.slides li#type-hitotsuku-t {background-image: url("../img/top/img-slide-hitotsuku.jpg")!important;background-position:center bottom;}
ul.slides li#type-kasuganotanada {background-image: url("../img/top/img-slide-kasuganotanada.jpg")!important;background-position:center bottom;}
ul.slides li#type-hiradomachinami {background-image: url("../img/top/img-slide-hirado-machinami.jpg")!important;background-position:center bottom;}
ul.slides li#type-hiradomachinami2 {background-image: url("../img/top/img-slide-hirado-machinami2.jpg")!important;background-position:center bottom;}

.flex-caption-pc{position: absolute;top: 10px; right: 15px; color: #fff; display: block; z-index: 1; position: absolute; padding-left:25px; background:url(../img/top/camera.png) no-repeat left center;}



/* -------------------------------------------------------------------------
 緊急情報
------------------------------------------------------------------------- */
#top-kinkyu {
	display: none;
	width: 100%;
	max-width: 1000px;
	margin: 10px auto;
	background: #fff;
	border: 2px solid #B70000;
	box-sizing: border-box;
}
#top-kinkyu.kinkyu_active {
	display: block;
}
#top-kinkyu h2 {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	width: 100%;
	min-height: 38px;
	padding: 0 10px;
	color: #FFF;
	background: #B70000;
	box-sizing: border-box;
}
#top-kinkyu h2 span {
	font-size: 135%;
}
#top-kinkyu h2 img {
	margin-right: 10px;
}

.top-kinkyu-inner {
	padding: 10px;
}
.top-kinkyu-inner p {
	padding: 10px 4px;
	font-size: 110%;
	line-height: 1.6;
	border-bottom: 1px dotted #000;
}
.top-kinkyu-inner p:last-child {
	margin-bottom: 0;
	border-bottom: none;
}