#banner_area{
display:flex;
justify-content:space-between;
}
#banner_area .fll{
width:312px;
flex:none;
}
#banner_area .flr{
width:590px;
flex:none;
}
#banner_area .flr a{
display:block;
margin:0 0 10px;
border:1px solid #ccc;
}
#tripleanniversary a{
display:block;
line-height:60px;
margin:20px auto;
text-align:center;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#d5cea6+0,c9c190+40,b7ad70+100;Brown+3D */
background: rgb(213,206,166); /* Old browsers */
background: -moz-linear-gradient(top, rgba(213,206,166,1) 0%, rgba(201,193,144,1) 40%, rgba(183,173,112,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(213,206,166,1) 0%,rgba(201,193,144,1) 40%,rgba(183,173,112,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(213,206,166,1) 0%,rgba(201,193,144,1) 40%,rgba(183,173,112,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d5cea6', endColorstr='#b7ad70',GradientType=0 ); /* IE6-9 */
color:#fff;
text-decoration:none;
font-size:30px;
box-shadow:0 0 5px rgba(0,0,0,0.5);
border-radius:5px;
}
.container{
	width: 950px;
	margin: 0 auto;
	position: relative;
}
#kessan{
position:relative;
}
#kessan ul{
position:absolute;
left:0;
bottom:40px;
list-style:none;
display:flex;
width:100%;
}
#kessan ul li{
padding:0 50px;
box-sizing:border-box;
margin:0 auto;
width:60%;
flex:none;
}
#kessan ul li a{
background:#ff0000;
color:#fff;
display:block;
text-decoration:none;
line-height:40px;
border-radius:5px;
border:5px solid #fff;
box-shadow:0 0 10px rgba(0,0,0,0.4);
text-align:center;
font-size:22px;
}
.fb-like-box{
	position: relative;
	z-index: 110;
}
#top_insta{
position:relative;
}
.insta_list{
display:none;
position:absolute;
width:560px;
padding:20px;
box-sizing:border-box;
background:#fff;
border-radius:5px;
box-shadow:0 0 5px rgba(0,0,0,0.5);
top:70px;
left:-105px;
z-index:1;
}
.insta_list:after{
clear:both;
content:"";
display:block;
}
.insta_list p{
clear:none !important;
width:20%;
text-align:center;
float:left;
}
.insta_list p img{
margin:0 0 5px;
}
#gentei{
	background:url('../../images/bg_gentei.jpg') no-repeat;
	width:510px;
	height:80px;
	text-align:center;
	padding:0px 40px;
	font-family:meiryo;
}
#gentei h3{
	text-indent:-9999px;
	font-family:"ヒラギノ明朝 ProN W6","HiraMinProN-W6","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif;
	font-weight: normal;
	text-align:center;
	color:#666;
	margin:0 0 5px 0 ;
}
#theday{
	width:240px;
	float:left;
}
#theday a{
	display:block;
}
#theday span{
	font-size:120%;
}
#onehour{
	width:240px;
	float:right;
}
#onehour span{
	font-size:120%;
}
#onehour a{
	display:block;
	width:240px;
}
#topbanner{

	position:absolute !important;
	top: 100px;
	left:680px;
	z-index: 110;
}
#topbanner p{
	margin:0 0 5px 0;
}
#news{
	/*position: absolute;*/
	top: 539px;
	left: 0px;
	width:322px;
	/*height:310px;*/
	padding: 30px 0 0 0;
	background: url('../image/top_image/bg_news.jpg') no-repeat;
}
#news ul{
	width:310px;
	height: 200px;
	margin:0 0 10px 0;
	overflow:auto;
	z-index: 100;
	border:1px solid #999;
}

#news img{
	margin: 5px 0;
}

#flash{
	width: 950px;
	height: 530px;
	margin: 0 0 480px 0;
	overflow: hidden;
	z-index: 90;
	position:static;
}

