@charset "utf-8";

html {-webkit-text-size-adjust: 100%;}






/* ==============================================================================================
　タブレット 
============================================================================================== */
@media screen and (min-width:681px) and (max-width:1150px){


.blank_bg {
	object-fit:cover;
    width: auto;
    height:100%;
}

#kaijou-top {
	border-spacing:10px 0;
}
.main-area-annai .area-title img {
	margin:0 10px 0 0;
}
.main-area-annai .area-title .area-top {
	padding:10px 0 0 0;
}

.flower-event-cell .event-line {
	display:block;
}
.flower-event-cell .event-line .event-img,.flower-event-cell .event-line .event-txt {
	display:block;
}
.flower-event-cell .event-line .event-img {
	margin:0 0 10px 0;
	text-align:center;
}
.flower-event-cell .event-line .event-img img {
	width:300px;
	height:auto;
}

.kaijo-flower {
	padding:30px 10px;
	margin:20px 0;
}
.kaijo-flower .flower-line {
	border-spacing:20px 0;
}
#photo-spot {
	padding:20px 0 0 0;
}
#photo-spot #bear {
	float:none;
	width:auto;
	text-align:center;
	margin:0 0 0 0;
}
#photo-spot p {
	text-align:center;
	margin:10px 0 0 0;
}

#bear-prologue {
	display:block;
	width:100%;
}
#bear-prologue #prologue-pict,#bear-prologue #prologue-txt,#bear-prologue #prologue-index {
	display:block;
}
#bear-prologue #prologue-pict {
	vertical-align:top;
	text-align:center;
}

.bear-tale .pict-line {
	display:block;
}
.bear-tale .pict-line .pict-cell,.bear-tale .pict-line .txt-cell {
	display:block;
}
.bear-tale .pict-line .pict-cell,.bear-tale .pict-line .pict-cell-large {
	width:100%;
}
.bear-tale .pict-line .txt-cell {
	padding-top:20px;
}
.bear-tale .sp-cell {
	width:100%;
}
.sp-cell .sp-txt-cell {
	width: 320px;
}
.cell-tatenaga .bear-sate {
	position:static;
	padding:3em 0 0 0;
}

/*ここまで ///////////////////////////////////////////////////////////////////////////////// */
}


/* ==============================================================================================
　スマートフォン用　画面の横幅が680pxまで
============================================================================================== */
@media screen and (max-width:680px){
*, *:before, *:after {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
		 -o-box-sizing: border-box;
		-ms-box-sizing: border-box;
			box-sizing: border-box;
}
.pc{ display:none !important;}

.spleft{ text-align:left !important;}
img, object {max-width: 100% !important;height: auto;}

#widget-calendar .tribe-compatibility-container:not(.tribe-events-widget-shortcode-events-month){ display:block; padding:0 1rem;}

#tribe-widget-events-month-2 .tribe-events-widget-events-month__view-more{ display:none !important;}

/* 共通
*****************************************************************************/
#main .flex,
.clm3,
.topix,
.topmidashi .inner,
#aisatu,
.aisatu_c dl,
#footer .inner,
.topbanalist,
.ev_in,
.sec dl,
.dflex,
#snsnew,
.clm3,
.topbanalist,
.mnt dl,
.h50,
#topmascot ul,
#topmascot .mascotlist ul,
.blank_rose ul,
.flow > li
 {flex-direction:column;}

.flex_row{ flex-direction:row !important;}



#kaijou-top,
.flower-event,
.flower-event-cell .event-line,
#bear-profile ,
#bear-profile #portrait,
#bear-profile #prof-txt,
#bear-profile h2 br,
#bear-prologue,
#bear-prologue #prologue-pict,
#bear-prologue #prologue-txt,
#bear-prologue #prologue-index,
.bear-tale .pict-line,
.bear-tale .pict-line .pict-cell,
.bear-tale .pict-line .txt-cell {
	display:block;
}

.inner,
#about #about-img,
#bear-prologue,
.bear-tale .pict-line .pict-cell,
#bear-profile #portrait,
.eventbox ul,
#kaika,
.mnt dd ul li:nth-child(1),
.mnt dd,
.h50in,
#topmascot .mascotimg,
#topmascot .mascotlist li,
.map iframe,
.yube iframe, 
.shisetu .img,
.mas_img ,
#mascot .mas_link ul li,
#minato .img,
#minato ul li,
.imgarea
 { width:100%;word-break: break-all;}
.dlc ul,
.svgmap,
.btn18
{width:100% !important;}

div[role="grid"].tribe-events-calendar-month{ display:none !important;}

#footer .inner ul { font-size:1.2rem; }
#footer .inner li { border-bottom:1px solid #DE176A;}
.pagetop a {
	padding:0.5em 0 0 0.8em;
	right:5px;
}

#snsicon{ left:5px; right:auto;}

.footerad { margin-top:1em; order:2;}

.navlog{
	width:14.5em;
	left:70px;
transform         : none;
-webkit-transform: none;
}
.marginLeft1 { margin-left:0;}

.globalnav li a{
	font-size: 5.5vw;
}
.dflex { display:block;}
#nav_toggle strong{ font-size:0.625em;}


.keijiban_in::before,
#pagenav{ display:none;}

#main .inner{ padding:0 1rem;}

.space60{ padding:2rem 0;}
.spacet60{ padding-top:2rem;}
.spaceb60{ padding-bottom:2rem;}

.scrollable {
    white-space: nowrap;
    overflow-x: scroll;
	overflow-y:hidden;
    -webkit-overflow-scrolling: touch;
}

#main {
    padding-top: 124px;
}

