@charset "utf-8";

#eventINDEX h2, #eventL h3, #snsINDEX h2, #miryokuINDEX h2, #linkF h2, #linkF h3, #mainK h1, #pageCommon h2, #pageCommon h3{
 font-family: "Sawarabi Mincho", serif; 
 font-weight: 100;
 letter-spacing: 0.05em;
 }


/* --------------------------- 
 main image
--------------------------- */

#mainIndex{
display: none;
}
#mainIndexSP {
	overflow: hidden;
	text-align: center;
	padding: 0px;
}
/*
#mainIndex ul{
	margin: 0px;height: 240px;
}

#mainIndex ul li {	height: 240px;
margin: 0px;
padding: 0px;

}

.bx-wrapper .bx-pager {

margin-left: 38%;
}ul.bxslider,
ul.bxslider li {
height: 240px; 
padding: 0; 
margin: 0; display:block
} 

*/
#mainIndexSP img{
width: 100%;


}

/* ----------- event --------- */

#eventINDEX{
	padding: 15px 0px;
}


#eventINDEX .Inner{
	width: 94%;
	margin: 0px auto;
	text-align: left;
	position: relative;
}
#eventINDEX .btnMore{
clear: both;
margin-bottom: 15px;

}
#eventINDEX .btnMore a{
	padding: 10px 0px;
	width: 64%;
	font-size: 13px;
}


#eventINDEX #btnEVENT.btnMore a{
background:#54A91B url(../images/arrow_ss.gif) 5% 50% no-repeat;
}
#eventINDEX #btnEVENT02.btnMore a{
background:#29540E url(../images/arrow_ss.gif) 5% 50% no-repeat;
}

#eventINDEX .linkNext{
	float: right;
	width: 100px;
	font-size: 0.813em;

}

#eventINDEX #eventL .linkNext{
	padding-top: 25px;
}
#eventINDEX #eventR .linkNext{
	padding-top: 5px;
	margin-bottom: 10px;
}




#eventINDEX h2{
	font-size: 1.25em;
	padding: 0.5em 0;
	text-align: center;
}

#eventL{
	width: 100%;
	background: #FFFFFF;
	overflow-y: hidden;
	margin-bottom: 20px;
}



#eventL h3{
	padding: 1em 0 1em 1.24em;
	font-size: 1.125em;
	background: url(../images/ico_maru.gif) no-repeat 5% 50%;
	background-size: 20%;
	float: left;
	width: 50%;
}

#eventL h4,
#eventL p{
text-align: center;
	line-height: 1.4em;
}
#eventL h4{
	font-size: 0.813em;
}
#eventL p{
font-size: 0.688em;
}

#eventInner{

	margin: 0 auto;
	width: 96%;
	clear: both;

}


#eventL .box{
	padding-bottom: 0.8em;
	float:left;
	width: 48%;
	margin-left: 1%;

}
#eventL .box:nth-of-type(2n+1){
clear: left;
}

#eventL .photo{
	width: 98%;
	overflow: hidden;
	max-height: 120px;
	margin-bottom: 5px;
}
	
	/*position: relative;
	background: #CCCCCC;
}

#eventL .photo img{
max-width: 100%;
max-height: 100%;
width: auto;
height: auto;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
}
*/

#eventL .photo img{
width: 100%;
}

#pageCommon.shosaiCommon .photo img{
float: none;
width: 100%;
}


#eventR{
	width:100%;
}


#eventR td span {
width: 100px!important;

}

.eventToday{

}
/* -------------- calendar -------------- */



#calendarBox, #eventR .eventToday{
	margin-bottom: 15px;

}


#calendarBox{
margin: 0 auto 18px auto;
width: 76%;
	padding-bottom: 10px;

}
#calendarBox .linkNext img{

}
#calendarBox .linkNext a{
text-decoration: none;
}
#calendarBox h3{
	font-size: 0.938em;
	padding: 4px;
	margin: 5px 5px 10px;


}

#calendarBox h4{
	font-size: 0.813em;
	padding: 0px 0px 10px 10px;
}

#calendarBox h4 .bb{
	font-size: 1.125em;

}

#calendarBox table{
	margin: 8px auto;
	width: 98%;

}
#calendarBox th, #calendarBox td{
	font-size: 12px;
	line-height: 2.4em;
	cursor: pointer;

}


