@charset "utf-8";
/*
Theme Name: 精華園
Theme URI: 
Template: lightning-pro
Description: 
Author: 
Tags: 
Version: 0.1.2
*/

/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block !important; }
.sp { display: none !important; }
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 750px) {
.pc { display: none !important; }
.sp { display: block !important; }
}

@media (max-width:670px){
table.mobile-block td,table.mobile-block th{display:block}
table.mobile-block	th,table.mobile-block td {
    border: solid 1px;  /* 枠線指定 */
    padding: 10px;      /* 余白指定 */
	border-color: #bababa;
	
}
	
table.mobile-block {
    border-collapse:  collapse; /* セルの線を重ねる */
}
}
@media (min-width:671px){
table.mobile-block td,table.mobile-block th{display:table-cell}
table.mobile-block th,table.mobile-block td {
    border: solid 1px;  /* 枠線指定 */
    padding: 10px;      /* 余白指定 */
	border-color: #bababa;
}
 table.mobile-block	th{width:30%;}
table.mobile-block {
    border-collapse:  collapse; /* セルの線を重ねる */
}

}

table.mobile-block th{
background-color: #eeeeee;
}

a:hover img {
	opacity: 0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
	background: none!important;
}
/*　3PR見出し文字サイズ　*/
.prBlock .prBlock_title {
    margin-top: .9em;
    margin-bottom: .7em;
    text-align: center;
font-size: 20px;
    line-height: 1.4em;
}
 
/*　3PR見出し文字色　*/
#topPr h3 a {
    color:#990000;
}

.waku{
	background-color: #fcfcf7;
    border: 1px solid #e6e6e6;
    border-radius: 4px;
   	padding: 15px;

}

table.topselect2 {
	border-top:none;
	border-left:none;
	border-collapse: collapse;
	border-spacing: 0;
	background-color: #ffffff;
	color: #333333;
	text-align: left;
	font-size: 90%;
	width: 100%;
	padding-top:0px;
}



table.topselect2 th
{
	border-right:none;
	border-bottom:none;
	color: #FFFFFF;
	padding:0;
	text-align: left;
}

table.topselect2 td {
    border-right:none;
    border-bottom:none;
    padding:0;
	vertical-align: top;
		text-align: left;
}

.sidenav ul { 	
padding-inline-start: 0px;
 } 

.sidenav ul li{ 	
    display: inline;
 } 


.sidenav  ul li {
    display: inline; 	
    margin-right: 1em;
} 

.box_before {
    position: relative;
    margin: 2em 0 4em 0;
    padding: 0.5em 1em 0.5em 1em;
    border: solid 1px #c0c0c0;
background-color: #fefdf7;
}
.box_before .box-title {
    position: absolute;
    display: inline-block;
    top: -27px;
    left: -3px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    vertical-align: middle;
    font-size: 17px;
    background: #ebe9e7;
    color: #797979;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
margin-top:10px;
}
.box_before p {
    margin: 0; 
    padding: 0;
}
.box_before img {
    padding-bottom: 10px;
}
.box_after {
    position: relative;
    margin: 2em 0 4em 0;
    padding: 0.5em 1em 0.5em 1em;
    border: solid 1px #a19d9b;
}
.box_after .box-title {
    position: absolute;
    display: inline-block;
    top: -27px;
    left: -3px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    vertical-align: middle;
    font-size: 17px;
    background: #a19d9b;
    color: #ffffff;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
margin-top:10px;
}
.box_after p {
    margin: 0; 
    padding: 0;
}
.box_after img {
    padding-bottom: 10px;
}

.iframe-wrap {
  width: 100%;
  padding-bottom: 56.25%;
  height: 0px;
  position: relative;
}

.iframe-wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.headerTop_tel_wrap span{
    padding: 0 15px;
    font-size: 18px;
    white-space: nowrap;
    display: block;
}