/* ナビ
*****************************************************************************/
#toph{
	width:100%;
	align-items:center;
	padding:0 !important;
}
#toph .bar_L{width: 20%;}
#toph .bar_R{align-self:flex-end;}
#toph .bar_C{padding: 10px 10%;}
#toph .snsbtn{
	display: flex;
	margin-left:0.5rem;
}

#toph .snsbtn li{margin-right: 3px;}

.snsbtn .flex li:last-child {
    margin-left:5px !important;
}

#nav{ border-color:#fff #fff #f7f1f0 !important;}

#nav .img{
	width: 30px;
    height: 30px;
}
#nav ul{margin: 0; padding: 0 !important; width: 100%;}
#nav li:not(:first-child):not(:last-child){ margin:0 !important;}
#nav li{ width:60px;  font-size:2vw;}
#nav li a{ display:block; width:60px; white-space:normal !important; text-align:center;}

.low2 br{ display:none;}

.bar_R .lang{ display:none !important;}


/* トップページ
*****************************************************************************/
#Enjoy .scrollable{ margin: auto 10px;}
#Enjoy .scrollable li{width: 200px;}
.bgpink .scrollable li:first-child{ padding-left:0 !important;}
.bgpink .scrollable li:last-child {padding-right:0 !important;}


#topnews ul{flex-direction:row!important; flex-wrap:wrap;}

#topnews ul li{ width:43%; margin-right:0 !important;}
.newstit{ padding:0.5rem;}

#widget-calendar .tribe-events-c-top-bar.tribe-events-widget-header__top-bar,
#widget-calendar .tribe-events-calendar-month
{ display:none !important;}


.mas_img { text-align:center;}


#toph section{ width:100%;}

/* mobile bugfix */
.topcont{ width:100% !important;}
.parallax {background-attachment: scroll;}
#keijiban{width:auto; left:0;}


#newstop{ padding:0 0 2em;}
.fullstop,
#rose{padding:2em 0;}
#youtube{ padding-top:4em !important;}
#event {padding:0!important;}
#event.fullstop{padding:2em 0;}
#kyosan ul{ margin:0; padding:0;}

.fullstop{ padding-left:10px; padding-right:10px;}

.shasen_ue::before,
.shasen_sita::after,
#event::before{height: 2em;}

.svg svg{ width:100%; height:50px;}

.Twitter,
.Instagram,
.keyvisual,
.topix .info,
.topix .event { width:95%; margin-left:auto; margin-right:auto; }

.topmidashi{ width:100vw; background-size:cover;}

#topcont { height:80vh;}
#topcont h1 { left:auto; transform:none; -webkit-transform:none; top:30%;}
#topcont h1 img{ width:90%;}

.band {
    top: 60%;
    left: 0;
}
.band p{
	display: inline-block;
    position: relative;
    padding: 0 1em;
    margin-bottom:0;
	text-shadow: 1px 1px 0 #DE176A, -1px 1px 0 #DE176A, 1px -1px 0 #DE176A, -1px -1px 0 #DE176A;
}
.band em{
    font-size: 0.85rem;
    letter-spacing:0;
    line-height: 1;
}
.band p:after{opacity:0.8;}
#kaika{ display:block; margin:1em 0 !important; padding:10px;}
#kaika br{ display:none;}

a .scrollbtn{ display:none;}
#kaisai{ bottom:10px; width:100%;}

