@charset "utf-8";

/* ==================================================
Heading
================================================== */
.main_heading {
	margin: 0 0 37px;
	color: #705000;
	background-color:transparent;
}
.main_heading h2,
.main_heading p {
	display: inline-block;
	vertical-align: middle;
}
.main_heading h2 {
	padding-left: 70px;
	min-height: 48px;
	font-size: 222.22%;
	line-height: 1.3;
	letter-spacing: 0.1em;
	color: inherit;
	background: transparent url(/shared/templates/oogahasu_top/images/icon_ttl.png) left center no-repeat;
}
.main_heading p {
	margin-left: 27px;
	letter-spacing: 0.08em;
	font-family:Arial, Helvetica, sans-serif;
}
/* ==================================================
slick
================================================== */
.slick-dots{
	display: none !important;
}
.slick_control{
	text-align: center;
}
.slick_control .btn_slides {
	display: inline-block;
	text-transform: uppercase;
	font-weight:bold;
	font-size:88.89%;
	min-width: 80px;
}
.slick_control .btn_slides a {
	outline:none;
	padding: 4px 10px 2px;
	min-height: 30px;
	display: block;
	border: 2px solid #705000;
	color: #ffffff;
	background-color: #705000;
	border-radius: 40px;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	text-decoration: none;
	transition: background-color 0.3s ease-in-out;
	-moz-transition: background-color 0.3s ease-in-out;
	-webkit-transition: background-color 0.3s ease-in-out;
}
.slick_control .btn_slides a span{
	line-height: 1.2;
}
.slick_control .btn_slides a:focus,
.slick_control .btn_slides a:hover {
	color: #705000;
	background-color: #ffffff;
	transition: background-color 0.3s ease-in-out;
	-moz-transition: background-color 0.3s ease-in-out;
	-webkit-transition: background-color 0.3s ease-in-out;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.slick_control .btn_slides a:focus{
		outline-color: #000000;
		outline-offset: 0;
		outline-style: auto;
		outline-width: 5px;
	}
}
.slick_control{
	 margin-top: 23px;
}
.slick_control .btn_slides span {
	position: relative;
	display: block;
	z-index: 1;
	line-height: 1.3;
	width: 100%;
	height: auto;
	text-indent: inherit;
}
.slick-arrow{
	margin-top: -15px;
	color: inherit;
	width: 30px;
	height: 30px;
	display: block;
	text-indent: -9999em;
}
.slick-prev{
	left: -14px;
	background: transparent url(/shared/templates/oogahasu_top/images/icon_prev.png) no-repeat !important;
}
.slick-next{
	right: -14px;
	background: transparent url(/shared/templates/oogahasu_top/images/icon_next.png) no-repeat !important;
}
.slick-prev:hover,
.slick-prev:focus{
	background: transparent url(/shared/templates/oogahasu_top/images/icon_prev_hvr.png) no-repeat !important;
}
.slick-next:hover,
.slick-next:focus{
	background: transparent url(/shared/templates/oogahasu_top/images/icon_next_hvr.png) no-repeat !important;
}
/* ==================================================
Mainvisual
================================================== */
#tmp_mainvisual,
.edit_mainvs{
	position: relative;
	z-index: 1;
	margin:68px 77px 80px 0;
	float: right;
	width: 416px;
}
#tmp_mainvisual:after{
	content: '';
	position: absolute;
	left: -97px;
    top: -121px;
	z-index: 0;
	width: 739px;
	height: 663px;
	color: inherit;
	background: transparent url(/shared/templates/oogahasu_top/images/bg_mainvisual.png) no-repeat;
}
.mainvisual_box{
	position: relative;
	z-index: 5;
	padding: 8px 8px 26px;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	color: #111111;
	background-color: #FFFFFF;
}
.mainvisual_box .mainvisual_title{
	padding: 6px 0;
	font-weight: bold;
	color: #705000;
	background-color: #FFFFFF;
	font-size: 133.33%;
	text-align: center;
	line-height: 1.2;
}
.mainvisual_box .gallery_image{
	margin-bottom: 9px;
}
.mainvisual_box .gallery_image img{
	vertical-align: top;
	width: 100%;
	height: auto;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}
