@charset "utf-8";
/* CSS Document */
.sakurasan-area {
margin: 0 auto 15px auto;
background: #fffbe2;
padding: 10px 10px 15px 20px;
/*width: 78%;*/
border: 1px solid #fffbe2;
}
.sakurasan-area:hover{
background: #fffdf0;
border: 1px solid #ef7a00;
}
.sakurasan-area .l-block{
  width: 410px;
}
.sakurasan-area .r-block{
  width: 150px;
}
.sakurasan-area .txt-big03 {
	margin: 7px 0 7px 0;
}
article .sakurasan-area a{
	color: #000;
	text-decoration: none;
}
.boxCol2 {
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.boxCol2>dl, .boxCol2>div, .boxCol2>li, .boxCol2 ._col2Inner {
    width: calc(50% - 10px);
    margin: 0 5px 10px 5px;
}
.boxCol2 img {
    max-width: 100%;
    vertical-align: middle;
    height: auto;
}
.boxCol3 {
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.boxCol3>dl, .boxCol3>div, .boxCol3>li, .boxCol3 ._col3Inner {
    width: calc(33.3% - 10px);
    margin: 0 5px 10px 5px;
}
.boxCol3 img {
    max-width: 100%;
    vertical-align: middle;
    height: auto;
}
@media only screen and (max-width: 750px) {
  .sakurasan-area {
padding: 5px 10px 0 10px;
text-align: center;
  }
.sakurasan-area p {
	font-size: 12px;
}
.sakurasan-area .txt-big03 {
	font-size: 15px;
}
.sakurasan-area .l-block{
    width: 100% !important;
}
.sakurasan-area .r-block{
    width: 100% !important;
}
.boxCol2>dl, .boxCol2>div, .boxCol2>li, .boxCol2 ._col2Inner,
.boxCol3>dl, .boxCol3>div, .boxCol3>li, .boxCol3 ._col3Inner {
    width: calc(50% - 10px);
    margin: 0 5px 10px 5px;
}
}