#snsnew{
	width:100%;
	font-size:0.8em;
}
#snsnew h2{border-right:none; padding:5px;}
#snsnew a{ display:table;}
#snsnew time,
#snsnew span{ display:table-cell;}
#snsnew time{ width:6.5em;}
.fullstop h2{ margin-bottom:1em;}


.normal_li li,
.event_koubo .box{ width:48%; margin: 0 4% 5% 0;}

.event_koubo .box:nth-child(2n),
.normal_li li:nth-child(2n){ margin-right:0 !important;}

.event_koubo .box img{
    object-fit:fill;
    width: auto;
    height: auto;
}
.normal_li li img{object-fit:cover; width:100%; height:100px; margin-bottom:5px !important;}
.event_koubo .box .photo{ margin-bottom:5px;}
.topmidashi li{ width:100% !important; margin:0 0 10px !important;}

#topmascot{ padding-bottom:2em;}
#topmascot .mascotimg{margin-right:0;}
#topmascot .mascotlist li{ margin:0.5em 0;}
#topmascot .mascotlist li a{ padding:10px; font-size:1.3rem; text-align:left;}
#topmascot .mascotlist li a br{ display:none;}
#topmascot .mascotlist li a img{height: 80px;}

.blank_bg {
	object-fit:cover;
    width: auto;
    height:100%;
}
.blank a{
	margin: 0 0 10px 0;
	display:inline-block;
	text-shadow:0 0 0 #fff;
}

.link_kaku{
	min-width:auto;
	padding-right:30px;
}

.titsns{ font-size:1.1rem !important;}
.titsns a{ text-decoration:underline;}
.titsns a:after{ display:none !important;}

.keyvisual { order:0; text-align:center; }
.clm3 li figure img {
	width:100%; height:auto !important;
object-fit:cover;
}
.topix > div { margin-bottom:1em;}
.Twitter { width:85%; border:1px solid #CCCCCC; border-radius:5px; padding:10px; margin-left:1vh;}
#mascotproducts { width:200px; margin:auto;}


#qanda dt, #qanda dd {
	padding-left:60px;
	background-position:left 5px top 15px;;
}
#footer{ margin-top:2em;}
#footer li{font-size: 5vw;}

.topbanalist .alink{
	margin:0 auto 10px;
}
.topix > .info{ padding-right:0;}
.Instagram.h50in{border-right:none;}


/**/

.blank_rose{
	position:relative !important;
	bottom:inherits;
	left:inherit;
	bottom:inherit;
	width:auto;
	margin:1em 1em 0;
	padding:1em;
	z-index: 1;

    box-shadow: 0 1px 2px rgb(0 0 0 / 7%), 0 2px 4px rgb(0 0 0 / 7%), 0 4px 8px rgb(0 0 0 / 7%), 0 8px 8px rgb(0 0 0 / 7%), 0 8px 8px rgb(0 0 0 / 7%), 0 8px 8px rgb(0 0 0 / 7%);

}
.blank_rose h2{ margin-bottom:1rem;}
.blank_rose li{ text-align:center; margin-bottom:10px;}
.blank_rose li a{ display:block;}

.blank_rose li br{ display:none;}
div.kyosai2{ margin-bottom:1em;}
div.kyosai2 ul{ display:inline;}
div.kyosai2 li{ width:47%; margin:0 1% 5px !important;}

ul.kyosai2{ font-size:0.8em; text-align:left;}
ul.kyosai2 li{ margin:0 0 0.5em 0.8em !important;}
ul.kyosai2 li::after{ content:"　/";}
ul.kyosai2 li:last-child::after{ content:"";}


#topmascot h2{ display:none;}


#youtube .pagebtn, #youtube .pagebtn ul{
	flex-wrap:wrap;
	}

/* 下層ページ
*****************************************************************************/
#headline h2{
	min-height: inherit;
    padding: 0.5rem 1rem;
	display: inline-block;
	display: -webkit-inline-block;
	top:50%;
}
.p_about #headline h2{ width:90%;}
.tribe-events-page-template #headline h2{ width:8em;}
#headline h2.m{width: 10em;}
#headline h2.t18{width: 9em;}

#headline p img{ height:250px !important;}


#kasocont{padding: 10px!important;}
#about #about-txt {
	padding:0 0 0 0;
}

#kaijou-top .main-area-annai {
	display:block;
	margin:0 0 20px 0;
}
.main-area-annai .area-title {
	text-align:center;
}
.main-area-annai .area-title img {
	float:none;
	margin:0 0 10px 0;
}
.main-area-annai .area-title .area-top {
	display:block;
	font-size:1.5em;
	padding:0 0 0 0;
	font-weight:bold;
}
.main-area-annai .area-place {
	margin:0 0 20px 0;
}