.mainvisual_box .gallery_cap {
	padding: 0 6px;
	font-size:88.89%;
}
.mainvisual_box .mainvisual_date {
	margin-bottom: 3px;
	font-weight: bold;
	line-height: 1.3;
}
.mainvisual_box .mainvisual_summary {
	color: #4c830a;
	line-height: 1.3;
}
/* mainvisual_link */
.mainvisual_link{
	position: relative;
	z-index: 5;
	text-align: center;
	margin-top:-21px;
}
.mainvisual_link p {
	display:inline-block;
	min-width: 220px;
	font-size: 112.5%;
}
.mainvisual_link a{
	padding: 4px 15px 3px;
	font-weight: bold;
	display: block;
	color: #FFFFFF;
	background-color: #4c830a;
	border: 2px solid #4c830a;
	border-radius: 40px;
	-moz-border-radius: 40px;
	-webkit-border-radius: 40px;
	text-decoration: none;
	transition: 0.3s all ease-in-out;
	-moz-transition: 0.3s all ease-in-out;
	-webkit-transition: 0.3s all ease-in-out;
}
.mainvisual_link a:hover,
.mainvisual_link a:focus {
	color: #4c830a;
	background-color: #FFFFFF;
	text-decoration: none;
	transition: 0.3s all ease-in-out;
	-moz-transition: 0.3s all ease-in-out;
	-webkit-transition: 0.3s all ease-in-out;
}
/* ==================================================
attention
================================================== */
#tmp_attention {
	margin:0 0 90px;
	clear:both;
}
#tmp_attention_visual .attention_gallery{
	padding: 0 20px;
}
#tmp_attention_visual .slick_slides{
	margin: 0 -3px;
}
#tmp_attention_visual .attention_slide{
	padding: 0 3px;
	margin-bottom: 6px;
	float: left;
	width: 33.333333%;
}
#tmp_attention_visual .attention_slide:nth-child(3n){
	clear: right;
}
#tmp_attention_visual .attention_slide:nth-child(3n+1){
	clear: left;
}
.attention_box{
	padding: 5px;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	background: -moz-linear-gradient( 20deg, rgb(240,114,173) 0%, rgb(222,190,113) 100%);
	background: -webkit-linear-gradient( 20deg, rgb(240,114,173) 0%, rgb(222,190,113) 100%);
	background: -ms-linear-gradient( 20deg, rgb(240,114,173) 0%, rgb(222,190,113) 100%);
	transition: background 0.3s ease-in-out;
	-moz-transition: background 0.3s ease-in-out;
	-webkit-transition: background 0.3s ease-in-out;
}
.attention_box.active{
	color: #ffffff;
	background: #4c830a;
	transition: background 0.3s ease-in-out;
	-moz-transition: background 0.3s ease-in-out;
	-webkit-transition: background 0.3s ease-in-out;
}
.attention_box .attention_image{
	height: 197px;
	overflow: hidden;
}
.attention_box .attention_image img{
	border-radius: 8px 8px 0 0;
	-moz-border-radius: 8px 8px 0 0;
	-webkit-border-radius: 8px 8px 0 0;
	width: 100%;
	height: auto;
}
.attention_box .attention_cap{
	padding: 15px 15px 10px;
	border-radius: 0 0 8px 8px;
	-moz-border-radius: 0 0 8px 8px;
	-webkit-border-radius: 0 0 8px 8px;
	font-weight: bold;
	color: #111111;
	background-color: #ffffff;
}
.attention_box .attention_cap .attention_info{
	min-height: 3em;
	line-height: 1.2;
}
.attention_info p{
	font-size: 111.1%;
}
.attention_info p a{
	text-decoration: none;
	color: #4c830a;
	background-color: #ffffff;
	display:inline-block;
}
.attention_box.active .attention_info p a,
.attention_info p a:hover,
.attention_info p a:focus{
	text-decoration: underline;
}
.attention_box .attention_date p{
	font-size: 88.89%;
}
/* ==================================================
ogahas_intro
================================================== */
#tmp_ogahas_intro{
	padding: 96px 0 114px;
	color: #111111;
	background: #fef4f6 url(/shared/templates/oogahasu_top/images/bg_ogahasu.png) center top no-repeat;
	clear:both;
}
#tmp_ogahas_intro .main_heading{
	margin-bottom: 69px;
}
#tmp_ogahas_intro .intro_cnt{
	padding: 0 0 0 5px;
}
.intro_flex{
	margin: 0 -20px 77px;
}
.intro_flex .intro_cap,
.intro_flex .intro_image{
	padding: 0 20px;
	float: left;
	width: 50%;
}
.intro_flex .intro_cap .intro_ttl{
	position: relative;
	padding: 10px 50px 8px;
	margin-bottom: 31px;
	min-height: 60px;
	color: #000000;
	background: transparent url(/shared/templates/oogahasu_top/images/bg_ttl.png) no-repeat;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	font-size: 144.44%;
	font-weight: bold;
	text-align: center;
	background-size: cover;
	-webkit-background-size: cover;
}
.intro_flex .intro_cap .intro_ttl p{
	position: relative;
	z-index: 5;
}
.intro_flex .intro_cap .intro_ttl:after{
	position: absolute;
	left: 50%;
	bottom: -26px;
	margin-left: -15px;
	content: '';
	width: 30px;
	height: 26px;
	color: inherit;
	background: transparent url(/shared/templates/oogahasu_top/images/arrow_ttl.png) no-repeat;
}
.intro_flex.intro_top .intro_cap .intro_ttl:before,
.intro_flex.intro_bottom .intro_cap .intro_ttl:before{
	content: '';
	position: absolute;
	color: inherit;
}
.intro_flex.intro_top .intro_cap .intro_ttl:before{
	top: -25px;
	left: 21px;
	width: 76px;
	height: 63px;
	background: transparent url(/shared/templates/oogahasu_top/images/icon_question.png) no-repeat;
}
.intro_flex.intro_bottom .intro_cap .intro_ttl:before{
	top: -38px;
	right: 22px;
	width: 91px;
	height: 83px;
	background: transparent url(/shared/templates/oogahasu_top/images/icon_map.png) no-repeat;
}
.intro_flex .intro_cap .intro_summary {
	line-height: 2.1;
}
.intro_flex .intro_cap .intro_summary span {
	font-weight: bold;
    background: linear-gradient(transparent 80%, #fde470 20%);
}
.intro_flex .intro_image img{
	max-width: 100%;
	height: auto;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}
.intro_entries_wrap{
	overflow: hidden;
}
.intro_entries_list{
	list-style: none;
	padding: 0;
	margin: 0 -12px;
}
.intro_entries_list li{
	padding: 0 12px;
	margin: 0 0 21px;
	float: left;
	width: 33.3333333%;
}
.intro_entries_list li:nth-child(3n){
	clear: right;
}
.intro_entries_list li:nth-child(3n+1){
	clear: left;
}
.entries_box .entries_image{
    width: 100%;
    height: 163px !important;
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
}
.entries_box .entries_image img {
	position: absolute;
    width: 100%;
    height: auto;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.entries_box .entries_image:after{
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	border: 4px solid transparent;
	border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
	transition: 0.3s all ease-in-out;
	-moz-transition: 0.3s all ease-in-out;
	-webkit-transition: 0.3s all ease-in-out;
}
.intro_entries_list li .entries_box.active .entries_image:after,
.intro_entries_list li .entries_box:hover .entries_image:after,
.intro_entries_list li .entries_box:focus .entries_image:after {
	border-color: #4c830a;
	transition: 0.3s all ease-in-out;
	-moz-transition: 0.3s all ease-in-out;
	-webkit-transition: 0.3s all ease-in-out;
}
.entries_box .entries_cap{
	padding: 17px 0 0;
}
.entries_box .entries_txt{
	line-height: 1.8;
	font-size: 88.89%;
}
.entries_box .entries_ttl{
	margin-bottom: 7px;
	font-size: 111%;
	font-weight: bold;
}
.entries_box .entries_ttl a {
	text-decoration: none;
	color: #416f09;
	background-color: transparent;
}
.entries_box.active .entries_ttl a,
.entries_box .entries_ttl a:hover,
.entries_box .entries_ttl a:focus{
	text-decoration: underline;
}
.entries_button{
	margin-top: 30px;
	text-align: center;
}
.entries_button a{
	padding: 6px 15px 5px 15px;
	font-weight: bold;
	display: inline-block;
	color: #FFFFFF;
	background-color: #4c830a;
	border: 2px solid #4c830a;
	min-width: 300px;
	border-radius: 40px;
	-moz-border-radius: 40px;
	-webkit-border-radius: 40px;
	text-decoration: none;
	transition: 0.3s all ease-in-out;
	-moz-transition: 0.3s all ease-in-out;
	-webkit-transition: 0.3s all ease-in-out;

}
.entries_button a:hover,
.entries_button a:focus{
	color: #4c830a;
	background-color: #FFFFFF;
	text-decoration: none;
	transition: 0.3s all ease-in-out;
	-moz-transition: 0.3s all ease-in-out;
	-webkit-transition: 0.3s all ease-in-out;
}
#tmp_ogahas_new{
	padding: 94px 0 45px;
	color: #111111;
	background-color: #fde8ed;
}
.ogahas_new_list{
	padding: 44px 30px;
	border:2px solid #ffffff;
	color: #111111;
	background-color: #ffffff;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
/* list_table
================================================== */
table.list_table {
	width:100%;
	line-height:1.2;
	border-collapse:collapse;
	border-spacing:0;
}
table.list_table p {
	margin:0 0 20px;
}
table.list_table td {
	padding:0;
	vertical-align:top;
	text-align:left;
}
table.list_table .date_year {
	width: 9.5em;
	white-space:nowrap;
}
table.list_table .date_year p {
	font-weight: bold;
	font-size:88.89%;
	background: url(/shared/templates/oogahasu_top/images/icon_green.png) no-repeat left 0.2em;
	padding:2px 0 2px 30px;
}
table.list_table a {
	color:#111111;
	background-color:transparent;
	text-decoration: underline;
}
table.list_table a:hover,
table.list_table a:focus {
	text-decoration: none;
}
/* new_button_cate
================================================== */
.new_button_cate .new_button_list{
	position: relative;
	list-style: none;
	padding: 0;
	margin: -23px 0 0;
	text-align: center;
	font-size:88.89%;
}
.new_button_cate .new_button_list li{
	padding: 0 10px;
	display: inline-block;
	vertical-align: top;
}
.new_button_cate .new_button_list li a{
	padding: 12px 15px 10px 15px;
	font-weight: bold;
	display: inline-block;
	color: #FFFFFF;
	background-color: #4c830a;
	border: 2px solid #4c830a;
	min-width: 182px;
	border-radius: 40px;
	-moz-border-radius: 40px;
	-webkit-border-radius: 40px;
	text-decoration: none;
	transition: 0.3s all ease-in-out;
	-moz-transition: 0.3s all ease-in-out;
	-webkit-transition: 0.3s all ease-in-out;
}
.new_button_cate .new_button_list li a:hover,
.new_button_cate .new_button_list li a:focus{
	text-decoration: none;
	color: #4c830a;
	background-color: #FFFFFF;
	transition: 0.3s all ease-in-out;
	-moz-transition: 0.3s all ease-in-out;
	-webkit-transition: 0.3s all ease-in-out;
}
/* ==================================================
other_related
================================================== */
#tmp_other_related{
	padding: 45px 0 116px;
	color: #111111;
	background-color: #fde8ed;
	overflow: hidden;
}
#tmp_other_related .main_heading{
	margin-bottom: 46px;
}
#tmp_related_slider .related_gallery{
	position: relative;
	z-index: 1;
	padding: 0 24px;
}
#tmp_related_slider .slick_slides{
	margin: 0 -4px;
}
#tmp_related_slider .related_slide{
	padding: 0 4px;
	margin-bottom: 8px;
	float: left;
	width: 25%;
}
.no_javascript #tmp_related_slider .related_slide:nth-child(4n+1) {
	clear:both;
}
.related_box p{
	position: relative;
	border: 2px solid #4c830a;
	display: block;
	width: 100%;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	font-size: 111.1%;
	font-weight: bold;
	color: #4c830a;
	background: #FFFFFF url(/shared/templates/oogahasu_top/images/bg_link.png) right bottom no-repeat;
}
.related_box p a{
	padding: 12px 30px 10px;
	height: 122px;
	display: table-cell;
	width: 480px;
	vertical-align: middle;
	color: #4c830a;
	text-decoration: none;
}
.related_box p:after{
	position: absolute;
	right: 6px;
	bottom: 6px;
	content: '';
	width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 0 solid transparent;
    border-right: 10px solid #4c830a;
}
#tmp_related_slider .related_slide .related_box a:before,
#tmp_related_slider .related_slide .related_box a:before,
#tmp_related_slider .related_slide .related_box a:before{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	border: 2px solid transparent;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-webkit-transition: all 0.1s ease-in-out;
}
#tmp_related_slider .related_slide .related_box.active a:before,
#tmp_related_slider .related_slide:hover .related_box a:before,
#tmp_related_slider .related_slide:focus .related_box a:before{
	border: 2px solid #4c830a;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}
