@charset "utf-8";
/* CSS Document */

/*共通*/
.hinamin {font-family: 'BIZ UDMincho', serif;
line-height: 2;
letter-spacing: 1.5px;}
.indent-1 {
		padding-left:1em;
		text-indent:-1em;
	}
.mgb20 {margin-bottom: 20px;}

/*見出し*/
.ttlLv1 {
    border-bottom: none!important;
    text-align: center;
    color: #019379;
}
.ttlLv1:after {
    background-color: transparent;
}

.ttlLv1::before {
    content: "";
    background: url(/content/dam/sites/wwwjalcojp/jp/ja/domtour/jaldp/setouchi_artfest/img_sites/midashi_bg_pc.png) no-repeat center top;
    background-size: cover;
    width: 100%;
    height: 72px;
    position: absolute;
    top: 40px;
    left: 0;
}

@media all and (max-width: 739px){
	.ttlLv1::before {
    top: 20px;
}
}
@media all and (min-width: 740px){
	.ttlLv1::before {
    top: 40px;
}
}

@media (min-width: 740px) {
    .ttlLv1 .heading {
        font-size: 3.4rem!important;
    }
}

.ttlLv2 {
	padding-top: 30px;
}

.ttlLv2 .heading {
     border-left: none!important;
     line-height: 1.8!important;
	    
}

.ttlLv2 {
border-bottom: 1px dashed #00d8b1!important;
}

.nobdr .ttlLv2 {
border-bottom: none!important;
}

.ttlLv3 {
	padding-top: 10px!important;
    margin-bottom: 10px!important;
}

/*宿泊期間*/
.kikan {
	    border: 1px solid #47a4c3;
    padding: 20px;
    text-align: center;
    margin: 30px auto;
}

/*ポイント*/
.pointOutline {
border: 1px solid #1F9EC7;
}

td, th { 
	border: 1px #c0c0c0 solid!important;
    height: 40px;
}

/*アンカーリンク*/
a.btn.iconDown {
    color: #1f9ec7;
font-weight: bold;
outline: none;
font-size: 0.9em;
}
a.btn.iconDown:hover {
    color: #3F7A9C;
text-decoration: none;
}
.btnBox .btn {
    background-color: #fff;
    border-left: none;
    border-right: none;
}

/*クーポン*/
.couponBdr {
	border: 1px solid #c0c0c0;
}

.couponarea {
	border: 1px solid #c0c0c0;
	padding: 10px;
	background-color: #fafcf7;
}
.couponbg {
border: 2px solid #01b191;
padding-top: 20px;
padding-bottom: 20px;
position: relative;
}

.couponbg::before,
.couponbg::after {
 content: ' ';
position: absolute;
width: 0px;
height: 0px;
}

.couponbg::before {
    top: -2px;
    left: -2px;
    border-top: 25px solid #01b191;
    border-left: 25px solid #01b191;
    border-bottom: 25px solid rgba(0 0 0 / 0);
    border-right: 25px solid rgba(0 0 0 / 0);
}

.couponbg::after {
bottom: -2px;
right: -2px;
border-top: 25px solid rgba(0 0 0 / 0);
border-left: 25px solid rgba(0 0 0 / 0);
border-bottom: 25px solid #01b191;
border-right: 25px solid  #01b191;
}

/*ポイント*/
.point { background-color: #1f9ec7;
padding: 6px 20px;
color: #fff;
font-weight: bold;
}

.pptbg {
border: 2px solid #01b191;
padding-top: 20px;
padding-bottom: 20px;
position: relative;
}

.pptbg::before,
.pptbg::after {
 content: ' ';
position: absolute;
width: 0px;
height: 0px;
}

.pptbg::before {
    top: -2px;
    left: -2px;
    border-top: 15px solid #01b191;
    border-left: 15px solid #01b191;
    border-bottom: 15px solid rgba(0 0 0 / 0);
    border-right: 15px solid rgba(0 0 0 / 0);
}

.pptbg::after {
bottom: -2px;
right: -2px;
border-top: 15px solid rgba(0 0 0 / 0);
border-left: 15px solid rgba(0 0 0 / 0);
border-bottom: 15px solid #01b191;
border-right: 15px solid  #01b191;
}



/* about*/
.width50 { 
width: 50%;
margin: 10px auto;
}
.width60 { 
width: 70%;
margin: 20px auto;
}
.spring {
background-color: #fd8cbc;
padding: 3px 8px;
color: #fff;
font-weight: bold;
}

.summer {
background-color: #47a4c3;
padding: 3px 8px;
color: #fff;
font-weight: bold;
}

.autumn {
background-color: #f9914b;
padding: 3px 8px;
color: #fff;
font-weight: bold;
}

/*作品のご案内*/
.artBlk { padding-bottom: 30px; border-bottom: 1px dashed #01b191; margin-bottom: 30px; }
.artBlkEnd{  margin-bottom: 30px; }

/*ポイント*/
.pointWrap {display: flex;}

.pointTxt { display: inline;
font-size: 1.6em;
font-weight: bold;
color: #1f9ec7; 
line-height: 1.5;}
.ppt { background-color: #e9ffd1; 
}
.btnLink .btn { background-color: #1f9ec7;
border-radius: 50px;
color: #fff; padding: 20px 60px!important; text-decoration: none; font-weight: bold;}
.btnLink { text-align: center; }
.btnLink .btn:hover { background-color: #3F7A9C; }

/* ホテル*/
.htlTtl { background-color: #dedede; 
font-size: 0.8em;
text-align: center;}
.htlSpot { 
text-align: center;  font-weight: bold;}
.htlSpot span {
background-color: #fd8cbc;
margin-left: 5px;
border-radius: 50px;
padding: 3px;
color: #fff;
font-family: normal;
}
.htlLink { border: 1px solid #dedede; margin: 15px auto; text-align: center; padding: 8px;}
.htlLink a { font-size: 1.0em!important;  }
.btnLink .btn:after , .btn .altIcon  { right: 25px; }
.mailHtl { font-size: 1em; }
.width475 { max-width: 475px; }

/*ご案内*/

.attention { 
	border: 1px solid #c0c0c0;
}

.annai {
	background-color: #c00;
	color: #fff;
	padding-top: 8px;
    padding-bottom: 8px;
}

.annaiInner {
	padding: 10px;
}


.endTxt {
color: #c00; font-weight: bold; font-size: 1.2em;
border: 2px solid #c00; padding: 20px;
}

.comingsoon .btn {
    background-color: #1f9ec7;
    border-radius: 50px;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
}