
/*全体・リセット---------------------*/
html,body {
  overflow-x: hidden;
}
header, nav, article, aside, section, footer {
	display:block;
}
.st2-page-title {
	padding: 0.5rem 20px 0;
	margin-bottom: 0.5rem;
}
.st2-page-title__heading__txt {
	font-size: 1.3rem;
	font-weight: normal;
}
.st2-main-container {
	padding-top: 0;
}
.st2-contents-wrapper>div>div {
	padding: 0;
}
h2{
	margin:0;
}
h3{
	margin:0;
}
h4{
	margin:0;
}

p,ul,li,dl,dt,dd{
	margin: 0;
	padding: 0;
}
ul{
	list-style: none;
}
a:hover  {
	text-decoration: none;
	opacity:0.9;
	transition:0.3s;
}
.red{
	color: #cd0808;
}
.yellow{
	color: #fffc1e;
}
.L01 {
	font-size: 150%;
}
.L02 {
	font-size: 120%;
}
.S01 {
	font-size: 80%;
}
.coupon-cau .S01 {
	font-size: 87%;
	line-height: 1.75;
	margin-top: 0.5rem;
}
.S02 {
	font-size: 70%;
	padding-left: 1rem;
}
.pa04 {
	padding-top: 4rem;
}

@media (min-width: 737px) {
	.pc_none{
		display:none;
	}
}

@media (max-width: 736px) {
	.sp_none{
		display:none;
	}
	.st2-page-title__heading__txt {
		font-size: 1.1rem;
		font-weight: normal;
	}
}
/*全体---------------------*/
.pcnone {
    display: none;
}
@media (max-width: 736px) {
	.pcnone {
		display: block;
	}
}
/*MV---------------------*/
#top_img img {
	text-align: center;
	width: 100%;
	display: block;
	margin: 0 auto;
}
#kyushu {
    background: #D5F7B3;
}
#blk01 {
	margin: 0 -2rem 4rem;
}
@media (max-width: 736px) {
	#kyushu {
       padding: 0 2.9891304348%;
	}
}
/*wrapper---------------------*/
@media (max-width: 736px) {
	.blk_wrapper{
		padding: 0 2.8205128205%;
	}
}
/*background---------------------*/
.st2-color-layout[data-color="1"]>div {
    background: #449900;
}
.st2-color-section:last-child {
    padding-bottom: 4rem;
}
/*anc---------------------*/
.anc_area {
	max-width: 1100px;
	margin: 0 auto;
}
.anc_area ul {
	display: flex;
}
.anc_area ul li {
	width: 35%;
}
.anc_area ul li a {
    background-color: #449900;
    /* border-radius: 6px; */
    display: block;
    box-shadow: -2px 2px 2px 0px rgba(0, 0, 0, 0.1);
    border: 2px solid #FFFFFF;
    padding: 1rem;
    font-size: 1.4rem;
    text-align: center;
    position: relative;
    margin-right: 1rem;
    color: #FFFFFF;
	font-family: "M PLUS 1 Code", monospace;
    font-optical-sizing: auto;
    font-style: normal;
}
.anc_area ul li:last-child a{
	margin-right: 0;
}
.anc_area p a {
	font-size: 1.3rem;
    text-align: right;
    margin-top: 1.5rem;
    position: relative;
    padding-right: 2.5rem;
	color: #df4832;
	display: block;
}
.anc_area .st2-icon-bottom-arrow{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 0.8rem;
	width: 1.2rem;
	height: 1.2rem;
	fill: #FFFFFF;;
}
.anc_area p .st2-icon-bottom-arrow{
	fill: #df4832;
}
 /*anc(都道府県別)---------------------*/
.mikaku .anc_area {
    margin: 2rem 0 5rem 0;
}
.mikaku .anc_area ul li a {
    background-color: #ffffff;
    border: 2px solid #347a0f;
    color: #347a0f;
}
.mikaku .anc_area .st2-icon-bottom-arrow {
    fill: #347a0f;
}
 /*---------------------*/