#tmp_related_slider .slick_control{
	 margin-top: 23px;
}
/* ==================================================
font - bold -
================================================== */
.main_heading h2,
.main_heading p,
.slick_control .btn_slides,
.mainvisual_box .mainvisual_title,
.mainvisual_box .mainvisual_date,
.mainvisual_link a,
.attention_box .attention_cap,
.intro_flex .intro_cap .intro_ttl,
.intro_flex .intro_cap .intro_summary span,
.entries_box .entries_ttl,
.entries_button a,
table.list_table .date_year p,
.new_button_cate .new_button_list li a,
.related_box p {
	font-family:"UD Shin Go DemiBold", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
}

/* ==================================================
clearfix
================================================== */
#tmp_main_top:after,
.main_top_front:after,
#tmp_ogahas_intro:after,
#tmp_ogahas_new:after,
#tmp_other_related:after,
#tmp_attention:after,
#tmp_attention .attention_cnt:after,
.intro_flex:after,
.intro_entries_wrap:after,
.intro_entries_list:after,
.ogahas_new_cnt:after,
#tmp_attention_visual:after,
#tmp_attention_visual .attention_gallery:after,
#tmp_attention_visual .slick_slides:after,
#tmp_related_slider .slick_slides:after {
	content: "";	/* Do not edit */
	display: table;	/* Do not edit */
	clear: both;	/* Do not edit */
}
/* ==================================================
print
================================================== */
@media print {
/* for Firefox */
#tmp_main:after,
.col_nm:after {
	content:""; /* 変更しない */
	height:1px; /* 変更しない */
}
}