a:link{
	opacity: 1;
	-moz-opacity: 1;
	filter:alpha(opacity=100);
}
a:hover{
	opacity: 0.7;
	-moz-opacity: 0.7;
	filter:alpha(opacity=70);
}
a:active{
	opacity: 0.5;
	-moz-opacity: 0.5;
	filter:alpha(opacity=50);
}



.container{
	width: 950px;
}

.footer{
	width: 950px !important;
}

.footer div{
	margin: 10px 2px 0 0 !important;
}

.footer #blogs{
	padding: 0 0 0 0;
}

.footer #blogs a{
	display: block;
	width: 150px;
/*	height: 45px;*/
	opacity: 1;
	-moz-opacity: 1;
	filter:alpha(opacity=100);
	/*	text-indent: -9999px;*/
	/*	overflow: hidden;*/
}
.footer #blog1 a{
	background: url('../image/top_banner_blogs.png');
}

.footer #blog2 a{
	background: url('../image/top_banner_blogs.png') 0 -55px;

	margin: 10px 0 0;
}

/*.footer #blog1 a:link,
.footer #blog1 a:visited,
.footer #blog1 a:hover,
.footer #blog1 a:active { background-position: 0 0;}
.footer #blog2 a:link,
.footer #blog2 a:visited,
.footer #blog2 a:hover,
.footer #blog2 a:active{ background-position: 0 -55px; margin: 10px 0 0;}
*/
.gotop{
	display: none;
}

#banner img{
	margin: 5px 0;
}


/********************
2015.03.30 fix
********************/

#top_slide_wrap{
height:530px;
padding:0 0 0 200px;

/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+17,dfdeda+40,ffffff+68,eef0ef+100 */
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 17%, rgba(223,222,218,1) 40%, rgba(255,255,255,1) 68%, rgba(238,240,239,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 17%,rgba(223,222,218,1) 40%,rgba(255,255,255,1) 68%,rgba(238,240,239,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 17%,rgba(223,222,218,1) 40%,rgba(255,255,255,1) 68%,rgba(238,240,239,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eef0ef',GradientType=0 ); /* IE6-9 */
}

#top_slide{
	height: 541px;
box-sizing:border-box;
	padding-bottom: 10px;
/*padding-left:200px;*/
	border-bottom: 1px solid #ccc;
	margin-bottom: 10px;
}

#mid_box{
	width: 950px;
/*	height: 336px;*/
	border-bottom: 1px solid #ccc;
position:relative;
}

.container #mid_box #banner{
	position: static;
	float: right;
	width: 590px;
	top: 0;
	margin: 0;

}

#top_side{
	position: absolute;
	top: 10px;
	left: 10px;
	z-index: 30;
	opacity: 0.8;
	filter: alpha(opacity=80);
	padding: 10px 5px;
	background: #fff;
}

#navi{
	width: 160px;
	height: 314px;
}

#navi ul{
	width: 160px;
	height: 310px;
	margin: 0;
	padding: 0;
}

#navi li{
	width: 160px;
	height: 23px;
	overflow: hidden;
}

#navi li a{
	display: block;
	width: 160px;
	height: 20px;
	background: url('../image/navi.webp') no-repeat;
	text-indent: -9999px;
}


#navi01 a:link,
#navi01 a:visited { background-position:    0   0; }
#page01 #navi01 a { background-position: -320px 0; }
#navi01 a:hover   { background-position: -160px 0; }
#navi01 a:active  { background-position: -320px 0; }

#navi02 a:link,
#navi02 a:visited { background-position:    0   -20px; }
#page02 #navi02 a { background-position: -320px -20px; }
#navi02 a:hover   { background-position: -160px -20px; }
#navi02 a:active  { background-position: -320px -20px; }

#navi03 a:link,
#navi03 a:visited { background-position:    0   -40px; }
#page03 #navi03 a { background-position: -320px -40px; }
#navi03 a:hover   { background-position: -160px -40px; }
#navi03 a:active  { background-position: -320px -40px; }