@media (max-width: 1024px){
	.anc_area ul li a {
		padding: 0.7rem;
		font-size: 1.3rem;
	}
	.anc_area p a{
		font-size: 1.4rem;
		padding-right: 0;
		padding-left: 2.5rem;
	}
}
@media (max-width: 736px){
	.mikaku .anc_area {
        margin: 2rem 0 -4rem 0;
	}
	.anc_area ul {
		flex-wrap: wrap;
		margin-right: -2%;
	}
	.anc_area ul li {
        width: 31%;
        margin-right: 2%;
        margin-bottom: 0.5rem;
        line-height: 1.3;
	}
	.anc_area ul li a {
		padding: 0.5rem;
		font-size: 1.1rem;
		margin-right: 0;
	}
	.anc_area .st2-icon-bottom-arrow {
		right: 0;
		left: 0.5rem;
		width: 0.8rem;
		height: 0.8rem;
	    fill: #ffffff;;
	}
	.anc_area p a {
        font-size: 1.2rem;
		text-align: left;
		padding-left: 2rem;
    }
}
/*btn---------------------*/
.st2-btn {
   margin: 2rem 0 7rem 0;
}
.st2-btn:last-child {
    margin-bottom: 4rem;

}
.st2-btn  .st2-btn__container {
    border-radius: 100px;
    padding: 2rem;
    font-size: 2rem;
    box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.1);
}
.st2-btn[data-color="1"] .st2-btn__container {
    /* border: 1px solid #1956cf; */
    color: #ffffff;
    background: #1956cf;
}
.st2-btn[data-color="1"] .st2-icon-right-arrow, .st2-btn[data-color="1"] .st2-icon-newwin, .st2-btn[data-color="1"] .st2-icon-pdf {
    fill: #ffffff;
}
.st2-btn[data-color="9"] .st2-btn__container {
    background: #1956cf;
    color: #fff;
}
.mikaku .st2-btn[data-color="2"] .st2-btn__container {
    border: 1px solid #347a0f;
    color: #347a0f;
    background: #fff;
}
.mikaku .st2-btn[data-color="2"] .st2-icon-right-arrow, .st2-btn[data-color="2"] .st2-icon-newwin, .st2-btn[data-color="2"] .st2-icon-pdf {
    fill: #347a0f;
}

.st2-btn__txt {
	font-family: "M PLUS 1 Code", monospace;
    font-optical-sizing: auto;
    font-style: normal;
}
@media (max-width: 736px) {
	.st2-btn .st2-btn__container {
		font-size: 1.2rem;
		padding: 1rem;
	}
}
/*h共通---------------------*/
h2,
h3,
.st2-heading-lv3,
.st2-heading-lv4 {
   font-family: "M PLUS 1 Code", monospace;
   font-optical-sizing: auto;
   font-style: normal;
}
h2,
h3,
.st2-heading-lv3 {
   font-weight: 500;
}
.st2-heading-lv4 {
   font-weight: 400;
}
/*h2---------------------*/
section h2 {
   max-width: 1100px;
   margin: 8rem auto 1rem;
   font-size: 4rem;
   line-height: 1.4;
   display: flex;              
   align-items: center;        
   justify-content: center;  
   gap: 1rem;                  
    text-align: center;  
    color: #fff;
}
section　h2 img {
    vertical-align: middle;
}
.h2_sub_txt {
    font-size: 1.8rem;
    font-weight: normal;
    display: block;
}
section  h2 > span {
    display: inline-block;
    vertical-align: middle;
}

