@import "../js/nav/styles.css";

@media only screen and (max-width:730px){
#device { display:block;}
#device p.pc_btn { display:none;}
#device p.sp_btn {display:block; }
}
@media only screen and (max-width:750px){

body { min-width:100%; font-size:100%;}
#header { display:none;}
#content{ width:100%;}
#footer { width:100%;}
#wrapper { background:#FFF; border-top:none; overflow:hidden;}
#base { width:100%; margin:0 !important;}

.pc { display:none;}
.sm { display:block;}

#device p.pc_btn { display:block !important;}
#device p.sp_btn { display:none !important;}

/*====================================================================================================
  HEADER
====================================================================================================*/

#header {}

/*====================================================================================================
  CONTENT
====================================================================================================*/

#content {
	margin: 0 3%!important; width: 94%!important;
	padding: 0;
	min-height: 600px;
	background: none;
	box-sizing: border-box;
}

#content #side-content { display: none;}
#content #main-content { float:none; width: 100%; box-sizing: border-box;}

/*====================================================================================================
  FOOTER
====================================================================================================*/

#footer { width:100%;}
#footer .copy {
	margin:0 auto;
	padding:30px 0;
	width:100%;
	text-align:center;
	background:none;
}
	
/*====================================================================================================
  PAGE TOP
====================================================================================================*/

#page { right:5px;}


	
/*====================================================================================================
  TOP PAGE
====================================================================================================*/

#toppage{ width: 100%;}

/*** --- *******************************************************************/

#toppage .mainimg { margin: 20px 0; width: 100%;}
#toppage .mainimg img { width: 100%;}
#toppage .maincome {
	padding:20px 0;
}
#toppage #info { margin-bottom:35px; width: 100%; }
#toppage #info h2 {
	display: block;
	clear: both;
	margin: 0 0 10px;
	padding: 10px 0 5px 2%;
	width: 98%;
	background:#5CB700;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
#toppage #info .info-box {
	width:100%;
	box-sizing: border-box;
}
#toppage #info .box {
	width:96%;
	padding:2%;
	border-bottom:1px dotted #666;
}

#toppage #info .box .photo { float:left;}
#toppage #info .box .photo img { margin-right:20px;}
#toppage #info .box h3 { padding: 5px 0; color:#669900; overflow:hidden;}
#toppage #info .box h3 a { color:#669900;}
#toppage #info .box .come { overflow:hidden;}

/*** INFORMATION *******************************************/



.bana {
	margin: 0 auto;
	padding: 10px 0;
	width:180px;
	text-align:center;
	background:#FFF;
}
#news {
	margin: 0 auto;
	width:100%;
	height:210px;
	border:1px solid #DDD;
}
#news .tit {
	height:40px;
	text-indent:-9999px;
}
#news .news-box {
	margin:0 auto;
	padding: 0 0 0 5px;
	width:100%;
	height:150px;
	overflow:auto;
}

.banner { margin-bottom: 30px;}
.banner img{ width: 100%;}


	
/*====================================================================================================
  SUB PAGE
====================================================================================================*/

	
#subpage { 
	margin:20px 0!important;
	padding:20px 0;
	width:100%;
    box-sizing:border-box;
}


/* MIDASHI */
h2{
	display: block;
	clear: both;
	margin: 20px 0 10px;
	padding: 10px 0 5px 2%;
	width: 98%;
	background:#5CB700;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

	
#subpage h3 {}
#subpage h4 { }

/* CATCH COPY */
#subpage .catch { margin:0 2% 20px; font-size: 120%;}

/* COMMON */
#subpage .comment1 { margin:0 2% 20px;}
#subpage .comment2 { margin:0 2% 20px; padding:5%;}
#subpage .comment3 { margin:0 2% 20px; padding:5%;}

/* HYOU */

#subpage table.hyou { padding:15px; border:1px solid #EEE;}
#subpage table.hyou th,
#subpage table.hyou td {
	table-layout:auto !important;
	display:block !important;
	margin-bottom:5px;
	padding:0 !important;
	width:100% !important;
	min-height:20px;
	height:auto !important;
	text-align:left;
	font-weight:normal;
	border:none;
	box-sizing:border-box;
}
#subpage table.hyou tr+tr td:nth-child(1) { margin-top:15px;}

