/* CSS Document */

.com1 { margin-top:15px;}
.com2 { 
	margin-top: 10px;
	font-size: 1.4em;
	font-size: 15px;}

.com3 {background:#EEF6E7;width:100%;float:left;}
.com3_left {width:65%;float:left;    margin-top: 15px;}
.com3_left ul{
padding-left: 30px;
}
.com3_left ul li{
list-style: disc;
padding-bottom: 5px;
}
.com3_right {width:32%;float:left;padding-left: 3%;    margin-top: 15px;}
.com3_right img {width:100%;}
.com4 { font-size:13px;    line-height: 170%;}
.com4 img {     width: 60%;
    /* text-align: center; */
    margin: 0 20%;}
.com4 span {     font-weight: bold;
    font-size: 16px;}
    
span.bold{ font-weight: bold;
    font-size: 105%;}
.pad{
 font-weight: bold;
    font-size: 110%;
}
ul.ul_m{
padding-left: 30px;
}
ul.ul_m li{
list-style: disc;
padding-bottom: 3px;
}
table.tb_m{
	width:100%;
	    display: inline-table;
}
table.tb_m .td1{
	width:16%;
}
table.tb_m .td2{
	width:2%;
}
.gallery-img-style2 {
    width: 100%;
    height: auto;
    float: left;
}
.gallery-img-style2 .gl-one-element{
width:23.5%;
width:18.4%;
height:auto;
float:left;	
margin-right:2%;
box-sizing:border-box;
}


.gallery-img-style2 .mgr-0 {
	margin-right: 0px;
}

.gallery-img-style2 .gl-frame-img{
	width:100%;
	height:auto;
	float:left;
}

.gallery-img-style2 .gl-frame-img img{
	width:100%;
/*	max-width:300px;*/
	margin:0 auto;
	height:auto;
}

.gl-name{
	text-align: center;
    padding-top: 5px;
    font-size: 14px;
    font-size: 12px;
    float: left;
    width: 100%;
        line-height: 160%;
}
.gl-name span{
	letter-spacing: -2px;
}
.gl-name span.red{
	color: red;
	letter-spacing: 0;
 font-size: 13px;
}
.gl-name span.red span{
 font-size: 12px;
 letter-spacing: 0;
}

 @media screen and (max-width: 768px) {
	 .imgfull img {width:100%;}
	 table.tb_m .td1{    width: 22%;}
.com3_left {width:100%;}
.com3_right {width:100%;padding-left: 0;}
.gallery-img-style2 .gl-one-element{
	margin-right: 1%;
	width: 19.2%;
}
.gallery-img-style2 .mgr-0{
margin-right: 0px;
}
.gl-name{
font-size: 11px;
}
.gl-name span.red{
font-size: 11px;
}
.gl-name span.red span{
font-size: 11px;
    letter-spacing: -1px;
}

 }
 @media screen and (max-width: 670px) {
.pad_img{width:100%;}
	 table.tb_m .td1{    width: 26%;}
	 .gallery-img-style2 .gl-one-element{
    width: 100%;
	margin-right: 0;
	    margin-bottom: 20px;
}
	 .gl-name{font-size: 15px;}
	 .gl-name span {
    letter-spacing: 0px;
    }
	 .gl-name span.red {
    font-size: 16px;
    }
    .gl-name span.red span {
    font-size: 14px;
    letter-spacing: 0px;
    }
}


 @media screen and (max-width: 640px) {
	 
.com1 img {width:100%;}



	 .gl-name{font-size: 14px;}

 }
 @media screen and (max-width: 480px) {
.pad_l{    text-align: left;}
table.tb_m .td1{    width: 29%;}
.com4 img{
	width: 100%;
    margin: 0;
}
}