/*h3---------------------*/
h3,
.st2-heading-lv3 {
	text-align: left;
	font-size: 2.6rem;
	margin: 2rem 0 1rem;
}
.mikaku h3 {
    margin: 1rem 0;
}
@media (max-width: 736px) {
	.mikaku .h3_txt {
		font-size: 1.4rem;
	}
section h2 {
    margin-top: 3rem;
	}
h3, .st2-heading-lv3 {
    margin: 2rem 0 1rem 0;
	}
    .st2-heading-lv3__heading__txt {
    font-size: 1.6rem;
    }
}
/*h4---------------------*/
h4,
.st2-heading-lv4 {
   margin: 9rem 0 2rem 0;
}
.mikaku .st2-heading-lv4 {
   display: flex;
   align-items: center;
}
.mikaku .st2-heading-lv4::after {
   content: "";
   flex-grow: 1;
   border-bottom: 3px dotted #347a0f;
   margin-left: 1rem;
}
.mikaku .intro {
   margin: 0;
}
@media (max-width: 736px) {
    #coupon img,
	#mikaku img,
	#kanren img {
        width: 16%;
        height: auto;
    }
    section h2 { 
        font-size: 2rem;
		gap: 0;
    }
    .h2_sub_txt {
        font-size: 1rem;
	}
    h3,
	.st2-heading-lv3 {
		font-size: 1.6rem;
	}
	.highlight {
		font-size: 1.4rem;
	}
	h4, .st2-heading-lv4 {
			margin-top: 7rem;
		}	
}
/*キャンペーン概要---------------------*/
.box_ind {
    font-size: 2rem;
    line-height: 1.6;
}
.box_ind dl {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 0.4em;
    line-height: 1.6;
}
.box_ind dt,
.box_ind dd {
    margin: 0;
}
.box_ind dd {
    flex: 1;
}
.box_ind dt {
    font-weight: bold;
}
.box_ind.joken {
	margin-top: -2rem;
}
.indent {
    display: block;
    padding-left: 3rem;
    font-size: 1.6rem;
}
.S01 {
    font-size: 1.6rem;
    padding-left: 1rem;
    text-indent: -1rem;
}
.red {
    color: #cd0808;
}
p.day_R {
    margin-top: -5rem;
}
p.S01 {
    margin-top: -3rem;
}
p.S01.contact {
  margin-top: 0;
  text-indent: -1rem;
}
p.S02.contact {
  padding-left: 0;
}
p.S02.contact a {
  font-size: 2rem;
}
.S02 a {
    position: relative;
    display: inline-block;
    text-decoration: none;
    color: #1956cf;
    padding-left: 1.2rem;
    font-size: 1.6rem;
}
.S02 a::before {
    content: "▶";              
    font-size: 0.9rem;         
    vertical-align: middle;
    margin-right: 0.3rem;      
    color: #1956cf;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.S02 a::after {
    content: "";
    position: absolute;
    left: 1.2rem;
    bottom: 0;
    width: calc(100% - 1.2rem);
    height: 1px;
    background-color: #1956cf;
    display: none;
}
.S02 a:hover::after {
    display: block;
}
@media (max-width: 736px) {
    .box_ind {
        font-size: 1.4rem;
        line-height: 1.5;
        padding: 0 1rem;
    }

    .box_ind dl {
        display: block;
        margin-bottom: 1rem;
    }
    .box_ind dt,
    .box_ind dd {
        display: block;
        margin: 0;
        padding: 0;
        text-align: left;
    }
    .box_ind dd {
        margin-left: 0;
        padding-left: 0;
        margin-bottom: 0.3rem;
    }
    .box_ind .day_C {
        display: none;
    }
    .day_L,
    .day_R {
        font-size: 1.2rem;
    }
    .box_ind .indent {
        font-size: 1rem;
        margin-bottom: 0.3rem;
    }
    .S01 {
        font-size: 1rem;
        margin-bottom: 0.3rem;
    }
    .box_ind p.day_R,
    .box_ind p.S01 {
        text-align: left;
        display: block;
        line-height: 1.5;
    }
	p.day_R {
		margin-top: -4rem;
	}
	p.S01 {
		margin-top: -2rem;
	}
	p.S02 a {
		font-size: 1rem;
	}	
	p.S02.contact a {
		font-size: 1.2rem;
	}
}
/*coupon---------------------*/
.coupon .st2-color-section[data-color="6"]>div {
   background: #FFFEE0;
   margin-top: -1rem;
   border: 4px solid #1956cf;
   border-radius: 0 0 20px 20px;
}
.coupon h2 {
   background: #1956cf;
   padding: 3rem 0 2rem 0;
   border-radius: 20px 20px 0 0;
}
.coupon h3 {
   color: #1956cf;
}
.coupon .st2-color-section>div {
   padding: 0 3rem 4rem 3rem;
}
.coupon .st2-pic-block {
   margin: 5rem 0 8rem 0;
}
@media (max-width: 736px) {
	.coupon .st2-color-section[data-color="6"]>div {
		border: 2px solid #1956cf;
	}
}
/*plan---------------------*/
.st2-divide-api[data-border] .st2-divide-api__item {
   border: none;
   box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.1);
}
@media (max-width: 736px) {
    .coupon .st2-color-section>div {
        padding: 0 1rem 2rem 1rem;
    }
	.coupon .st2-pic-block {
		 margin: 3rem 0;
    }
	.coupon .st2-pic-block__pic-holder {
	   max-width: 90%;
       margin: 0 auto;
    }
    .st2-search__btn .st2-icon-search {
       width: 1.3rem;
    }
	.st2-search__btn__container {
       font-size: 1.3rem;
    }
}
/*mikaku/kanren 共通---------------------*/
.mikaku h3,
.kanren h3{
   color: #347a0f;
}
.mikaku .st2-color-section[data-color="6"]>div, 
.kanren .st2-color-section[data-color="6"]>div {
   background: #ffffffba;
   box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.1);
}
/*mikaku---------------------*/