#calendarBox p.aRIGHT{
	margin: 0px;
	padding-right: 12px;
	font-size: 0.68em;
	padding-top: 4px;
}
/* ------------- SNS -------- */

#snsINDEX{

	padding: 20px 0px 10px 0px;
}

#snsINDEX h2{
	font-size: 1.5em;
	margin-bottom: 1em;
	text-align: center;
}

#snsINDEX h2:before {

width: 150px;

}
#snsINDEX .Inner{
	width: 94%;
	margin: 0px auto;
	text-align: left;
}

#snsINDEX ul li{
	text-align: center;
	float: left;
	cursor: pointer;
}

#snsINDEX ul li img{
height: 34px;
width: auto;
}

.boxSNS{
height: 200px;
overflow: scroll;
}
#tabSNS,
#tabNEWS{
	width: 100%;
	background: #FFFFFF;
	margin-bottom: 15px;
}
#tabSNS #sns02{
		width: 100%;
		max-width: 490px;
	}
	


#tabSNS iframe{
	width:99%;
	max-width: 99%;
	min-height: 350px;
	max-height: 900px;

}
#tabNEWS{

}
#tabSNS ul li{

	width: calc(100% / 2);
}

#tabNEWS ul li{
	width: calc(100% / 2);
	line-height: 36px;
	font-size: 12px;
}

#tabNEWS .boxNEWS{
	clear: both;
	padding-bottom: 1em;

}

#tabNEWS .boxNEWS dl{
	padding: 10px 18px;
}

#tabNEWS .boxNEWS dt,
#tabNEWS .boxNEWS dd{
	font-size: 0.813em;
	line-height: 1.5em;
}
#tabNEWS .boxNEWS dd{
	padding-bottom: 0.5em;
}

#tabNEWS .boxNEWS .btnMore a, .btnBack.news a{
font-size: 0.75em;
width: 60%;
padding: 0.8em 0;
margin: 1em auto;

}
.hide {display:none;}

/* ------------ miryoku ------------- */

#miryokuINDEX {
	padding: 15px 0px;
}
#miryokuINDEX .Inner{
	padding: 30px 0 20px 0;
	color: #FFFFFF;
}
#miryokuINDEX h2{
	font-size: 1.25em;
	margin-bottom: 0.5em;

}
#miryokuINDEX h2 img{
width: 50%;
padding-top: 10px;
}

#miryokuINDEX .Inner p{
	text-align: right;
	width: 96%;
	margin: 0 auto;
	font-size: 0.75em;
}
#miryokuINDEX .Inner img{
width: 60%;
}

#miryokuINDEX ul{
margin: 0 auto 1em auto;
width: 94%
}
#miryokuINDEX ul li{
float: left;
width: calc(100% / 3);
}

#miryokuINDEX .btnMore a{
	width: 86%;
	padding: 10px 0px;
	font-size: 12px;
}

/* ------- link ------ */
#linkF{
	margin: 0 auto;
	overflow: hidden; padding-top: 20px;
}



#linkF h2{
	padding-top: 30px;
	font-size: 1.5em;
	margin-bottom: 1.5em;
}

#linkF h2:before {

width: 150px;

}
#linkF ul{
	width: 96%;
	margin: auto;
}

#linkF ul li{
	width: 50%;
	float: left;
	text-align: center;
	font-size: 0.75em;
	padding-bottom: 1em;
word-break: break-all;
}

#linkF .bnrShun ul li:nth-child(2n+1){
clear: left;
}

#linkF ul li img{
	width: 94%;
	height: 40px;object-fit: cover;
	background: #EFEFEF;
	margin-bottom: 5px;
}

#linkF .boxOtoku{
	padding: 20px 0 10px 0;
}
#linkF .boxOtoku ul li {
	width: calc(100% / 3);
	padding-bottom: 0.5em;

}#linkF .boxOtoku ul li img{
height: auto;
}


#linkF .boxOtoku ul li:nth-child(3n+1){
clear: left;
}

#linkF .boxOtoku ul li img{
padding-bottom: 0;
}
#linkF .boxOtoku h3{
	font-size: 1em;
	margin-bottom: 1em;
	text-align: center;
}

/* -------------- btn -------------- */



#pageCommon p.btnMore{
	width: 90%;
	margin: 0px auto 20px auto;

}

#pageCommon p.btnMore a{

	padding: 10px 0px;
	background: #2693FF url(../images/arrow_w.png) center right no-repeat;
	background-size: 10%;
	font-size: 1em;
	letter-spacing: 0.2em;

}