#navi04 a:link,
#navi04 a:visited { background-position:    0   -60px; }
#page04 #navi04 a { background-position: -320px -60px; }
#navi04 a:hover   { background-position: -160px -60px; }
#navi04 a:active  { background-position: -320px -60px; }

#navi05 a:link,
#navi05 a:visited { background-position:    0   -80px; }
#page05 #navi05 a { background-position: -320px -80px; }
#navi05 a:hover   { background-position: -160px -80px; }
#navi05 a:active  { background-position: -320px -80px; }

#navi06 a:link,
#navi06 a:visited { background-position:    0   -100px; }
#page06 #navi06 a { background-position: -320px -100px; }
#navi06 a:hover   { background-position: -160px -100px; }
#navi06 a:active  { background-position: -320px -100px; }

#navi07 a:link,
#navi07 a:visited { background-position:    0   -380px; }
#page07 #navi07 a { background-position: -320px -380px; }
#navi07 a:hover   { background-position: -160px -380px; }
#navi07 a:active  { background-position: -320px -380px; }

#navi08 a:link,
#navi08 a:visited { background-position:    0   -140px; }
#page08 #navi08 a { background-position: -320px -140px; }
#navi08 a:hover   { background-position: -160px -140px; }
#navi08 a:active  { background-position: -320px -140px; }

#navi09 a:link,
#navi09 a:visited { background-position:    0   -160px; }
#page09 #navi09 a { background-position: -320px -160px; }
#navi09 a:hover   { background-position: -160px -160px; }
#navi09 a:active  { background-position: -320px -160px; }

#navi10 a:link,
#navi10 a:visited { background-position:    0   -180px; }
#page10 #navi10 a { background-position: -320px -180px; }
#navi10 a:hover   { background-position: -160px -180px; }
#navi10 a:active  { background-position: -320px -180px; }

#navi11 a:link,
#navi11 a:visited { background-position:    0   -200px; }
#page11 #navi11 a { background-position: -320px -200px; }
#navi11 a:hover   { background-position: -160px -200px; }
#navi11 a:active  { background-position: -320px -200px; }

#navi12 a:link,
#navi12 a:visited { background-position:    0   -220px; }
#page12 #navi12 a { background-position: -320px -220px; }
#navi12 a:hover   { background-position: -160px -220px; }
#navi12 a:active  { background-position: -320px -220px; }

#navi13 a:link,
#navi13 a:visited { background-position:    0   -240px; }
#page13 #navi13 a { background-position: -320px -240px; }
#navi13 a:hover   { background-position: -160px -240px; }
#navi13 a:active  { background-position: -320px -240px; }

#navi14 a:link,
#navi14 a:visited { background-position:    0   -280px; }
#page14 #navi13 a { background-position: -320px -280px; }
#navi14 a:hover   { background-position: -160px -280px; }
#navi14 a:active  { background-position: -320px -280px; }

#navi19 a:link,
#navi19 a:visited { background-position:    0   -380px; }
#page19 #navi13 a { background-position: -320px -380px; }
#navi19 a:hover   { background-position: -160px -380px; }
#navi19 a:active  { background-position: -320px -380px; }

#navi03 dl dd{
	position: absolute;
	top: 80px;
	width: 160px;
	margin-left: 160px;
	text-indent: 0px !important;
	background: #fff;
}

#navi03 dl dd ul, #lmnavi04 dl dd ul{
	width: 160px;
	height: 40px;
	position: relative;
	z-index:100;
}

#navi03 dl dd ul li{
	width: 160px;
	height: 20px;
	padding: 0 !important;

}


#navi03 dl dd ul li a, #lmnavi04 dl dd ul li a{
	text-indent: 1px;
	display: block;
	background: none;
	color: #444;
	/*	padding: 5px;*/
	height: 20px;
	width: 160px;
	border-width: 0 0 1px 0;
	border-style: dotted;
	border-color: #a47801;
	z-index: 10;
}

