.container h1{
	margin: 0;
  text-align: center;
}
.container h1 img{
	width: 100%;
	max-width: 100%;
}
.container h1 + p{
	text-align: left;
	margin-top: 25px;
	line-height: 1.8;
}
.ab_list_bt_dw {
    color: #443829;
    overflow: hidden;
}
.ab_list_bt_dw ul {
    display: flex;
    flex-wrap: wrap;
}
.ab_list_bt_dw li {
    width: 48.6%;
    margin-top: 20px;
    margin-right: 2.8%;
    color: #443829;
    border-radius: 50px;
    border: 2px solid #938675;
    background: url('../../common/img/ar_down.png') no-repeat 95%;
    text-align: center;
}
.ab_list_bt_dw li:nth-child(2n) {
	margin-right: 0;
}
.ab_list_bt_dw li a {
    display: block;
    padding: 15px 20px;
    font-size: 18px;
}

#ala-festa .for-pc { display: block;}
#ala-festa .for-sp { display: none;}
#ala-festa img.for-pc { display: inline;}
#ala-festa img.for-sp { display: none;}
#ala-festa img { max-width: 100%;}
#ala-festa h2  { text-align: left; background-color: transparent;}

#ala-festa #sec01                     { padding: 0 0 1px 0; margin: 0 0 70px 0; background: #fcf9d4;}
#ala-festa #sec01_box00               { margin: 0 40px 70px;}
#ala-festa #sec01_box00 .text         { margin: 40px 0 20px; font-size: 16px; line-height: 1.8; text-align: center;}
#ala-festa #sec01_box00 .btn-item     { width: 365px; height: 60px; margin: 0 auto; font-size: 16px; line-height: 60px; text-align: center;}
#ala-festa #sec01_box00 .btn-item a   { border-radius: 60px; font-size: 16px; line-height: 60px; text-align: center; color: #fff; display: block; background: #2a8e16;}
#ala-festa #sec01_box00 .btn-item span{ 
  padding: 0 0 0 32px; display: inline-block; background: url("../img/icon_cart.png") left center no-repeat;
  -webkit-background-size: 21px 15px; background-size: 21px 15px;
}
#ala-festa #sec01_box01               { padding: 40px 20px; margin: 0 40px 70px; background: #fff;}
#ala-festa #sec01_box01 h2            { padding: 0; margin: 0 0 35px 0; text-align: center; background: #fff;}
#ala-festa #sec01_box01 h2 img        { width: 533px; vertical-align: top;}
#ala-festa #sec01_box01 .image        { margin: 0 0 30px 0; text-align: center;}
#ala-festa #sec01_box01 .text         { font-size: 14px; line-height: 1.8; text-align: center;}
#ala-festa #sec01_box01 .color        { font-size: 14px; font-weight: bold; color: #2a8e16;}

#ala-festa #sec01_box02               { padding: 0 90px; margin: 0 0 70px;}
#ala-festa #sec01_box02 h2            { padding: 0; margin: 0 0 35px 0; text-align: center; background: none;}
#ala-festa #sec01_box02 h2 img        { width: 568px; vertical-align: top;}
#ala-festa #sec01_box02 .step         { width: 570px; margin: 0 auto 40px;}
#ala-festa #sec01_box02 .step li      { margin: 0 auto 40px;}
#ala-festa #sec01_box02 .step h3      { padding: 0; margin: 0 0 10px 0; font-size: 24px; font-weight: bold; color: #2a8e16;}
#ala-festa #sec01_box02 .step .num    { width: 36px; height: 36px; margin: 0 10px 0 0; border-radius: 36px; line-height: 36px; text-align: center; font-size: 22px; font-weight: bold; color: #fff; display: inline-block; background: #2a8e16;}
#ala-festa #sec01_box02 .step .text   { font-size: 14px; line-height: 1.8;}
#ala-festa #sec01_box02 .answer       { text-align: center;}

#ala-festa #sec01_box03               { padding: 25px 30px 5px 30px; margin: 0 60px 60px; border: #443829 1px dashed; border-radius: 2px; display: flex; justify-content: space-between; align-items: center; box-sizing: border-box;}
#ala-festa #sec01_box03 .desc         { width: 400px;}
#ala-festa #sec01_box03 .image        { width: 150px;}
#ala-festa #sec01_box03 h2            { padding: 0; margin: 0 0 10px 0; font-size: 18px; font-weight: bold;}
#ala-festa #sec01_box03 ul            { margin: 0 0 20px 0;}
#ala-festa #sec01_box03 ul li         { margin: 0 0 10px 0; padding: 0 0 0 1em; font-size: 14px; text-indent: -1em; line-height: 1.8; list-style: disc inside;}
#ala-festa #sec01_box03 ul li .color  { color: #c51602;}

