@charset "UTF-8";

.photobox-A p{
  margin-bottom : 15px;
  text-align : left;
  line-height : 1.3rem;
}

.photobox-A ul{
  margin-bottom : 18px;
  text-align : left;
  font-size : 13px;
}

.photobox-A a{
  text-decoration : underline;
}

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

.halfA{
  width : 46%;
  background-color : #3e3e84;
  padding-top : 15px;
  padding-bottom : 15px;padding-right : 1%;padding-left : 1%;
  text-align : center;
  margin-left : 1%;
  margin-right : 1%;
  float : left;
}

.halfA img{
  max-width: 280px; min-width: 80px; 
  width : 100%;   
  height: auto;
  margin-bottom : 10px;
}

.halfB{
  width : 46%;
  float : right;
  background-color : #3e3e84;
  padding-top : 15px;
  padding-bottom : 15px;padding-right : 1%;padding-left : 1%;
  text-align : center;
  margin-left : 1%;
  margin-right : 1%;
}

.halfB img{
  max-width: 280px; min-width: 80px; 
  width : 100%;   
  height: auto;
  margin-bottom : 10px;
}


/* ################################################################################ */
/*===============================================
●PC.css  画面の横幅が770px以上①
===============================================*/
@media (min-width: 770px) {

.photo-A{
  float : left;

  width : 42%;
}

.photo-A img{
  max-width: 280px; min-width: 210px; 
  width : 100%;   
  height: auto;
  margin-left : 2%;
  margin-right : 2%;
  float: left;
    margin-bottom : 10px;
  }
.photobox-A{

  float : left;
  width : 58%;
  text-align : center;
}

.photobox-A span{
  color : #ffffff;
  background-color : #ff4a4a;
  padding : 1px 30px;
  font-size : 13px;
  font-weight : bold;
  text-align : center;
}

.photobox-yado{
  margin-top : 8px;
}

.photobox-A b{
  padding-left : 5px;
  border-left-width : 3px;
  border-left-style : solid;
  border-left-color : #ffad5b;
  line-height : 1.4rem;
  margin-right : 20px;
  margin-left : 8%;
  font-size : 13px;
}

h5{
  font-size : 18px;
  margin-left : 2%;
  margin-top : 10px;
  margin-bottom : 10px;
    text-align : left;
  }

h5 img{
  padding-bottom : 4px;
  margin-right : 5px;
}

.halfin{
	margin-right : 10%;
	margin-left : 10%;	
}

.mainhalf span{
  color : #ffffff;
  background-color : #ff4a4a;
  padding : 1px 30px;
  font-size : 14px;
  font-weight : bold;
  text-align : center;
}

}
/*===============================================
●SP.css  画面の横幅が770pxまで③
===============================================*/
@media screen and (max-width:770px){

.photo-A{
  margin-top : 10px;
    margin-bottom : -5px;
  }

.photo-A img{
  max-width: 750px; min-width: 240px; 
  width : 96%;    
  height: auto;
  margin-left : 2%;
  margin-right : 2%;
  float: left;
  margin-bottom : 10px;
}
.photobox-A{
  margin-top : 10px;


    text-align : center;
  }

.photobox-A span{
  color : #ffffff;
  background-color : #ff4a4a;
padding : 1px 5px;padding-left : 5px;
  font-weight : bold;
  text-align : center;
    margin-bottom : 10px;
  }

.photobox-yado{
  margin-top : 15px;
}

.photobox-A b{
  padding-left : 5px;
  border-left-width : 3px;
  border-left-style : solid;
  border-left-color : #ffad5b;
  line-height : 1.4rem;
  margin-right : 20px;
  margin-left : 2%;
  font-size : 13px;
}

h5{
  font-size : 15px;
  margin-left : 2%;
  margin-bottom : 0px;
  padding-bottom : 5px;
}

h5 img{
  padding-bottom : 4px;
  margin-right : 5px;
  width : 17px;
  height : 17px;
}

.halfin{
	margin-right: 3%;
	margin-left: 3%;	
}

}



.halfin strong{
  text-align : left;
}

.halfin p{
  text-align : left;
  margin-top : 10px;
  margin-bottom : 5px;
}

.mainA ul{
  margin-left : 4%;
  margin-bottom : 20px;
}

.mainA b{
  padding-left : 8px;
  border-left-width : 4px;
  border-left-style : solid;
  border-left-color : #8080ff;
  line-height : 2rem;
  margin-right : 25px;
}