.st2-color-section[data-color="10"] > div {
   border: 3px solid #ffffff;
   background: #ffffff94;

   border-radius: 20px;
   box-shadow: 3px 3px 3px 0 rgba(0, 0, 0, 0.1);
}
.mikaku .highlight {
   background: #a91c13;
   color: #fff;
   text-align: center;
   padding: 0.5rem 0;
   border-radius: 100px;
   font-weight: normal;
   margin-bottom: 2rem;
}
.mikaku_text {
     margin: 0 5rem;
}
.mikaku .intro {
    position: relative;
    display: flex;
    align-items: center;
    gap: 1rem;
    color: #fff;
    font-size: 1.8rem;
	font-weight: normal;
    background: #b0120b;
    padding: 0.8rem 2rem;
    left: -5%;
	border-radius: 0 100px 100px 0;
    box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.1);
	margin-bottom: 2rem;
}
.mikaku .eat {
    background: #b0120b;
}
.mikaku .place {
    background: #C57A00;
}
.intro img {
    max-width: 6%;
}
.mikaku .h3_txt {
    font-size: 2.5rem;
    padding: 0 0.2rem;
}
.mikaku .st2-heading-lv4__heading__txt {
    color: #347a0f;
	font-size: 2.5rem;
	font-weight: 400;
}
.st2-color-section {
    margin-bottom: 4rem;
}
.mikaku .st2-api-loader {
    margin-bottom: 6rem;
}
.mikaku .highlight,
.mikaku .intro,
.mikaku p strong {
	font-family: "Noto Serif JP", serif;
    font-style: normal;
}
.mikaku .highlight,
.mikaku .intro {
    font-weight: 500;
}
.mikaku p strong {
    font-weight: 800;
}
.mikakumap {
	text-align: center;
	margin-top: 2rem;
    margin: 3rem 0 5rem 0;
}

@media (max-width: 736px) {
    .mikaku h3 {
        margin: 0;
    }
.mikaku_text {
    margin: 0px 1.5rem;
	}
    .st2-color-section>div {
        padding: 1.5rem;
    }
    .mikaku .intro {
        font-size: 1.2rem;	
    }
    .mikaku .h3_txt {
        font-size: 1.4rem;
    }
    .mikaku .st2-heading-lv3__heading__txt {
        font-size: 1.6rem;
    }
    .mikaku .st2-heading-lv4__heading__txt {
        font-size: 1.5rem;
    }	
    .mikaku .st2-api-loader {
        margin-bottom: 3rem;
    }
    .mikaku .intro {
        flex-direction: row;
        align-items: center;
        flex-wrap: nowrap;
        gap: 0.5rem;
        white-space: nowrap;
		width: 103%;
        padding: 0.8rem 1rem 0.8rem 0.5rem;
		left: -6%;
    }
    .mikaku .intro img {
        max-width: 6%;
        height: auto;
        flex-shrink: 0;
    }
    .mikaku .intro span {
        display: inline-block;
    }
	.mikaku .intro {
		 width: 103%;
        padding: 0.8rem 1rem 0.8rem 0.5rem;
	}
	.mikaku .st2-paragraph {
		margin-bottom: 0;
	}
}
/*kanren---------------------*/
.kanren .st2-color-section[data-color="9"]>div {
    background: #fff;
    background: #ffffff94;
    box-shadow: 3px 3px 3px 0 rgba(0, 0, 0, 0.1);
}
/* fix --------------------- */
.st2-site-footer__page-to-top.this-active a {
    bottom: 6rem;
 }
.fix {
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 100;
    padding: 0;
    text-align: center;
    background: rgb(86 187 5 / 86%);
    font-family: "M PLUS 1 Code", monospace;
    font-optical-sizing: auto;
    font-style: normal;
    box-shadow: 0 -2px 9px rgba(0, 0, 0, 0.2);
}

/* tabbottomArea */
.fix.tabbottomArea ul {
    display: flex;
    justify-content: center;
    max-width: 1100px;
    margin: 0 auto;
    padding: 0;
}

.fix.tabbottomArea ul li {
    flex: 1;
    margin: 0;
    border-right: 1px solid #fff;
	padding: 1rem 0 1rem 0;
}

.fix.tabbottomArea ul li:last-child {
    border-right: none;
}

.fix.tabbottomArea ul li a {
    display: flex;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 1.4rem;
    line-height: 1.5;
    text-align: center;
}

.tabbottomArea a:hover {
    opacity: 0.8;
    text-decoration: none;
}

@media (max-width: 736px) {
    .fix {
        padding: 0;
    }
	.fix.tabbottomArea ul li {
		padding: 0.5rem 0 0.5rem 0;
	}	
.fix.tabbottomArea ul li a {
		font-size: 1.3rem;
		line-height: 1.2;
	}	
    .st2-site-footer__page-to-top.this-active a {
        bottom: 7rem;
    }
}



