@charset "UTF-8";

/* ------------------------------
    nav_side
------------------------------ */
.nav_side{
	margin-top: 20px;
	order: 2;
}

@media screen and (max-width: 768px) {

	.nav_side{
		margin-top: 2%;
		order:1;
	}

}

/* ------------------------------
    area_main
------------------------------ */
.area_main{
	margin: 20px 0 0 25px;
	order: 3;
}

@media screen and (max-width: 768px) {

	.area_main{
		margin: 5% 0 0;
	}
	
}

/* ----------------------------------------------------------------------------------------------------
*  fv
* --------------------------------------------------------------------------------------------------*/
.fv{
	width: 100%;
	/*height: 231px;*/
	order: 1;
	margin-bottom: 20px;
}

@media screen and (max-width: 768px) {

	.fv{
		height: auto;
		order: 2;
		margin-top: 5%;
	}

}

/* ----------------------------------------------------------------------------------------------------
*  area_main
* --------------------------------------------------------------------------------------------------*/
.area_main{
	background: #FFD301;
}

@media screen and (max-width: 768px) {

	.area_main{
		width:100%;
	}
	
}

/* ------------------------------
    area_limited
------------------------------ */
.area_limited{
	padding: 45px 0 30px;
}
.area_limited figure{
	text-align: center;
}
.area_limited figure + figure{
	margin-top: 13px;
}

@media screen and (max-width: 768px) {

	.area_limited{
		padding: 0;
	}
	.area_limited figure + figure{
		margin-top: 2%;
	}
	
}

/* ------------------------------
    area_campaign
------------------------------ */
.area_campaign{
	background: #E0007A;
	padding: 25px 0;
}
.area_campaign figure{
	text-align: center;
}

@media screen and (max-width: 768px) {

.area_campaign{
	padding: 3%;
}
	
}

/* ------------------------------
    area_sale
------------------------------ */
.area_sale{
	padding: 130px 0 50px;
}
.area_sale .box_sale{
	width: 602px;
	border-radius: 5px;
	background: #fff;
	border: 1px solid #E0007A;
	box-shadow:0px 0px 0px 6px #ffffff;
	margin: 0 auto;
	padding: 30px;
}
.area_sale .box_sale .ttl{
	margin: -130px 0 0;
	text-align: center;
}
.area_sale .box_sale .greeting{
	color: #1D2086;
	font-size: 2rem;
	font-weight: bold;
	text-align: center;
	line-height: 1.3;
}
.area_sale .box_sale .txt{
	margin-top: 10px;
	font-size: 1.6rem;
	line-height: 1.6;
}
.area_sale .box_sale .staff{
	margin-top: 5px;
	font-size: 1.6rem;
	text-align: right;
}

@media screen and (max-width: 768px) {

	.area_sale{
		padding: 65px 3% 5%;
	}
	.area_sale .box_sale{
		width: calc(100% - 8px);
		box-shadow:0px 0px 0px 4px #ffffff;
		margin: 0 auto;
		padding: 5%;
	}
	.area_sale .box_sale .ttl{
		width: 239px;
		margin: -62px auto 0;
	}
	.area_sale .box_sale .greeting{
		font-size: 1.3rem;
	}
	.area_sale .box_sale .txt{
		margin-top: 2%;
		font-size: 1.2rem;
		line-height: 1.4;
	}
	.area_sale .box_sale .staff{
		margin-top: 2%;
		font-size: 1.2rem;
	}
	
}
.info01 {
    width: 100%;
    margin: 20px auto;
    background: #fff;
    border: solid 2px #ed181c;
}

.info01 h6 {
    text-align: center;
    font-size: 17px;
    color: #ed181c;
    margin: 10px 0;
    font-weight: bold;
}

.info01 p {
    width: 80%;
    margin: 0 auto;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.5;
    color: #333;
}
.info02 {
    width: 590px;
    margin: 20px auto;
    padding: 15px;
    background: #fff;
    border: solid 2px #ed181c;
    border-radius: 10px;
}
.info002 {
    width: 590px;
    margin: 20px auto;
    padding: 15px;
    border: solid 2px #ed181c;
    border-radius: 10px;
}
    
.info02 p {
    color: #333;
    font-size: 11px;
    font-weight: bold;
    line-height: 1.2;
    
}

.mT05 {
    margin-top: 5px !important;
    font-size: 17px!important;
    

}
.notice-title_mT05 {
    margin-top: 5px !important;
    font-size: 20px!important;
    text-align: center;

}
.notice-title_mT04 {
    margin-top: 5px !important;
    font-size: 14px!important;
    text-align: left; 

}
.notice-title {
  text-align: center;   /* タイトルは中央寄せ */
  font-weight: bold;
  font-size: 22px;
}

.notice-text {
  text-align: left;     /* 本文は左寄せ */
  font-size: 16px;
}


@media screen and (max-width: 768px) {

    .info02{
    width:100%;
    margin: 2% auto;
    
    }
    
     /* タイトル部分 */
    .info02 .notice-title {
        font-size: 18px;   /* スマホでは小さめ */
        text-align: center;
    }

    /* 本文部分 */
    .info02 .notice-text {
        font-size: 11px!important;   /* 本文も小さめ */
        text-align: left;
    }

    
}