#bnr_fm{
	margin: 45px 0 10px;
}


#fb_box{
	width: 930px;
	margin: 20px 0;
	padding: 10px;
	border: 1px solid #ccc;
	background: #F6F7F8;
}

#fb_box #like_l{
	float: left;
	width: 450px;
}

#fb_box #like_r{
	float: right;
	width: 450px;
}
#banner_box{
padding:45px 0 15px 0;
}
#banner_box ul{
list-style:none;
display:flex;
}
#banner_box li{
/*width:calc(100% / 4);*/
float:left;
padding:0 10px 0 0;
box-sizing:border-box;
}
#banner_box li:last-child{
padding:0 !important;
width:160px;
}
#banner_box li img{
width:100%;
height:auto;
}
#banner_box li:last-child{
margin:0 !important;
}
#nav{
height:40px;
text-align:center;
padding:0 0 0 300px;
}

#nav a{
margin:0 10px;
background:#666;
display:block;
width:16px;
height:16px;
border-radius:8px;
float:left;
}

#nav a.activeSlide{
	background:#000;
	color:#000;
}
#line{
	width:589px;
	border:3px solid #00b900;
	box-sizing:border-box;
	padding:10px;
	margin:0 0 10px 0;
	line-height:1.8em;
}
#line h3{
	text-align:center;
	margin:0 0 10px 0;
}
#line_logo{
	width:150px;
	height:auto;
}
#line_qr{
	width:120px;
	height:auto;
}
#line p{
	width:300px;
	float:left;
	margin:0 20px 0 0;
}
#line a{
	width:116px;
	display:block;
	padding:10px 0 0 0;
	float:left;
}
.insta{
width:120px;
text-align:center;
font-size:11px;

}
.insta img{
width:50px !important;
height:auto;
}
#calendar h4{
font-size:130%;
text-align:center;
margin:0 0 15px;
}
#calendar iframe{
height:203px;
}
#calendar1{
width:49%;
margin:0 2% 0 0;
float:left;
}
#calendar2{
width:49%;
float:right;
}
#calendar_hanrei ul{
list-style:none;
display:flex;
clear:both;
margin:0 0 10px;
}
#calendar_hanrei li{
margin:0 30px 0 0;
}
#calendar_hanrei li:nth-child(1):before{
content:"■";
color:#c1e9f1;
font-size:140%;
}
#calendar_hanrei li:nth-child(2):before{
content:"■";
color:#ffb7fe;
font-size:140%;
}
#calendar_hanrei li:nth-child(3):before{
content:"■";
color:#999999;
font-size:140%;
}
#news li{
margin:0 0 15px;
}
#details_wrap{
width:calc(100% - 260px) !important;
box-sizing:border-box;
}
#banner_box details{
padding:20px 0 0 20px;
}
#banner_box details summary{
background:#333;
font-size:18px;
color:#fff;
line-height:60px;
padding:0 20px;
cursor:pointer;
}
.sns_inner{
display:flex;
justify-content:space-between;
align-items:center;
padding:10px 0;
}
.sns_inner > div{
padding:0 2%;
}
#top_slide video{
width:100%;
height:auto;
}
details[open] > summary {
  display:none;
}
.gallery{
display:flex;
flex-wrap:wrap;
justify-content:space-between;
}
.gallery li{
width:49.8%;
height:200px;
margin:0 0 2px;
}
.gallery li:first-child{
display:flex;
align-items:center;
justify-content:center;
text-align:center;
font-weight:bold;
font-size:18px;
}
.gallery li:first-child a{
color:#000;
}
.gallery li a{
display:block;
width:100%;
height:100%;
}
.gallery li a span{
display:block;
width:100%;
height:100%;
}
.gallery li a span img{
display:block;
width:100%;
height:100%;
object-fit:cover;
}