#subpage table.hyou { margin:10px 2%; width:96%;}
#subpage table.hyou2,
#subpage table.hyou3,
#subpage table.hyou4,
#subpage table.hyou5 {margin:0 2%; width:96%;}

#subpage table.hyou2 {}
#subpage table.hyou2 th,
#subpage table.hyou2 td {
	table-layout:auto !important;
	display:block !important;
	padding:5px 5% !important;
	width:90% !important;
	height:auto !important;
	text-align:left;
	font-weight:normal;
}
#subpage table th div.altop { top:10px;}
#subpage table th div.almid { position:relative;}
#subpage table th div.albottom { bottom:10px;}
	

/* vertical */
#subpage table th { position:static;}
#subpage table th div.altop,
#subpage table th div.almid,
#subpage table th div.albottom {position:static;}

/* LIST */
#subpage ul.list-ul { margin:20px 2%;}

/* LINK */
#subpage .link-box { width:100%; margin:0 2%;}
#subpage .link-box:after { display:none;}
#subpage .link2 .link {width:auto;}
#subpage .link3 .link {width:auto;}
#subpage .link4 .link {width:auto;}
#subpage .file-box { width:100%; margin:0 2%;}
#subpage .file-box:after { display:none;}
#subpage .file-box .file img {padding-right:10px;}
#subpage .file2 .file {width:auto;}
#subpage .file3 .file {width:auto;}
#subpage .file4 .file {width:auto;}

/* EMBEDDED */
#subpage .embedded { margin:0 2% 20px;}

/* PHOTO BOX */
#subpage .photo-box { margin:0 2%; padding:0; width:96%;}
#subpage .photo-box:after { display:none;}
#subpage .photo-box  ul { float:none; margin:15px 0; width:100%; text-align:center;}
#subpage .g1 ul li,
#subpage .g2 ul li,
#subpage .g3 ul li,
#subpage .g4 ul li,
#subpage .g5 ul li{ width:100%; }
#subpage .g1 ul li img,
#subpage .g2 ul li.photo img,
#subpage .g3 ul li.photo img,
#subpage .g4 ul li.photo img,
#subpage .g5 ul li.photo img { width:100%; height:auto;}

/* BOX */
#subpage .temple-box { margin:0 2%; width:96%;}
#subpage .temple-box:after { display:none;}
#subpage .box1,
#subpage .box2 { float:none;margin: 0 2% 20px; width:96%;}
#subpage .box1:after,
#subpage .box2:after { display:none;}
#subpage .box1 .catch { margin:0 0 20px !important;}
#subpage .box1 h4,
#subpage .box2 h4 { margin:10px 0; font-size:100%;}
#subpage .photo-c { float:none; padding:0; width:100%;}
#subpage .photo-c img { max-width:220px; height:auto; margin:0 0 20px; padding:0;}
#subpage .photo-l,
#subpage .photo-r { float:none; padding:0; width:100%; text-align:center;}
#subpage .photo-l img,
#subpage .photo-r img { max-width:220px; height:auto; margin:0 0 20px; padding:0;}

/* LINE */
#subpage .line {
	margin:0 2% 20px;
	height:50px;
	background-size:100% auto;
}

/* BUTTON */
#subpage .button-box { margin:0 2%; padding:0; width:96%;}
#subpage .button-box:after { display:none;}
#subpage .button-box .bo { float:none; margin:0 2% 10px;}
#subpage .b1 .bo { width:96%;}
#subpage .b2 .bo { width:96%;}
#subpage .b3 .bo { width:96%;}


	

	
/*====================================================================================================
====================================================================================================*/


	
	
/*====================================================================================================
====================================================================================================*/

}
@media only screen and (max-width:500px){
	
	
}