@charset "UTF-8";

/* ===================================================================

	Setting

=================================================================== */
html { color:#333; background:#FFF; line-height:1.6; text-align:left; font-size:65.5%; }
body { font-size:1.5rem; font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro'; overflow-x:hidden; }
img { max-width:100%; height:auto; }
.containar { width: 95%; max-width: 1200px; margin: 0px auto; }
.containar:after { content:""; display:block; clear:both; }


.sp { display:none; }
.pc { display:block; }
.main_wrapper { overflow:hidden;}

　　/* link set
	------------------------------------------------------------------- */
	a { color:#5B463F; text-decoration:none; transition:0.3s ease-in-out; }
	a img { transition:0.3s ease-in-out; }
	a:hover { color:#47676F; }

	/* float対策：背景色表示用
	------------------------------------------------------------------- */
	.clearfix:after { display: block; clear: both; height: 0px; line-height: 0px; visibility: hidden; content: "."; }
	.clearfix {	display: block; /* for IE8 */ }
	.both { clear:both ;}
	.hidden { display: none; }

	/* 	imgホバーアクション
	------------------------------------------------------------------- */
	.imgWrap { overflow: hidden; width: 100%;　height: auto; cursor: pointer; background-color: #ffffff; }
	.imgWrap img { display: block; transition-duration: 0.3s; margin-top: -1px; }
	.imgWrap img:hover  {opacity: 0.6; transition: all .3s; }

	/* 	背景画像＆テキスト使用時
	------------------------------------------------------------------- */
	.bg { display: block; text-indent: -9999px; background-repeat: no-repeat; background-position: left top; }
　　/* 	テキスト指定
	------------------------------------------------------------------- */
　　.min { font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, serif, sans-serif; }


/* ===================================================================

	Header

=================================================================== */
body > header { width:100%; height:190px; margin:0 auto; background:#FFF; z-index:9999;padding-top: 40px;}
body > header * { transition:0.3s ease-in-out; }
body > header:after { content:""; display:block; clear:both; }
body > header .logo { float:left; padding:18px 0px 0px 30px; margin-right: 20px;}
body > header h1 { }
body > header h1 p { }
body > header h1 a:hover { top:-5px; }
body > header p { position:absolute; left:185px; top:10px; font-size:0.9rem; color:#999; }

	      /* header containar
		  ------------------------------------------------------------------- */
		  body > header .containar { display: flex;  -webkit-box-pack: justify;  -ms-flex-pack: justify;   justify-content: space-between; }


		  /* h_l h_r
		  ------------------------------------------------------------------- */
		  body > header .h_l { width:20%; text-align: left; margin-top: 15px; }
		  body > header .h_r { width:80%; }


		  /* mini
		  ------------------------------------------------------------------- */
		  body > header .mini { width: 100%;}
		  body > header .mini ul.ddmenu { width:100%; height:auto; position:relative; }
		  body > header .mini ul.ddmenu:after { content:""; display:block; clear:both; }
		  body > header .mini ul.ddmenu li { float:right; margin: 12px 16px 0; height:50px;}
		  body > header .mini ul.ddmenu li.small { margin: 12px 10px 0;}
		  body > header .mini ul.ddmenu li img { width:100%;}
		  body > header .mini ul.ddmenu li a {
			  display:block;
			  height:100%;
			  text-align:center;
			  font-size:1.3rem;
			  color:#47676F;
			  position:relative;
			  letter-spacing:2px;
			  padding-top:0;
			  text-decoration:none;
			  font-weight: bold;
			  line-height:50px;
		  }
		  body > header .mini ul.ddmenu li.small a { font-size:0.6em;}


		  /* nav
		  ------------------------------------------------------------------- */
		  body > header nav { width: 100%; }
		  body > header nav ul.ddmenu { width:100%; height:auto; position:relative; }
		  body > header nav ul.ddmenu:after { content:""; display:block; clear:both; }
		  body > header nav ul.ddmenu li { float:right; margin: 51px 25px; }
		  body > header nav ul.ddmenu li a {
			  display:block;
			  height:100%;
			  text-align:center;
			  font-size:1.3rem;
			  color:#47676F;
			  position:relative;
			  letter-spacing:2px;
			  padding-top:0;
			  text-decoration:none;
			  font-weight: bold;

		  }
		  body > header nav ul.ddmenu li a::after {border-bottom: solid 2px #f00;
		  bottom: 0;
		  content: "";
		  display: block;
		  position: absolute;
		  right: 0;
		  transition: all .3s ease;
		  -webkit-transition: all .3s ease;
		  width: 0;
		}
		body > header nav ul.ddmenu li a:hover::after {	width: 100%;}
		  body > header nav ul.ddmenu li.ins { position:absolute; right:-60px; top:29px; }
		  body > header nav ul.ddmenu li.small_icon { margin:45px 15px; }


/* ===================================================================
	/
	/	smh_menu　トグルメニュー
	/
	=================================================================== */
	#smh_menu { display: none; }
	
	.page-tit { background-color:#d7120a; text-align:center;}
    .page-tit h1 { padding: 1.2em 0;font-size: 2.1rem;line-height: 1.1; color:#ffffff;font-weight: 700; padding-top:40px; padding-bottom:40px; }

/* ===================================================================
	/
	/	main image
	/
	=================================================================== */
	#main_img{
		background: url(../images/main_bg.jpg) center;
		background-repeat: no-repeat;
		background-size:cover;
		position: relative;
		height:500px;
	}
	.maintext{
		background: rgb(0 0 0 / 63%);
		padding: 2% 4%;
		color: #fff;
		text-align: center;
		position: absolute;
	    top: 50%;
	    left: 50%;
	    transform: translateY(-50%) translateX(-50%);
	}
	.maintext h2{
		margin-bottom: 20px;
        font-size: 1.3em;
		letter-spacing:0.25em;
		line-height:1.5;

	}
	.maintext p{
		line-height: 2;
		font-size: 0.8em;
        letter-spacing: 0.3em;
	}
	.maintext img{
		width:80%;
		margin-bottom: 30px;

	}
	.mainlogo {
		position: absolute;
		bottom: 0;
		left: 0;
	}


	.top_text { background-color:rgba(24,34,61,0.6); padding: 2px 0; }
	.top_text p { color:#fff; letter-spacing:1px; text-align:right; padding-right:1%; }



/* ===================================================================
	/
	/	news
	/
	=================================================================== */
	.news {	padding: 60px 0 0;}
	.news .containar h2 a span { font-size:1.4rem; }

	.topix{
    width: 100%;
    margin: 0 auto;
    padding-bottom: 30px;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    justify-content: space-around;
    flex-flow: row wrap;
    }
		.slider {
			justify-content: unset;
		}
		.slider dl {
			padding: 0 10px;
		}
	.topix .e_back {
    padding: 0.5em;
    background: #fff;
    border: 1px solid #ccc;
	border-bottom:2px solid #e72014;
    border-radius: 5px;
    text-align: center;
    position: relative;
    width: auto;
    margin-top: 10px;
}

.topix h4{ font-size: 16px;    position: relative;    font-weight: bold;    color: #319841;    margin-bottom: 20px;    position: absolute;    top: -50px;    right: 0;    left: 0;    margin: auto;    width: 80%;}
.topix dl {
    width: 24%;
}

.topix dt {
    width: 100%;
    height: 200px;
    position: relative;
    overflow: hidden;
}
.topix dl dt img {
    height: auto;
    min-width: 100%;
    min-height: 100%;
    max-width: inherit;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

.topix dl dd.time {
    text-align: left;
    margin-top: 15px;
    background: #eceaea;
    padding: 0.3em 1em;
    font-size: 14px;
    color: #4e4949;
    font-weight: bold;
    letter-spacing: 1px;
}
.topix .event-txt {
    height: 64px;
    overflow-y: hidden;
    font-size: 14px;
    letter-spacing: 0.1em;
    padding-top: 10px;
	padding-left: 1em;
	text-align:left;
	color: #000;
}

.topix_list {
	text-align: right;
	margin-bottom: 10px;
	margin-right: 10px;
}
.topix_list a {
	color: #333;
	text-decoration: underline;
}

.sidenews .e_back { margin-bottom:15px;}
.sidenews h2 { }

/* ===================================================================
	/
	/	Gallery
	/
	=================================================================== */
	.gallery {	padding: 60px 0;}
	.gallery .containar h2 a span { font-size:1.4rem; }
	.gallery .containar p { margin-bottom:20px;}
	.gallery .topix dl {width: 32%;}
	.gallery .topix .e_back {
    background: #e8e5e5;
    border-radius: 5px;
	border:none;
    text-align: center;
    position: relative;
    width: auto;
    margin-top: 10px;
	padding:0;
}
	.sidegallery .topix dl {width: 100%;}
	.sidegallery .topix dl dt img {
		height: auto;
		min-width: 100%;
		min-height: 100%;
		max-width: inherit;
		position: relative;
		left: auto;
		top: auto;
		transform: none;
		-webkit-transform: none;
		-ms-transform: none;
		object-fit: contain;
		
	}
	.sidegallery .topix .event-txt {height: 41px;}
	.sidegallery .topix .e_back  { margin-bottom: 20px;}

.bx-wrapper {
	max-width: unset !important;
	box-shadow: unset !important;
	border: none !important;
	background: unset !important;
}


		/* js
		--------------------------------------------------------- */
		.flickity-enabled { position:relative; }
		.flickity-enabled:focus { outline:none; }
		.flickity-viewport { position:relative; height:100%; }
		.flickity-slider { position:absolute; width:100%; height:100%; }

		.flickity-enabled.is-draggable { -webkit-tap-highlight-color:transparent; tap-highlight-color:transparent; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; }
		.flickity-enabled.is-draggable .flickity-viewport { cursor:move; cursor:-webkit-grab; cursor:grab; }
		.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down { cursor:-webkit-grabbing; cursor:grabbing; }

		.flickity-prev-next-button { position:absolute; top:50%; width:44px; height:44px; border:none; border-radius:50%; background:#fff; background:hsla(0,0%,100%,0.75); cursor:pointer; -webkit-transform:translateY(-50%); transform:translateY(-50%)}
		.flickity-prev-next-button:hover { background:#fff; }
		.flickity-prev-next-button:focus { outline:none; box-shadow:0 0 0 5px #09F; }
		.flickity-prev-next-button:active { opacity:.6; }
		.flickity-prev-next-button.previous { left:2%; margin-left:0; }
		.flickity-prev-next-button.next { right:2%; margin-right:0; }
		.flickity-rtl .flickity-prev-next-button.previous { left:auto; right:10px; }
		.flickity-rtl .flickity-prev-next-button.next { right:auto; left:10px; }
		.flickity-prev-next-button:disabled { opacity:.3; cursor:auto; }
		.flickity-prev-next-button svg { position:absolute; left:20%; top:20%; width:60%; height:60%; }
		.flickity-prev-next-button .arrow { fill:#0079a4; }
		.flickity-page-dots { display: none; position:absolute; width:100%; bottom:20px; padding:0; margin:0; list-style:none; text-align:center; line-height:1; z-index:100; }
		.flickity-rtl .flickity-page-dots { direction:rtl; }
		.flickity-page-dots .dot { display:inline-block; width:12px; height:12px; margin:0 8px; background:#0079a4; border-radius:50%; opacity:.45; cursor:pointer; }
		.flickity-page-dots .dot.is-selected { opacity:1; }







/* ===================================================================
	/
	/	ボタン
	/
	=================================================================== */
	.btn_link {
    color: #4e4c4c;
    font-weight: 600;
    font-size: 16px;
    text-align: center;
    display: inline-block;
    padding: 19px 30px;
	margin: 0;
	margin-top: 15px;
    min-width: 320px;
    position: relative;
    /*border: 2px solid #4e4c4c;*/
	border-radius: 7px;
	background: #fff;
    background-image: url(../images/link_arow.png);
    background-repeat: no-repeat;
    background-position: 95% 50%;
	}
	.btn_link:hover {
		color: #fff;
		background: #191919;
		background-image: url(../images/link_arow2.png);
		background-repeat: no-repeat;
		background-position: 95% 50%;
	}



/* ===================================================================
	/
	/	共通
	/
	=================================================================== */
	h2 {font-size: 2em; letter-spacing: 2px; line-height: 1; margin-bottom: 1em; text-align: center;}
	h2 span {font-size: 0.4em;}
	h3 {
	font-size: 1.5em;
	letter-spacing: 2px;
	margin-bottom: 0.8em;
	line-height:1.5;
}
	.containar p{line-height: 30px;; letter-spacing: 2px;}
	.containar .f_box { display:flex;}
	.containar .f_box .inbox { width:50%; margin:2%; }
	.containar .f_box .inbox h3 { margin-bottom: 20px; text-align: left; color: #000;}
	.containar .f_box .inbox p { margin-bottom: 60px; text-align: left;}
	.containar .f_box .b01 { order:1;}
	.containar .f_box .b02 { order:2;}
	.containar .f_box .btn_link {
    text-align: center;
    border: 2px solid #FFCC00;
	}
	.containar .f_box .btn_link02 {
		font-size:16px;
	}
	.containar .f_box .btn_link:hover {
		color: #fff;
		background: #FFCC00;
	}
	.containar .f_box .btn_link img {width: 30%; margin-right: 20px;}





/* ===================================================================
	/
	/	s1
	/
	=================================================================== */
	.s1 { padding: 70px 0; text-align:center;  }
	.s1 h3 { color:#fff; }
	.s1 p { color:#fff; }
	.s1 .copybox_wrap { background: url(../images/copybox_wrap_bg.jpg) center; background-repeat: no-repeat;  background-size: cover;  position: relative; }
	.s1 .copybox {max-width: 549px; margin: 0 auto; }
	.s1 .containar { padding: 86px 0; }






/* ===================================================================
	/
	/	footer
	/
	=================================================================== */
	 footer { background-color: #E72014;
		color: #fff;
		padding: 50px 0 10px;
		 }
	 footer .containar .footer_area {
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
	 }
	 footer .containar .footer_area .area01 {
		 width:56%;
		 padding-bottom:50px;
		 text-align: left;
	 }
	 footer .containar .footer_area .area01 h2 {
		 margin-bottom:0.5em;
	 }
	 footer .containar .footer_area .area01 p  {
		 font-size:0.8em
	 }
	 footer .containar .footer_area .area01 p a {
		 padding: 0px 19px;
         font-size: 0.8em;
		 text-decoration:none;
	}
		footer .containar .footer_area .area01 .f_logo {
			margin-bottom: 20px;
		}
	 /*footer .containar .footer_area .area01 p a:hover {
		 border-bottom:1px solid #FFCC00;
	 }*/

	 footer .containar .footer_area .area01 .area01_flex {
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
		-ms-flex-pack: distribute;
		justify-content: space-around;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		margin-bottom:30px;
	 }
	 footer .containar .footer_area .area01 .f_img_area {
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
		-ms-flex-pack: distribute;
		justify-content: space-around;
		margin:30px 0 50px;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		height:auto;
	 }
	 footer .containar .footer_area .area01 .f_img_area a img { height:auto; }
	 footer .containar .footer_area .area01 .f_img_area_2 {
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
		-ms-flex-pack: distribute;
		justify-content: space-around;
		margin:30px 0;
		display:none;
	 }
	 footer .containar .footer_area .area02 {
		 width:40%;
		 margin-left:4%;
	 }
	 footer .containar .footer_area .area02 .tel_area {
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		flex-wrap:wrap;
	 }
	 footer .containar .footer_area .area02 .tel_area li {
		 width:48%;
		 text-align:left;
		 padding:3px;
		 font-size: 0.9em;
	 }
	 footer .containar .footer_area .area02 .tel_area li a {
		 text-decoration:none;
		 color: #fff;
	 }
	 footer .containar .footer_area .area02 .tel_area li a:hover {
		 opacity:0.5;
	 }
	 footer .containar .footer_area .area02 dl{
		 overflow:hidden;
	 }
	 footer .containar .footer_area .area02 dl dt, footer .containar .footer_area .area02 dl dd {
		 font-size:16px;
		 letter-spacing:1px;
		 float:left;
		 margin-bottom:25px;
	 }
	 footer .containar .footer_area .area02 dl dt {
		width: 18%;
		padding-right: 20px;
	 }
	 footer .containar .footer_area .area02 dl dd {
		width: 82%;
		padding-left:10px;
	 }
	 footer .containar .footer_area .area02 .f_img_area {
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
		-ms-flex-pack: distribute;
		justify-content: space-around;
		margin:30px 0;
	 }
	 footer p.map span{background: #fff; border-radius: 25px;}
	 footer p.map a{ color:#000;}

	.copyright { text-align:center; font-size: 0.3em; }

	#pageTop { position: fixed; bottom: 20px; right: 20px; }
	#pageTop a { display: block; z-index: 999; padding: 8px 0 0 0px; }
	#pageTop a:hover { text-decoration: none; opacity: 0.7; }


	footer.entry-meta {
    background-color: #fff;
    color: #000;
    padding: 0;
}




/* ================================================================
/
/	WP
/
=================================================================== */

.post .site-content {
    max-width: 1200px;
	width: 100%;
    margin: 0 auto;
    padding: 50px 0 70px;

}
.post main { padding-top:0; display:flex;}

#primary {
    width: 66%;
    margin-right: 9%;
}
#primary.site-content {
    padding: 0;
}
#secondary {
    width: 25%;
	margin:0;
}