#ala-festa #sec02                     { margin: 0 0 70px 0;}
#ala-festa #sec02 h2                  { padding: 0; margin: 0 0 40px 0; text-align: center; background: none;}
#ala-festa #sec02 h2 img              { width: 541px; vertical-align: top;}
#ala-festa #sec02 .month-list         { display: flex; flex-wrap: wrap;}
#ala-festa #sec02 .month-list li      { width: calc(50% - 10px); margin: 0 20px 20px 0; box-sizing: border-box; background: #e6f5f0;}
#ala-festa #sec02 .month-list li:nth-child(2n) { margin: 0 0 20px 0;}
#ala-festa #sec02 .month-list h3      { padding: 16px 20px; margin: 0; font-size: 16px; font-weight: 700; line-height: 1.4; letter-spacing: 0.1em; color: #00845b; background: #c7e9de;}
#ala-festa #sec02 .month-list .desc   { padding: 20px;}
#ala-festa #sec02 .month-list .area   { margin: 0 0 5px 0; font-size: 13px; text-align: left;}
#ala-festa #sec02 .month-list .date   { margin: 0 0 15px 0; font-size: 13px; text-align: left;}
#ala-festa #sec02 .month-list .image  { margin: 0 0 15px 0; text-align: center;}
#ala-festa #sec02 .month-list .name   { font-size: 13px; text-align: left;}

#ala-festa #sec03                     { margin: 0 0 70px 0;}
#ala-festa #sec03 h2                  { padding: 0; margin: 0 0 20px 0; text-align: center; background: none;}
#ala-festa #sec03 h2 img              { width: 701px; vertical-align: top;}
#ala-festa #sec03 .pop-area           { padding: 20px 20px 10px 20px; margin: 0 120px 20px; border-radius: 10px; background: #feef03; position: relative;}
#ala-festa #sec03 .pop-area::after    {
  content: ""; width: 0; height: 0; border-width: 8px 14px 8px 0; position: absolute; left: calc(50% - 7px); bottom: -14px;
  border-style: solid; border-color: transparent #feef03 transparent transparent; transform: rotate(-90deg);
}
#ala-festa #sec03 .pop-area h3        { padding: 0; margin: 0 0 5px 0; font-size: 20px; font-weight: bold;}
#ala-festa #sec03 .pop-area h3 .color { padding: 0; margin: 0 0 5px 0; font-size: 20px; font-weight: bold; color: #00845b;}
#ala-festa #sec03 .inner-box          { display: flex; justify-content: space-between; align-items: center;}
#ala-festa #sec03 .inner-box .text    { width: calc(100% - 135px); margin: 0;}
#ala-festa #sec03 .inner-box .image   { width: 115px; margin: 0 0 0 20px;}
#ala-festa #sec03 .line01             { margin: 0 0 15px 0; font-size: 13px;}
#ala-festa #sec03 .inner-box dl       { padding: 0; margin: 0 0 10px 0; display: flex;}
#ala-festa #sec03 .inner-box dl dt    { font-size: 13px;}
#ala-festa #sec03 .inner-box dl dd    { font-size: 13px;}
#ala-festa #sec03 .effect-list        { padding: 20px; display: flex; flex-wrap: wrap; background: #e6f5f0;}
#ala-festa #sec03 .effect-list li     { width: calc(50% - 10px); margin: 0 20px 0 0; box-sizing: border-box;}
#ala-festa #sec03 .effect-list li:nth-child(2n) { margin: 0;}
#ala-festa #sec03 .effect-list .text  { padding: 0 0 15px 0; margin: 0; font-size: 16px; font-weight: 700; line-height: 1.4; letter-spacing: 0.1em; color: #00845b;}

#ala-festa #sec_attention       { padding: 30px 30px 20px 30px; margin: 0 0 50px 0; border: #443829 1px dashed; border-radius: 2px;}
#ala-festa #sec_attention h2    { padding: 0; margin: 0 0 15px 0; font-size: 18px; font-weight: bold;}
#ala-festa #sec_attention ul li { margin: 0 0 10px 0; padding: 0 0 0 1em; font-size: 14px; text-indent: -1em; list-style: disc inside;}