/* ----------- pankuzu ---------- */



#pankuzu{
	font-size: 0.68em;
	text-align: left;
	padding: 8px 14px;
}


/* ----------- pagecommon --------------- */

#mainK{
background:#FFFFFF url(../images/main_k_sp.jpg) no-repeat center top;
background-size: cover;
}

#mainK h1{
	margin: 0px auto;
	font-size: 1.5em;
	padding: 40px 5px;
}

#pageCommon,
#eventArticle{
	padding: 15px 0px;
	margin: 0px auto;
	width: 94%;
	text-align: left;
}



#pageCommon h2,
#eventArticle h2 {

	font-size: 1.125em;
	margin-bottom: 1em;
	line-height: 1.5em;
	padding-bottom: 0.5em;
	letter-spacing: normal;

 }
 
 
#pageCommon h3 {
	color: #000000;
	font-size: 1.125em;
	margin-bottom: 1em;
	clear: both;

 }

#pageCommon.shosaiCommon h3{
padding-left: 0.54em;
}


 #pageCommon h3 .txtLine{
		padding: 20px 0px;border-bottom: 2px solid #000066;
} 
 #pageCommon p+h3{
	margin-top: 20px;
 }
#pageCommon h4 {
	font-size: 1.0em;
	padding: 4px 10px;
	margin-bottom: 1.0em;
}

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


#pageCommon h5 {
	font-size: 0.96em;
	line-height: 1.6em;
	padding: 8px 12px;
	margin-bottom: 1em;
}
#pageCommon p+h5{
margin-top: 20px;
}


#pageCommon .boxLine h5{
text-align: center;
margin-bottom: 0.5em;
padding: 8px 0px;

}
#pageCommon .boxLine p{
	margin: 10px 15px;
}



#pageCommon .boxLine ul.listNormal{
padding: 10px 15px;
}



#pageCommon h6 {
color: #147CE4;
	font-size: 0.9em;
	line-height: 1.8em;
	margin-bottom: 1.4em;
}
#pageCommon .bb {
	font-weight: 900;
}

#pageCommon p {
	font-size: 0.9em;
	line-height: 1.6em;
	word-wrap: break-word;
	margin-bottom: 1.5em;
}

#pageCommon p.catch{
	font-size: 1.1em;

	line-height: 1.5em;
	font-weight: 900;
}

#pageCommon p.catchSub{
	font-size: 1.0em;
	line-height: 1.5em;
	font-weight: 900;
}

#pageCommon li{
	font-size: 0.9em;
	line-height: 1.5em;
}




#pageCommon ol {
	margin-bottom: 2em;
	margin-left: 2em;
}
#pageCommon ol li {
	font-size: 0.9em;
	line-height: 1.6em;
	padding-bottom: 1em;
	list-style: decimal;
}
#pageCommon ol ul{
margin-left: 2em;
padding: 1em 0em;
}

#pageCommon ol ul li{
	padding-bottom: 0.5em;

}
#pageCommon ul.listNormal{
	padding: 10px 0px 20px 10px;

}
#pageCommon ul.listNormal li{
	background: url(../images/arrow_gr.png) no-repeat 0px 4px;
	background-size: 14px;
	padding: 0px 0px 10px 20px;

}

ul.listNote{
margin-bottom: 20px;
}

ul.listNote li{
padding-bottom: 5px;
}

#pageCommon ul.listInlineBox li{

width: 45%;
}




/* -- pdf -- */


#pageCommon ul.listPDF{
	padding: 10px 0px 20px 10px;

}
#pageCommon ul.listPDF li{
	background: url(../images/ico_pdf.gif) no-repeat 0px 0px;
	padding: 0px 0px 10px 36px;

}

/* ------------- table ----------- */


.tblNormal table,
#pageCommon .tbl table {
	width: 100%;
	margin: 0px auto 25px auto;
}
#pageCommon th,
#pageCommon td{
	font-size: 0.875em;
	line-height: 1.8em;
}


.tblNormal th, .tblNormal td {
padding: 5px 10px;

	border: 1px solid #C8C8C8;
	vertical-align: middle;
}


#pageCommon .tbl th, #pageCommon .tbl td {
padding: 0.8em 0.4em;

}
#pageCommon .tblPK th,
#pageCommon .tblPK td{
font-size: 0.75em;
}


