@charset "UTF-8";



#topmenu{background: linear-gradient(to top, #AC1C11,#E13125); border-radius:5px;display:table-cell; vertical-align:middle; padding:10px;height: 25px;}
#topmenu a{ color:#CCC3C2; padding:10px 15px;margin-top:20px; font-size:16px;}
#topmenu a:hover{ color:#F5F2A0}
#topmenu ul {height: 25px;}
#topmenu li {height: 25px; border-right:#848482 solid 1px;}
#topmenu li:last-child{ border:none;}

.ri_menu{ background:#F5F2A0; width:100%; padding:3px;box-sizing:border-box;}
.ri_menu .in_menu{ width:100%; border:#D72A27 dashed 2px; padding:5px;font-family: 'Special Elite', cursive; color:#D72A27; font-size:23px;box-sizing:border-box; line-height:130%}
.ri_menu .in_menu span{ display:block; font-size:23px;}


@media screen and (min-width: 960px) {/*PC960*/

}
 @media screen and (max-width: 959px) { /*PC画面以下*/
/
/*#main_le{width:70%;margin:0 auto; padding:20px 0;}
#menu_ri{width:30%;margin:0 auto; padding:20px 0; overflow:hidden;box-sizing:border-box}*/*/
/*#topmenu img{ display:none;}
#topmenu ul{ width:100%;height: auto; margin:0 auto}
#topmenu ul li{ width:33%;background: linear-gradient(to top, #AC1C11,#E13125);height: auto;box-sizing:border-box;
border-bottom:1px solid #AC1C11;
border-left:1px solid #AC1C11;
border-right:1px solid #AC1C11;
}
#topmenu ul li:nth-child(2),
#topmenu ul li:nth-child(5){ width:34%;}
#topmenu ul li p{ padding:5px 0; text-align:center;font-weight:bold}
#topmenu ul li a{ color:#FFF;text-shadow: 0 0 1px #FF0;}*/


}


@media screen and (max-width: 920px) {
/**/

 }



 /*767px以下（スマホ用）*/
@media screen and (max-width: 767px){
#main,#topmenu{width:100%;height:auto;}
img{ max-width:100%; height:auto}
h1 {width:100%;}
img.topphoto{ width:100%; height:auto; margin:0 0 10px 0;}

#main_le{width:100%;margin:0 auto; padding:10px 0;float:none;overflow:hidden;}

#main_le{width:95%;margin:0 auto; padding:10px 0;float:none;overflow:hidden;}
#menu_ri{width:95%;margin:0 auto; padding:20px 0;float:none;overflow:hidden; text-align:center}
#menu_ri iframe{ display: block}
#menu_ri img{ margin:10px;}

#map {float: none;margin:10px; display:block;}
#map iframe{ margin:20px auto; width:100%}
h2 {width: 100%; margin:10px auto;}
h2.bg {background: linear-gradient(to top, #AC1C11,#E13125);height:38px; padding:10px; color:#FFF;text-shadow: 0 0 1px #FF0;box-sizing:border-box;}

.Facebook{width: 100%; max-width: 650px; margin:0 auto}

#menu_ri #ri_menu{ display:none;}

.saiji p{ border-bottom:1px dotted #CCC; padding:10px 5px; }
.saiji div{ margin:10px 0}

iframe.fbb{ width:100%}

#fb { width:210px; margin:10px auto;}
#fb img{ margin:0}
iframe{ margin:20px auto}

img.img100{ width:100%; margin:10px 0}


/*メニュー*/
.sptopnemu{background: linear-gradient(to top, #AC1C11,#E13125); padding:10px 0; color:#999;  display:table-cell; vertical-align:middle; border:1px solid #AC1C11; position:relative;text-align:left; height:30px}
.sptopnemu a{ color:#FFF;  margin:5px 10px 5px 5px; border:1px solid #d9534f;border-radius:4px; padding:2px 15px 2px 5px;background:#d9534f;text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);font-size:23px;font-family: 'Roboto', sans-serif;}
.sptopnemu img{width:25px; height:auto; }
.sptopnemu strong{ }

#topmenu{ display:none;}

	nav.NavMenu{
			position: fixed;	/*表示位置を固定*/
			z-index: 2;		/*重ね順を変更*/
			top: 0;		/*表示位置を指定*/		
			left: 0;	/*表示位置を指定*/
			/*background: #fff;*//*背景を白にする*/
			color: #000;	/*文字色を黒にする*/
			text-align: center;		/*テキストを中央揃え*/
			width: 100%;	/*全幅表示*/
			transform: translateY(-100%);	/*ナビを上に隠す*/
			transition: all 0.6s;	/*アニメーションの時間を指定*/
			
		}

		nav.NavMenu ul{
			background: linear-gradient(to top, #AC1C11,#E13125);
			width: 100%;	
			margin: 0 auto;
			padding: 0;
		}

		nav.NavMenu ul li{
			font-size: 1.1em;
			list-style-type: none;
			padding: 0;
			width: 100%;
			border-bottom: 1px dotted #555;		
		}

		nav.NavMenu ul li:last-child{
			padding-bottom: 0;
			border-bottom: none;	/*最後のメニュー項目のみ下線を消す*/
		}

		nav.NavMenu ul li a{
			display: block;		/*クリックできる領域を広げる*/
			color: #fff;
			padding: 1em 0;
			font-weight:bold;
		}
		
		nav.NavMenu.active{
			transform: translateY(0%);		/*ナビを表示する*/
		}

		.Toggle {
		    display: block;
		    position: absolute;    /* bodyに対しての絶対位置指定 */
		    right: 13px;
		    top: 5px;
		    width: 42px;
		    height: 40px;
		    cursor: pointer;
		    z-index: 3;
			/*background:#FFF;
			border: 1px solid #006;
			border-radius: 10px;*/
		}
		 
		.Toggle span {
		    display: block;
		    position: absolute;
		    width: 30px;
		    border-bottom: solid 3px #fff;
		    -webkit-transition: .35s ease-in-out;	/*変化の速度を指定*/
		    -moz-transition: .35s ease-in-out;		/*変化の速度を指定*/
		    transition: .35s ease-in-out;			/*変化の速度を指定*/
		    left: 6px;
		}
		 
		.Toggle span:nth-child(1) {
		    top: 9px;
		}
		 
		.Toggle span:nth-child(2) {
		    top: 18px;
		}
		 
		.Toggle span:nth-child(3) {
		    top: 27px;
		}
		 
		/* 最初のspanをマイナス45度に */
		.Toggle.active span:nth-child(1) {
		    top: 18px;
		    left: 6px;
		    -webkit-transform: rotate(-45deg);
		    -moz-transform: rotate(-45deg);
		    transform: rotate(-45deg);
		}
		 
		/* 2番目と3番目のspanを45度に */
		.Toggle.active span:nth-child(2),
		.Toggle.active span:nth-child(3) {
		    top: 18px;
		    -webkit-transform: rotate(45deg);
		    -moz-transform: rotate(45deg);
		    transform: rotate(45deg);
		}



/*カレンダー*/
.cal{ width:90% !important; margin:0 auto;}
.cal iframe{ width:90%;}

.pc{ display:none}
.sp{ display: block}

#photo {width:100%;}
#photo img{ max-width:100%; height:auto; display:block;}

img.flo_le{ float:none; margin:10px auto; width:100%; height:auto}

table.toi{ width:100%}
table.toi td{ padding:5px; width:100%; display:block; text-align:left;box-sizing:border-box;}
table.toi input{width:100%;box-sizing:border-box;}
table.toi .txt{width:100%;}
table.toi .btn{width:100%;box-sizing:border-box; margin:10px 0; }
table.toi .btn.re{ }
table.toi textarea{ width:100%;border:#CCC solid 1px;padding:10px;box-sizing:border-box;}
}




 @media screen and (max-width: 614px){
/*#topmenu ul li{ width:33%;}
#topmenu ul li p{ font-size:82%; letter-spacing:-0.1em}*/
}



/* 768px以上（PC用）*/
@media screen and (min-width: 768px) {
.Facebook{width: 650px; margin:0 auto}
nav.NavMenu{ display:none}
.pc{ display:block; margin:0 auto}
.sp{ display:none}
		
}