@charset "utf-8";

/* =============================================== */
/* cate_ttl
================================================== */
#tmp_cate_ttl {
	margin:0 0 100px;
}
#tmp_cate_ttl h1 {
	background: url(/shared/templates/yuuen_top/images/cate_ttl.jpg) no-repeat left top;
}
#tmp_cate_ttl h1,
#tmp_cate_ttl h1 span {
	width:1200px;
	height:420px;
}
/* yuuen_note
================================================== */
#tmp_yuen_top_note {
	margin-bottom: 80px;
	padding: 10px 20px;
	border: 2px solid #ee6a6a;
	color: #000000;
	background-color: #fff0f0;
}

/* yuuen_info / yuuen_event
================================================== */
#tmp_yuuen_info {
	margin: 0 0 80px;
}
#tmp_yuuen_info_ttl,
#tmp_yuuen_event_ttl {
	position: relative;
	padding: 12px 30px;
	color: #000000;
	background-color: #ffffff;
	background-position:right bottom;
	background-repeat:no-repeat;
	margin: 0 0 10px;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	border-radius: 40px;
	z-index: 1;
}
#tmp_yuuen_info_ttl {
	background-image:url(/shared/templates/yuuen_top/images/bg_line_green.png);
}
#tmp_yuuen_event_ttl {
	background-image:url(/shared/templates/yuuen_top/images/bg_line_orange.png);
}
#tmp_yuuen_info_ttl h2,
#tmp_yuuen_event_ttl h2 {
	font-size: 166.7%;
	padding:6px 0 4px 69px;
	background-repeat: no-repeat;
	background-position:0 center;
}
#tmp_yuuen_info_ttl h2 {
	background-image: url(/shared/templates/yuuen_top/images/icon_bell.png);
}
#tmp_yuuen_event_ttl h2 {
	background-image: url(/shared/templates/yuuen_top/images/icon_balloon.png);
}
#tmp_yuuen_info_ttl h2::after,
#tmp_yuuen_event_ttl h2::after {
	content: '';
	position: absolute;
	z-index: -1;
	right: 34px;
	bottom: 0;
	width: 363px;
	height: 112px;
}
#tmp_yuuen_info_ttl h2:after {
	background: url(/shared/templates/yuuen_top/images/bg_flower.png) no-repeat;
}
#tmp_yuuen_event_ttl h2:after {
	background: url(/shared/templates/yuuen_top/images/bg_city.png) no-repeat;
}
#tmp_yuuen_info_cnt {
	padding: 0 22px;
}
#tmp_yuuen_info_cnt ul {
	list-style: none;
	list-style-image:none;
}
#tmp_yuuen_info_cnt ul li {
	border-bottom: 1px dotted #7f7f7f;
	padding:10px 0 10px 36px;
	background: url(/shared/images/icon/list_icon.png) no-repeat 20px 1.1em;
	line-height: 1.8;
}
#tmp_yuuen_info_cnt ul li a {
	display: block;
	text-decoration: none;
	padding: 0 40px 0 0;
	color: #000000;
	background-color: transparent;
	background-image:url(/shared/images/icon/icon_arrow_green.png);
	background-repeat: no-repeat;
	background-position:98% 50%;
	background-size: 19px 13px;
	-webkit-background-size:19px 13px;
	-moz-background-size:19px 13px;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
}
#tmp_yuuen_info_cnt ul li a:hover,
#tmp_yuuen_info_cnt ul li a:focus,
#tmp_yuuen_info_cnt ul li a:active {
	text-decoration: underline;
}
#tmp_yuuen_info_cnt {
	padding: 0 18px;
}
/* event */
#tmp_yuuen_event {
	margin: 0 0 20px;
}
#tmp_yuuen_event_cnt {
	padding:20px 20px 0;
}
#tmp_yuuen_event_cnt .event_item {
	border: 1px solid #cccccc;
	box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.2);
	background-color: #ffffff;
	color: #000000;
	padding: 32px;
	margin: 0 0 32px;
	clear:both;
}
#tmp_yuuen_event_cnt .event_item .event_itemL {
	float:left;
	width:285px;
}
#tmp_yuuen_event_cnt .event_item .event_itemL img {
	max-width:100%;
	height:auto;
}
#tmp_yuuen_event_cnt .event_item .event_itemR {
	float:right;
	width:425px;
}
#tmp_yuuen_event_cnt .event_item h3 {
	font-size: 133.3%;
	font-weight: bold;
	font-family:"UD新ゴ M JIS2004 AP", "UD Shin Go M JIS2004 AP", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	margin:6px 0 18px;
}
#tmp_yuuen_event_cnt .event_item ul {
	list-style:none;
	list-style-image:none;
	font-size:88.8%;
}
#tmp_yuuen_event_cnt .event_item ul li {
	background:url(/shared/images/icon/list_icon.png) no-repeat left 0.3em;
	padding-left:16px;
	display:inline-block;
	margin:0 0 10px;
}
/* btn_readmore */
#tmp_yuuen_info_cnt .btn_readmore,
#tmp_yuuen_event_cnt .btn_readmore {
	text-align: center;
	margin: 30px 0 0;
}
#tmp_yuuen_info_cnt .btn_readmore a,
#tmp_yuuen_event_cnt .btn_readmore a {
	position: relative;
	display: inline-block;
	min-width: 300px;
	padding: 10px 15px;
	color: #238650;
	box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.2);
	border: 1px solid #cccccc;
	text-align: center;
	text-decoration: none;
	border-radius: 30px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
}
#tmp_yuuen_info_cnt .btn_readmore span,
#tmp_yuuen_event_cnt .btn_readmore span {
	padding-left:20px;
	display: inline-block;
	background: url(/shared/images/icon/icon_arrow_green.png) no-repeat left center;
	-webkit-background-size: 17px 13px;
	-moz-background-size: 17px 13px;
	background-size: 17px 13px;
}
#tmp_yuuen_info_cnt .btn_readmore a:hover,
#tmp_yuuen_info_cnt .btn_readmore a:focus,
#tmp_yuuen_info_cnt .btn_readmore a:active,
#tmp_yuuen_event_cnt .btn_readmore a:hover,
#tmp_yuuen_event_cnt .btn_readmore a:focus,
#tmp_yuuen_event_cnt .btn_readmore a:active {
	border-color: #238650;
}
/* event_item */
#tmp_yuuen_info_cnt .box_event .event_item {
	border: 1px solid #cccccc;
	box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.2);
	background-color: #ffffff;
	color: #000000;
	padding: 32px;
	margin: 0 0 15px;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
}
#tmp_yuuen_info_cnt .box_event .event_img img {
	width: 100%;
	height: auto;
	vertical-align: top;
}
#tmp_yuuen_info_cnt .box_event .event_img {
	float: left;
	width: 280px;
}
#tmp_yuuen_info_cnt .box_event .event_info {
	padding: 8px 34px 0 40px;
}
#tmp_yuuen_info_cnt .box_event .event_info ul {
	list-style: none;
}
#tmp_yuuen_info_cnt .box_event .event_info ul li {
	margin: 0 0 4px;
	font-size: 88.9%;
	padding: 0 10px 0 23px;
	line-height: 1.8;
	color: #000000;
	background: transparent url(/shared/site_yuuen/images/icon/list_icon_gr.gif) 4px 9px no-repeat;
}
#tmp_yuuen_info_cnt .box_event .event_info ul li span {
	font-weight: bold;
	font-family:"UD新ゴ M JIS2004 AP", "UD Shin Go M JIS2004 AP", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
}
#tmp_event_notice .box_event .event_item:hover,
#tmp_event_notice .box_event .event_item:focus,
#tmp_event_notice .box_event .event_item:active {
	border-color: #238650;
}
/* box_twitter
================================================== */
#tmp_wrap_yuuen_twitter {
	position: relative;
	color: #000000;
	background: #9be8ff url(/shared/templates/yuuen_top/images/bg_twitter_top.jpg) no-repeat top left;
	-webkit-background-size:100% auto;
	-moz-background-size:100% auto;
	background-size:100% auto;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}