.bnr_list li { margin: 0 0 20px;}
.bnr_list li:last-child { margin: 0;}
.bnr_list li a:hover { opacity: .8;}
.bnr_list img { width: 100%; vertical-align: top;}


@media only screen and (max-width: 767px) {
	.section-title {
	    font-size: 16px;
	}	
	.container h1 + p{
		text-align: left;
	}	
	.ab_list_bt_dw {
    margin: 0 10px 20px;
	}
	.ab_list_bt_dw li {
		width: 100%;
    margin-top: 10px;
    margin-right: 0;
	}
  .ab_list_bt_dw li a {
    display: block;
    padding: 15px 20px;
    font-size: 16px;
  }
  
  #ala-festa .for-pc { display: none;}
  #ala-festa .for-sp { display: block;}
  #ala-festa img.for-pc { display: none;}
  #ala-festa img.for-sp { display: inline; height: auto; max-height: initial;}
  #ala-festa h2 { text-align: left; background-color: transparent;}
  
  #ala-festa #sec01                     { padding: 0 0 1px 0; margin: 0 0 40px 0; background: #fcf9d4;}
  #ala-festa #sec01 h1                  { margin: 0;}
  #ala-festa #sec01_box00               { margin: 0 20px 40px;}
  #ala-festa #sec01_box00 .text         { margin: 20px 0 20px; font-size: 14px; line-height: 1.8; text-align: justify;}
  #ala-festa #sec01_box00 .btn-item     { width: 80%; height: 60px; margin: 0 auto; font-size: 16px; line-height: 60px; text-align: center;}
  #ala-festa #sec01_box00 .btn-item a   { border-radius: 60px; font-size: 16px; line-height: 60px; text-align: center; color: #fff; display: block; background: #2a8e16;}
  #ala-festa #sec01_box00 .btn-item span{ 
    padding: 0 0 0 32px; display: inline-block; background: url("../img/icon_cart.png") left center no-repeat;
    -webkit-background-size: 21px 15px; background-size: 21px 15px;
  }
  #ala-festa #sec01_box01               { padding: 30px 0 20px; margin: 0 15px 60px; background: #fff;}
  #ala-festa #sec01_box01 h2            { width: 90%; padding: 0; margin: 0 auto 15px; text-align: center; background: #fff;}
  #ala-festa #sec01_box01 h2 img        { width: auto; vertical-align: top;}
  #ala-festa #sec01_box01 .image        { margin: 0 20px 20px; text-align: center;}
  #ala-festa #sec01_box01 .text         { padding: 0 15px; font-size: 14px; line-height: 1.8; text-align: justify;}
  #ala-festa #sec01_box01 .color        { font-size: 14px; font-weight: bold; color: #2a8e16;}

  #ala-festa #sec01_box02               { padding: 0 15px; margin: 0 0 40px;}
  #ala-festa #sec01_box02 h2            { width: 90%; padding: 0; margin: 0 auto 35px; text-align: center;}
  #ala-festa #sec01_box02 h2 img        { width: auto; vertical-align: top;}
  #ala-festa #sec01_box02 .step         { width: auto; margin: 0 15px 30px;}
  #ala-festa #sec01_box02 .step li      { margin: 0 auto 30px;}
  #ala-festa #sec01_box02 .step h3      { padding: 0; margin: 0 0 10px 0; font-size: 18px; font-weight: bold; color: #2a8e16;}
  #ala-festa #sec01_box02 .step .num    { width: 24px; height: 24px; margin: 0 8px 0 0; border-radius: 24px; line-height: 24px; text-align: center; font-size: 16px; font-weight: bold; color: #fff; display: inline-block; background: #2a8e16;}
  #ala-festa #sec01_box02 .step .text   { font-size: 14px; line-height: 1.8;}
  #ala-festa #sec01_box02 .answer       { text-align: center;}

  #ala-festa #sec01_box03               { padding: 25px 15px 5px; margin: 0 15px 20px; border: #443829 1px dashed; border-radius: 2px; display: block;}
  #ala-festa #sec01_box03 .desc         { width: auto;}
  #ala-festa #sec01_box03 .image        { width: 40%; margin: 0 auto 30px; text-align: center;}
  #ala-festa #sec01_box03 h2            { padding: 0; margin: 0 0 10px 0; font-size: 18px; font-weight: bold;}
  #ala-festa #sec01_box03 ul            { margin: 0 0 20px 0;}
  #ala-festa #sec01_box03 ul li         { margin: 0 0 10px 0; padding: 0 0 0 1em; font-size: 14px; text-indent: -1em; line-height: 1.8; list-style: disc inside;}
  #ala-festa #sec01_box03 ul li .color  { color: #c51602;}

  #ala-festa #sec02                     { margin: 0 10px 70px;}
  #ala-festa #sec02 h2                  { padding: 0; margin: 0 20px 20px 20px; text-align: center;}
  #ala-festa #sec02 h2 img              { width: auto; vertical-align: top;}
  #ala-festa #sec02 .month-list         { display: block; flex-wrap: wrap;}
  #ala-festa #sec02 .month-list li      { width: auto; margin: 0 0 20px 0; box-sizing: border-box; background: #e6f5f0;}
  #ala-festa #sec02 .month-list li:nth-child(2n) { margin: 0 0 20px 0;}
  #ala-festa #sec02 .month-list h3      { padding: 16px 20px; margin: 0; font-size: 16px; font-weight: 700; line-height: 1.4; letter-spacing: 0.1em; color: #00845b; background: #c7e9de;}
  #ala-festa #sec02 .month-list .desc   { padding: 20px;}
  #ala-festa #sec02 .month-list .area   { margin: 0 0 5px 0; font-size: 13px; text-align: left;}
  #ala-festa #sec02 .month-list .date   { margin: 0 0 15px 0; font-size: 13px; text-align: left;}
  #ala-festa #sec02 .month-list .image  { margin: 0 0 15px 0; text-align: center;}
  #ala-festa #sec02 .month-list .name   { font-size: 13px; text-align: left;}

  #ala-festa #sec03                     { margin: 0 10px 40px;}
  #ala-festa #sec03 h2                  { padding: 0; margin: 0 20px 20px 20px; text-align: center;}
  #ala-festa #sec03 h2 img              { width: auto; vertical-align: top;}
  #ala-festa #sec03 .pop-area           { padding: 15px 15px 5px 15px; margin: 0 0 20px; border-radius: 10px; background: #feef03; position: relative;}
  #ala-festa #sec03 .pop-area::after    {
    content: ""; width: 0; height: 0; border-width: 8px 14px 8px 0; position: absolute; left: calc(50% - 7px); bottom: -14px;
    border-style: solid; border-color: transparent #feef03 transparent transparent; transform: rotate(-90deg);
  }
  #ala-festa #sec03 .pop-area h3        { padding: 0; margin: 0 0 5px 0; font-size: 20px; font-weight: bold;}
  #ala-festa #sec03 .pop-area h3 .color { padding: 0; margin: 0 0 5px 0; font-size: 20px; font-weight: bold; color: #00845b;}
  #ala-festa #sec03 .inner-box          { display: flex; justify-content: space-between; align-items: center;}
  #ala-festa #sec03 .inner-box .text    { width: calc(100% - 90px); margin: 0;}
  #ala-festa #sec03 .inner-box .image   { width: 80px; margin: 0 0 0 10px;}
  #ala-festa #sec03 .line01             { margin: 0 0 10px 0; font-size: 12px;}
  #ala-festa #sec03 .inner-box dl       { padding: 0; margin: 0 0 7px 0; display: flex;}
  #ala-festa #sec03 .inner-box dl dt    { min-width: 40px; font-size: 12px;}
  #ala-festa #sec03 .inner-box dl dd    { font-size: 12px;}
  #ala-festa #sec03 .effect-list        { padding: 30px 0; display: block; flex-wrap: wrap; background: #e6f5f0;}
  #ala-festa #sec03 .effect-list li     { width: 80%; margin: 0 auto 30px; box-sizing: border-box;}
  #ala-festa #sec03 .effect-list li:nth-child(2n) { margin: 0 auto;}
  #ala-festa #sec03 .effect-list .text  { padding: 0 0 15px 0; margin: 0; font-size: 14px; font-weight: 700; line-height: 1.4; letter-spacing: 0.1em; color: #00845b;}

  #ala-festa #sec_attention       { padding: 20px 20px 10px 20px; margin: 0 10px 20px; border: #443829 1px dashed; border-radius: 2px;}
  #ala-festa #sec_attention h2    { padding: 0; margin: 0 0 15px 0; font-size: 18px; font-weight: bold;}
  #ala-festa #sec_attention ul li { margin: 0 0 10px 0; padding: 0 0 0 1em; font-size: 14px; text-indent: -1em; list-style: disc inside;}
}