.flower-event .flower-event-cell {
	display:block;
}
.flower-event-cell h4 {
	padding:5px 0 5px 10px;
	margin:0 0 0.5em 10px;
}

.flower-event-cell .event-line .event-img,.flower-event-cell .event-line .event-txt {
	display:block;
	margin:0 0 20px 0;
}
.flower-event-cell .event-line .event-img {
	margin:0 0 0 0;
	padding:10px;
}
.flower-event-cell .event-line .event-img img {
	width:auto;
	height:auto;
}
.flower-event-cell .event-line .event-txt p {
	margin:0 0 1em 0;
	padding:0 10px;
}
.flower-event-cell .event-line .event-txt dl {
	padding:0 10px;
}
.flower-event-cell .event-line .event-txt dt {
	float:none;
	font-weight:bold;
}
.flower-event-cell .event-line .event-txt dd {
	padding:0 0 0 0;
}

.flower-catch {
	margin:20px 10px;
}
.kaijo-flower {
	padding:10px;
	margin:20px 0;
}
.kaijo-flower .flower-line {
	display:block;
}
.flower-line .flower-cell {
	display:block;
	margin: 0 0 30px 0;
}

#garden-festa-title img {
	width:auto;
	min-width:auto;
	height:auto;
}
#garden-festa-catch {
	text-align:left;
	font-size:1.3em;
	padding:10px;
}
#garden-festa-msg {
	text-align:left;
	padding:0 10px;
}
dl#garden-festa-kaisai {
	width:auto;
	margin:0 auto;
	padding:10px;
}
dl#garden-festa-kaisai dt {
	float:none;
	padding:0.5em 0 0 0;
}
dl#garden-festa-kaisai dd {
	padding:0.5em 0;
}
.flower-line ul.flower-chip li {
	float:left;
	margin:0 10px 10px 10px;
}
.flower-line ul.flower-chip li img {
	width:120px;
	height:auto;
}
#photo-spot #bear {
	float:none;
	width:auto;
	text-align:center;
	margin:0 0 10px 0;
}
dl.green-list {
	padding:0 10px;
}


#bear-profile #portrait {
	padding:0;
	text-align:center;
}

#bear-profile h2 {
	text-align:center;
}


#bear-story {
	padding: 30px 10px;
}

#bear-prologue #prologue-txt {
	text-align:left;
}
#bear-prologue #prologue-txt br {
	display:none;
}
#bear-prologue #prologue-pict {
	vertical-align:top;
	text-align:center;
}
.bear-tale .pict-line .pict-cell-large {
	width:100%;
}

.bear-tale .pict-line .txt-cell {
	padding-top:20px;
}
.bear-tale .sp-cell {
	width:auto;
	position:static;
}
.sp-cell .sp-txt-cell {
	width: auto;
	position:static;
}
.cell-tatenaga .bear-sate {
	position:static;
	padding:3em 0 0 0;
}

.aisatu_c{
	padding:1em;
	margin-bottom:1em;
}
.aisatu_c dt{margin-right:0;}

.news{
    padding-left: 1rem;
}
.news dt{
	float:none;
	width:auto;
	display:inline-block;
}
.news dd{
	margin-left:1em;
	margin-bottom:1em;
}

.clickBT {
	display:block;
}

.border-table {
	width:100%;
	overflow-x:auto;
	position:relative;
}


.border-table table th,.border-table table td {
	white-space:nowrap;
}
.btable table{display: block;}
.btable th{display: none;}
.btable tr:not(:first-child){
	display: flex;
	flex-direction:column;
	border: 1px solid #DE176A;
	margin-top: -1px;
}
.btable td{border:none!important;}
.btable td:nth-child(1){background: #FBE6EB;font-weight: bold;}
.btable td:nth-child(2)::before{
content: "時間：";
font-weight: bold;
color: #DE176A;
}
.btable td:nth-child(3)::before{
content: "場所：";
font-weight: bold;
color: #DE176A;
}


.sec{ padding:0;}
.sec h3{ font-size:1.1rem;}
.sec dl{flex-direction:column-reverse;}
.secin{ padding:0 10px;}
.secdate .icon-calendar1{ display:block; width:7em;}

.news h2{ font-size:1.2rem;}

.sectbl{ width:98%; font-size:0.9rem;}


#youtube .normal_li li a:after{
	width:50px;
	background-size:100% auto;
	top:18%;
}

.nurie,
.nurimi{
	padding:1em;
	margin-bottom:2em;
}