#tmp_yuuen_twitter {
	padding: 8px;
	background: url(/shared/templates/yuuen_top/images/bg_twitter_skew.png) repeat top left;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}
#tmp_wrap_yuuen_twitter::before {
	content: "";
	position: absolute;
	top: -60px;
	right: 0;
	z-index: 1;
	width: 119px;
	height: 91px;
	background: url(/shared/templates/yuuen_top/images/bg_balloon.png) no-repeat;
}
#tmp_yuuen_twitter_ttl {
	font-size: 133.3%;
	font-weight: bold;
	font-family:"UD新ゴ M JIS2004 AP", "UD Shin Go M JIS2004 AP", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	text-align: center;
	padding: 10px 0 23px;
}
#tmp_yuuen_twitter_cnt {
	background-color:#ffffff;
	color:inherit;
	min-height: 850px;
}
/* ==================================================
clearfix
================================================== */
#tmp_yuuen_info_cnt:after,
#tmp_yuuen_event_cnt .event_item:after {
	content: '';
	display: table;
	clear: both;
}
/* ==================================================
print
================================================== */
@media print {
body {
	background:#FFFFFF !important;
}
#tmp_wrapper {
	width:100% !important;
}
#tmp_header {
	margin-bottom:10px !important;
	padding-bottom:10px !important;
	color:#000000 !important;
	background:#FFFFFF !important;
	border-bottom:1px solid #000000 !important;
}
#tmp_footer {
	margin-top:10px !important;
	padding-top:10px !important;
	color:#000000 !important;
	background:#FFFFFF !important;
	border-top:1px solid #000000 !important;
}
.gnavi,
.wrap_col_lft_navi,
.wrap_col_rgt_navi,
.pnavi,
.fnavi,
.plugin,
#tmp_social_plugins,
#tmp_inquiry_cnt .inquiry_btn,
#tmp_feedback,
#tmp_pankuzu,
#tmp_share,
.fnavi_block,
#tmp_hnavi_s,
#tmp_hfunction,
#tmp_wrap_custom_update {
	display:none !important;
}
.wrap_col_nm,
.column_lnavi .wrap_col_main,
.column_rnavi .wrap_col_main {
	float:none !important;
}
body,
#tmp_pankuzu {
	background:none !important;
}
.wrap_col_nm,
.wrap_col_nm2,
.col_main {
	margin:0 !important;
	padding:0 !important;
}
#tmp_contents .box_gmap {
	margin:0;
	padding:170px 0 0 0;
	position:relative;
	top:-170px;
	page-break-before:always;
}
.copyright {
	text-align:left !important;
}
.fixed_header #tmp_wrapper {
	padding:0 !important;
}
.fixed_header #tmp_header {
	position:static !important;
}
.box_emergency,
#konnect-chat-initializer-wrap {
	display:none !important;
}
/* for Firefox */
#tmp_main:after,
.col_nm:after {
	content:"."; /* Do not edit */
	height:1px; /* Do not edit */

}
}
/* no javascript
================================================== */

/* Hack IE 11
================================================== */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	#tmp_yuuen_info_ttl h2,
	#tmp_yuuen_event_ttl h2 {
		padding-top:12px;
	}
	#tmp_yuuen_info_cnt .btn_readmore span {
		padding-top:4px;
	}
	#tmp_event_notice .box_notice .notice_ttl h2,
	#tmp_event_notice .box_event .event_ttl h2 {
		padding-top: 22px;
	}
	#tmp_category .category_detail .category_url {
		background: #cef9e1;
	}
	#tmp_category .category_url .category_ttl {
		padding-top: 7px;
	}
	#tmp_inquiry_ttl {
		background-position: 0 27px;
	}
	#tmp_category .category_ttl a:before{
		top: -3px;
	}
}