#pageCommon .tblTXT{
margin-bottom: 25px;

}
#pageCommon .tblTXT th{
padding-right: 10px;
}
#pageCommon .tblTXT th,
#pageCommon .tblTXT td{
padding-bottom: 5px;
vertical-align: top;
}



#pageCommon .tbl th {


}


#pageCommon .tbl td {

	
}
#pageCommon hr.lineDotted {
margin: 15px 0px;
}

#pageCommon caption{
	text-align: left;
	font-size: 1.1em;
	line-height: 1.5em;
	background: url(../images/point.png) no-repeat 0px 2px;
	background-size: 18px;
	padding: 0px 0px 12px 26px;
	color: #2693FF;
}


#pageCommon .tblSP th,
#pageCommon .tblSP td{
display: block;
}

/* -------------- 2 column ---------- */

#pageCommon .twoColumn,
#pageCommon .threeColumn {
padding-bottom: 25px;

}
#pageCommon .twoColumn hr,
#pageCommon .threeColumn hr{
display: none;
}

#pageCommon .twoColumn .boxL,
#pageCommon .threeColumn .boxL{
width: 48%;

}
#pageCommon .twoColumn .boxL:nth-child(odd),
#pageCommon .threeColumn .boxL:nth-child(odd){
margin-right: 4%;
}

#pageCommon .twoColumn .boxL h5,
#pageCommon .threeColumn .boxL h5 {
background-size: 8%;
	margin-bottom: 5px;
	font-size: 0.813em;
	padding-left: 18px;
}
#pageCommon .twoColumn .boxL p,
#pageCommon .threeColumn .boxL p {
	font-size: 0.75em;
}
#pageCommon .twoColumn .boxL img,
#pageCommon .threeColumn .boxL img {

}


/* ------------ box -------------- */

#pageCommon .boxLine{
margin-bottom: 20px;
}




/* ----------- dl --------- */

#pageCommon dl.dlNormal{
padding-bottom: 1em;
}


#pageCommon dl.dlNormal dt{
	font-size: 0.938em;
	line-height: 1.5em;
	background: url(../images/point.png) no-repeat 0px 4px;
	background-size: 5%;
	padding: 0px 0px 10px 24px;
}


#pageCommon dl.dlNormal dd{
	font-size: 0.875em;
	line-height: 1.5em;
	padding-bottom: 1em;
}
#pageCommon dl.dlNormal dd img{
margin-bottom: 10px;
}

#pageCommon dl.dlNormal dd+dt{
margin-top: 20px;
}


/* ------------------- scroll -------------------- */

.tblScroll{
margin-bottom: 15px;
clear:both;
}
.tblScroll table{
margin-bottom: 5px;
min-width: 600px!important;
}

.tblScroll td{
white-space:nowrap!important;
}
.tblScroll td.nWRP{
white-space: normal!important;
min-width: 40%;
}

.tblScroll {
overflow: auto;
white-space: nowrap;
}
.tblScroll th.thClr{
width: 20%!important;
}

.tblScroll{
	overflow-x: auto;
}
.tblScroll::-webkit-scrollbar{
	width: 5px;
	background: #dddddd;
}
.tblScroll::-webkit-scrollbar:horizontal{
	height: 5px;
	background: #dddddd;
}
.tblScroll::-webkit-scrollbar-thumb{
	background: #666666;
	border-radius: 2px;
}
.tblScroll::-webkit-scrollbar-thumb:horizontal{
	background: #666666;
	border-radius: 2px;
}

/* ----------- faq ------------- */
#pageCommon .listFAQ {
margin-bottom: 2em;
}


#pageCommon .listFAQ ul{
padding: 0.5em;
}

#pageCommon .listFAQ ul li{
font-size: 0.75em;

}
#pageCommon .listFAQ ul li a{
	display: block;
	padding: 5px 0px;
}

#pageCommon #faqCo h3{
margin-bottom: 0px;
font-size: 1.125em;
}
#pageCommon #faqCo .qaA{
margin-bottom: 2em;
padding: 1em;
}
/* ------------ spot ---------------- */

#pageCommon.shosaiCommon th{
white-space:  nowrap;
}

#pageCommon #spotINDEX {
	padding: 5px;
	margin-bottom: 1em;

	border: 5px solid ;
}


#pageCommon #spotINDEX .pin{
padding: 15px 0px;
font-size: 12px;}


#pageCommon #spotINDEX .pin img{
width: 18px;
}