.nurie li{
	width:48%;
	padding:5px;
	margin-bottom:1em;
	font-size:1em;
}
.nurie li em svg{ display:none;}
	
.nurimi h3{
	white-space: normal;
	font-size: 1.2em;
	position:relative; top: -1.5em; left:auto; transform: translate(0, 0);
	padding: 0 0.5em;
}
.nurimi ul li{ width: 32%;}

.fancybox_in{width:100%; height: auto;}



.mnt{margin-bottom:1em;}
.mntindex{ margin:2em 0;}
.mnt dl{align-items:flex-start;}
.mnt dt{font-size:1.3em; padding:0.5rem 1em; margin-right:1rem;}
.mnt dd{padding:0.5rem; margin-top:1em;}
.mnt dd br{ display:none;}

.tanelist{margin:1em 1em 0; padding:0.5rem;}
.tanelist li{ width:31%; margin:0 1% 2%;}

.mnt dd ul{ display:block;}
.mnt dd ul li{ float:left;}
.mnt dd ul li:nth-child(1){ width:79%;}
.mnt dd ul li:nth-child(2),
.mnt dd ul li:nth-child(3){width:21%; padding:0 0 10px 15px;}

/* コロナ注意書き */
.field_corona h2{ font-size:5vw;}
.field_corona p{ font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size:0.8rem;}

.taisaku{
	width: 96% !important;
	margin-left:auto;
	margin-right:auto;
}

.taisaku tr,
.taisaku td{ display:block;}
.taisaku td[style]{ padding-bottom:0 !important;}
.taisaku .int tr{
	display:flex;	display:-webkit-flex;
	flex-wrap:wrap;
}
.taisaku .int{ width:100%; font-size:3vw;}

.taisaku .li{
	width:48%;
	margin:1%;
	white-space:normal !important;
}
.ar_mm{
	order:-1;
	flex-direction:column-reverse;
}
.ar_st .txt {
    padding-top:1rem;
    position: relative;
    right:0 !important;
    padding-left:0;
}
.ar_mm .txt {
    position: relative;
    left:0;
    padding-right:0;
}

#minato .txt {
    padding-left:0;
}
#minato section .img {
    order: 0;
}


.tribe-events-event-meta dt{ width:40%;}
.tribe-events-meta-group-details dd {width: 60%;}

.tribe-events-sub-nav li{width: 50%;}
.tribe-events-event-image{width: 50%; padding: 0 0.5rem 1rem;}

.imgbox ul li{width: 50%;}

.goods .box{ width:100%; display:block;}

.btn18{ padding:0 !important;}
.btn18 ul{
	display: flex!important;
	flex-wrap:wrap;
	
}


.flow > li dl{padding-left: 0!important;}

.float_r{ float:right;}

#tribe-events-pg-template{ padding:1rem 0 !important;}

.rosefear span[style="font-size: 18pt;"]{ font-size:1.1rem !important;}

.rosefear .info{
	width:100% !important;
	padding: 10px !important;
    -webkit-border-radius: 1rem;
    border-radius: 1rem;
}

.info table,
.info tbody,
.info tr,
.info td{ display:block;}
.info td{ margin-bottom:10px;}

.rosefear a.btn{padding: 1rem 2rem !important;}
.rosefear a.btn img{top: -57px !important; left: 0rem !important;}

.tribe-common .tribe-common-l-container{ padding:2rem 0 1rem 0 !important;}
.tribe-events-calendar-list__event-featured-image-link img{
	object-fit:cover;
	aspect-ratio:16/9;
}
.tribe-events-content .info{ width:100% !important;}
.tribe-events-content a.btn img{
    top: -57px !important;
    left: 0rem !important;
}

.toujolist img{ width:33% !important;}

.map h4{ height:auto !important;}



/*ここまで ///////////////////////////////////////////////////////////////////////////////// */
}



/* ==============================================================================================
　スマートフォン用　iPhoneSEなど画面の横幅が320pxまで
============================================================================================== */

@media screen and (max-width:321px){
.navlog { display:none; }
/*ここまで ///////////////////////////////////////////////////////////////////////////////// */
}


/* ==============================================================================================
　印刷用
============================================================================================== */
@media print{
.sp,
.pagetop{display: none;}
#header{position:relative!important;}

#main {
    padding-top: 0!important;
}

#headline p img{height: 6em!important;}
#headline h2{min-height: 2em!important;    top: 25%!important;}
#eventon{padding: 2rem 0;}
.entry_detail table{margin-bottom: 1rem;}
/*ここまで ////////////////////////////////// */}