#pageCommon #spotINDEX h4{
font-sise: 0.813em;
letter-spacing: 0.5em;
text-align: center;
}

#pageCommon #spotINDEX #mapShosai{
	padding-top: 1em;
	width: 96%;
	margin: auto;
}
#pageCommon #spotINDEX #mapShosai #map_canvas{
width: 100%!important;
}
#map_canvas iframe {
width: 100%!important;
}
#pageCommon #spotINDEX .boxL {
	width: 50%;
	padding: 10px 0px;
	border: 3px solid #FFFFFF;


}
#pageCommon #spotINDEX .boxL h3 {
	font-size:11px;
	padding: 0px 5px;
	height: 3em;
	margin-bottom: 0px;
	line-height: 1.3em;

}
#pageCommon #spotINDEX .Inner{
padding-bottom: 1.5em;
}


#pageCommon #spotINDEX .Inner .boxL:nth-of-type(2n+1){
clear: left;
}

#pageCommon #spotINDEX .boxL .photo{
	height: 90px;
	margin: 0px 5px 5px;
	overflow: hidden;
}
#pageCommon #spotINDEX .boxL .btnMore{
zoom: .8;
text-align: center;

}

/* ------- link ------- */

#pageCommon #linkCo ul.listNormal li{
width: 48%;
float: left;
font-size: 0.75em;
}



#pageCommon #spotINDEX .boxL .btnMore a{
font-size: 10px;
margin: 0 2%;
padding: 4px 0px;
width: 46%;float: left;

}

/* ---------- list ------ */

#pageCommon #memberCo.tblNormal th,
#pageCommon #memberCo.tblNormal td{
font-size: 0.688em;
padding: 5px;
}
#pageCommon #memberCo.tblNormal th{
width: 30%;
}
#pageCommon #memberCo.tblNormal th.thDrk{
width: auto;
text-align: center;
}
#pageCommon #memberCo ul{
padding-bottom: 30px;
}

#pageCommon #memberCo ul li{
width: 50%
}

#pageCommon #memberCo ul li a{
padding: 4px 0px;
margin: 4px;
font-size: 0.875em;
}



/* ------------ gallery ------------ */

#pageCommon .btnLink{
padding-bottom: .6em;
}

#pageCommon .btnLink a{
width: 44%;
padding: 6px 0px;
margin-left: 3%;
font-size: 12px;
}


#pageCommon #galleryCo .Inner{
padding-bottom: 1.5em;
}
#pageCommon #galleryCo h3{
	font-size: 1.0em;
	padding: 4px 10px;
	margin-bottom: 1.0em;
clear: both;
}

#pageCommon #galleryCo h4{
margin-bottom: 0.2em;
font-size: 0.688em;
padding: 0;

}


#pageCommon #galleryCo.miryokuINDEX .boxL h4{
font-size: 0.875em;
}
#pageCommon #galleryCo .boxL{
	width: 50%;
	padding: 1em 0;
	text-align: center;
}
#pageCommon #galleryCo.miryokuINDEX .boxL p{
text-align: left;
font-size: 0.688em;
line-height: 1.4em;
margin: 0px;
padding: 5px;
height: 4.8em;
}

#pageCommon #galleryCo.miryokuINDEX.eventShiki h4{
font-size: 0.813em;
}

#pageCommon #galleryCo.miryokuINDEX.eventShiki h4.titNarrow{
letter-spacing: -0.08em;  transform: scale(0.8, 1);
}
#pageCommon #galleryCo.miryokuINDEX.eventShiki p{
height: 7em;
}

#pageCommon #galleryCo .boxL img{
width: 96%;
}

#pageCommon #galleryCo .photo{
overflow: hidden;
height: 100px;
margin-bottom: 5px;
}


#pageCommon #galleryCo .boxL .btnMore{
zoom: .8;
text-align: center;

}
#pageCommon #galleryCo .boxL .btnMore a{
font-size: 10px;
margin: 0 2%;
padding: 4px 0px;
width: 46%;float: left;

}
#pageCommon #galleryCo .boxL .btnShosai{
width: 60%;
padding: 4px 0;
font-size: 0.688em;
}

#pageCommon .mAnker{
background:url(../images/ico_open.png) no-repeat 98% 50%;
background-size: 14px;
font-weight: 900;
color: #000;padding: 8px;
font-size: 0.813em;
border: 2px solid #009900;
	border-radius: 6px;
	margin-bottom: 3em;

}

#pageCommon .mAnker.active{
border-radius: 6px 6px 0 0;
margin-bottom: 0;
background:url(../images/ico_close.png) no-repeat 98% 50%;
background-size: 14px;
}

#pageCommon .mAnker .ss{
font-weight: 100;
}

#pageCommon .mAnker.active .ss{
display: none;
}

#pageCommon ul.listAnker {
	margin-bottom: 3em;
	border-radius:  0 0 6px 6px;
display: none;border: 2px solid #009900;
}


#pageCommon ul.listAnker li{

font-size: 0.813em;
}

#pageCommon ul.listAnker li a{

	display: block;
	padding: 8px 0 8px 26px;
	margin-bottom: 1px;
	color: #009900;
	background: #EFEFEF url(../images/arrow_ss_g.gif) no-repeat 10px 12px;
	text-decoration: none;
}
#pageCommon ul.listAnker li a:hover{
background: #009900 url(../images/arrow_ss.gif) no-repeat 10px 12px;
color: #FFFFFF;
}

#pageCommon ul.listAnker li.ov a{
background: #009900 url(../images/arrow_ss.gif) no-repeat 10px 12px;
color: #FFFFFF;
}






/* --------------- box photo ( light box )------------- */
#pageCommon .boxPhoto{
padding-bottom: 20px;
border-bottom: 1px dotted #C8C8C8;
margin-bottom: 20px;
}

#pageCommon .boxPhoto p{
	font-size: 0.75em;
	text-align: center;
}

#pageCommon .boxPhoto ul li{
	float: left;
	width: 50%;
	font-size: 0.75em;
	text-align: center;
	padding-bottom: 10px;

}

#pageCommon .boxPhoto ul li img{
	width: 96%;
	padding-bottom: 5px;
}
#pageCommon .boxPhoto ul li:nth-child(3n) img{

}
/* --- nation ---- */


.nation {
padding: 25px 0px;
}
.nation ul li{
font-size: 0.688em;
}

.nation ul li span,
.nation ul li a{
padding: 4px 12px;
}


/* --------- news detail --------- */


#pageCommon #sysINDEX dt,
#pageCommon #sysINDEX dd{
line-height: 1.6em;
font-size: 0.875em;
}

#pageCommon #sysINDEX dd{
padding-bottom: 1.4em;
}



#pageCommon #boxArchive ul:after{
clear: both;
display: block;
content:"";
}
#pageCommon #boxArchive ul {
padding: 1em;
}

#pageCommon #boxArchive ul li{
float: left;
width: 50%;
}

#pageCommon #boxArchive ul li a{
padding: 0.5em 1.5em;
background-position: left center;
}




#pageCommon .boxArticle{
padding: 2em 0;


}

#pageCommon .boxArticle *,
#eventArticle .boxArticle *{
font-size: 0.875em;
line-height: 1.6em;

}
#eventArticle .boxArticle h3{font-size: 0.875em!important;
	margin: 2em 0 1em 0!important;
	padding: 0.4em 0.8em!important;
}
#eventArticle .tblNormal th,
#eventArticle .tblNormal td{
	padding: 1em 0.5em!important;
	font-size: 1.25em;
}
#eventArticle .tblNormal th{
white-space: nowrap;
}

#eventArticle iframe{
height: 280px;
}
#eventArticle #eventR{
padding-top: 2em;
}

.date{
padding-bottom: 1em;
}

/* ------- panf ----------- */

#pageCommon .panfCo .boxL{
width: 48%;
}

#pageCommon .panfCo .boxL:nth-of-type(2n+1){
clear: left;
}

#pageCommon .panfCo .boxL img{
height: 36vh;
}
#pageCommon .panfCo p {
font-size: 0.688em;
}
/* -------- miryoku dl --------- */

#pageCommon .boxDL{
	padding: 0.5em;
	margin: 1em 0;
}
#pageCommon .boxDL p,
#pageCommon .boxDL ul{

}
#pageCommon .boxDL p{

text-align: center;
}

#pageCommon .boxDL li{
float: left;
width: 50%;
text-align: center;
font-size: 12px;
}
#pageCommon .boxDL li img{
width: 16px;
}
#pageCommon .boxDL li a{
	width: 90%;
	display: block;
	background: #009900;
	padding: 0.4em 1.5em;
	margin: auto;
}