/*
Theme Name : 下関Eatクポーン
*/
@charset "utf-8";
/* CSS Document */

@font-face{
	font-family: 'Noto Sans JP';
	font-style:normal;
	font-weight: 400;
	src:
	local("Noto Sans CJK JP"),	url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Regular.woff2) format('woff2'),
		url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Regular.woff) format('woff'),
		url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Regular.otf) format('opentype');
	
}

html{
	font-size:62.5%;/*16px×62.5％＝10px*/
}
body{
	color: #000;
    font-family:'Montserrat', "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 15px;
	font-feature-settings: "palt";
	letter-spacing: 0.055em;
    text-align: justify;
    text-justify: inter-ideograph;
/*    min-width: 1200px;*/
    
}
p{
    color: #000;
}
a{
    color: #E60072;
    transition: 0.3s;
}
a:hover{
    opacity: 0.8;
}
.d-none{
    display: none;
}
hr {
  height: 0;
  margin: 0;
  padding: 0;
  border: 0;
}

/*スマホでは消す*/
.pc-dN{
	display:none!important;
}
.btn-trigger{
	display:none!important;
}
/*書体明朝に*/
.font-min{
    font-family:'游明朝体', '游明朝', YuMincho, 'ヒラギノ明朝 ProN', 'Hiragino Mincho ProN', 'ＭＳ Ｐ明朝', 'MS PMincho', serif;
}
.center{
    text-align: center;
}

.wrapper{
    max-width: 1184px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 2rem;
    padding-right: 2rem;

}
.headline4,.headline4_m{
    font-size: 25px;
	font-weight: 700;
    letter-spacing: 0.15em;
    color: #000;
    margin-bottom: 20px;
    line-height: 1.3;
}
.headline4 span{
    font-size: 25px;
	font-weight: 700;
    letter-spacing: 0.15em;
    color: #6A9A00;
}
.headline4_m span{
    font-size: 25px;
	font-weight: 700;
    letter-spacing: 0.15em;
    color: #009A88;
}

.content_pagetop{
    text-align: center;
    margin-top: 20px;
    display: flex;
    justify-content: center;
}
.content_pagetop a{
    color: #E60072;
}

.notfound p:nth-of-type(1){
        text-align: center;
    margin: 50px;
    font-size: 45px;
    
}
.notfound p:nth-of-type(2){
    text-align: center;
    font-size: 18px;
}
.notfound p:nth-of-type(3){
    text-align: center;
    font-size: 18px;
        margin-top: 20px;
    text-decoration: underline;
}


.totop{
    padding-top: 30px;
    margin: 0 auto;
    font-size: 14px;
}
.totop a{

    color: #E60072;
}

/*ヘッダー*/



/*トップ*/
.main{
    position: relative;
    background: url(images/back.png) center center no-repeat;
    background-size: cover;
    box-sizing: border-box;
        text-align: center;
}
.maintitle0 img:nth-of-type(1){
/*    position: absolute;*/
    max-width: 900px;
    width: 100%;
        top: 0;
    right: 0;
    left: 0;
    margin: auto;
}
.maintitle0 img:nth-of-type(2){
    position: relative;
    max-width: 300px;
    width: 100%;
}

.maintitle{
        text-align: center;
    margin-top: 20px;
}
.maintitle img{
    max-width: 700px;
        width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
}
@media only screen and (max-width:768px){
    
    
}


.maintitle0{
    
}

/*ふわっと表示*/
.effect-fade_n{
    opacity: 0;transform: translate(0, 80px);
    animation: fadein 0.9s ease forwards;
}
@keyframes fadein {
    100% {  
        transform: translate(0, 0);
        opacity: 1;}
}
/*以下遅延の指定*/
.top01 {animation-delay: 1s;}
.top02 {animation-delay: 1.5s;}
.top03 {animation-delay: 2s;}
.top04 {animation-delay: 2.5s;}
.top05 {animation-delay: 3s;}
.top06 {animation-delay: 3.5s;}
.top07 {animation-delay: 4s;}

/*スクロールで表示*/
.effect-fade{
    opacity: 0;
    transform: translate(0, 100px);
    transition: all 0.9s;
}
.effect-fade01{
    opacity: 0;
    transform: translate(0, 100px);
    transition: all 1.5s;
    animation-delay: 2s;
}
.effect-fade02{
    opacity: 0;
    transform: translate(0, 100px);
    transition: all 3.5s;
}
.effect-fade03{
    opacity: 0;
    transform: translate(0, -120px);
    transition: all 3.5s;
}
.effect-scroll{
    opacity: 1;
    transform: translate(0, 0);
}






/*コンテンツ*/
.content{
    position: relative;
    text-align: center;

    padding-bottom: 30px;   
}
.content img{
    width : 20vw ;
    margin-top: -80px;
}
.heading2{
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 5.5vw;
	font-weight: 900;
    color: #E60072;
    text-align: center;
    letter-spacing: 0.1em;
    line-height: 1.5em;
    position: relative;
    z-index: 2;
    border-bottom: solid 3px #E60072;
    display: table;
    margin: 0 auto;
}
.heading2 span{
    font-size: 3vw;
	font-weight: 700;
    color: #E60072;
    text-align: center;
    letter-spacing: 0.1em;
    line-height: 1.5em;
    position: relative;
    z-index: 2;
    border-bottom: solid 3px #E60072;
}
.content p{
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 25px;
	font-weight: 700;
    text-align: center;
    letter-spacing: 0.1em;
    line-height: 1.8em;
    padding: 20px 0 10px;
    position: relative;
    z-index: 2;

}
.content .kikan{
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 30px;
    color: #ff0000;
        font-weight: 700;
}
.content .kikan span{
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 45px;
        font-weight: 900;
}
.content p .big{
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 35px;
    font-weight: 900;
    color: #E60072;
}
.content p .small{
    font-size: 17px;
    font-weight: 700;
    line-height: 1.3;
    font-size: 15px;
    margin-top: 5px;
}
.content_in img{
    width : 26.6vw ;
    margin-top: -50px;
    position: absolute;
}
.content_in img:nth-of-type(1){
    top: 20%;
    left: 25%;
    width: 93px;
}
.content_in img:nth-of-type(2){
    top: 260px;
    left: 10%;
    width: 121px;
}
.content_in img:nth-of-type(3){
    top: 22%;
    right: 5%;
    width: 294px;
}
.content_in img:nth-of-type(4){
    top: 500px;
    left: 15%;
    width: 138px;
}
.content_in img:nth-of-type(5){
    top: 400px;
    right: 8%;
    width: 143px;
}
.content_in img:nth-of-type(6){
    top: 470px;
    right: 4%;
    width: 82px;
}

.content01{
    position: relative;
    text-align: center;
        margin: 50px;
}


.btn{
    display: flex;
    justify-content: center;
    margin-top: 30px;
}
.btn a{
    color: #fff;
    max-width: 480px;
    width: 100%;
}
.btn01{
    background-color: #6A9A00;
    padding: 15px 0;
    border-radius: 30px;
    font-size: 28px;
    font-weight: 500;
    letter-spacing: 0.05em;
    color: #fff;
    margin-right: 10px;
}
.btn02{
    background-color: #009A88;
    padding: 15px 0;
    border-radius: 30px;
    font-size: 28px;
    font-weight: 500;
    letter-spacing: 0.05em;
    color: #fff;
    margin-left: 10px;
}
.btn03{
    background-color: #E60072;
    padding: 15px 0;
    border-radius: 30px;
    font-size: 28px;
    font-weight: 500;
    letter-spacing: 0.05em;
    color: #fff;
    margin-right: 10px;
}

.content02{
    position: relative;
    text-align: center;
    background-color: #FFF7F7;
    padding-bottom: 50px;
}

.heading3{
    font-size: 35px;
	font-weight: 700;
    color: #550025;
    text-align: center;
    letter-spacing: 0.1em;
    line-height: 1.5em;
    position: relative;
    padding-top: 30px;
    margin-bottom: -30px;
}
.btn03,.btn04{
    background-color: #C25E6B;
    padding: 15px 0;
    border-radius: 30px;
    font-size: 28px;
    font-weight: 500;
    letter-spacing: 0.05em;
    color: #fff;
    margin-right: 10px;
}
.btn03{
    margin-right: 10px;
}
.btn04{
    margin-left: 10px;
}

.content02 span,.content03 span{
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0.05em;
}

.content01 .img02{
    
}




/* ご利用方法 */
.houhou{
    
}
.houhou_cont{
    background-color: #fff7f7;
	background-image: repeating-linear-gradient(-45deg,#fff, #fff 1px,transparent 0, transparent 5px);
    padding: 15px 0;
    border-radius: 30px;
    margin: 30px auto 60px ;
    max-width: 850px;
    width: 100%;
    position: relative;
    box-shadow: 10px 10px 20px 10px rgb(255 , 117 , 117 , .1);
}
.houhou_cont .img01{
    position: absolute;
    top: -50px;
    left: -10%;
    max-width: 300px;
    width: 25vw;
}
.houhouimg01{
        max-width: 400px;
    width: 100%;
    
}
.houhou p{
    font-size: 21px;
	font-weight: 600;
    letter-spacing: 0.1em;
    line-height: 1.5em;
    margin: 30px 0;
}
.houhou .houhoutxt00{
    font-size: 16px;
	font-weight: 700;
    letter-spacing: 0.1em;
    line-height: 1.5em;
    text-align: center;
    margin: 25px 0;
    padding: 10px 20px;
        background: #E60072;
    color: #fff;
    display: inline-block;
    width: 300px;
    margin: 10px auto 20px;
    border-radius: 30px;
    transition: 0.3s;
}
.houhou .houhoutxt00:hover{
    opacity: 0.7;
}
.houhou .houhoutxt000{
    margin-top: 5px;
}
.houhou .houhoutxt003{
    margin-top: 35px;
}
.line_t{
    margin: 0 20px;
}
.houhou .houhoucoupon{
    max-width: 400px;
    width: 100%;
}
.houhoutxt{
    width: 100%;
}
.heading4{
    border-bottom: 1px solid #000;
    padding-bottom: 6px;
    margin: 30px auto 10px;
    font-size: 18px;
    width: 350px;
    color: #000;
}
.houhoutxt p{
    letter-spacing: 0.1em;
    line-height: 1.5em;
    font-size: 14px;
    text-align: justify;
    text-align: left;
}
.content02 > p:first-of-type{
    font-size: 18px;
    letter-spacing: 0.1em;
    line-height: 1.5em;
    margin: 20px 80px;
    text-align: left;
}
.shinsei_hotel_txt{
    font-size: 18px;
    letter-spacing: 0.1em;
    line-height: 1.5;
    text-align: center;
    color: #000;
    margin-top: 30px;
}
.heading5{
    margin: 35px auto 10px;
    font-size: 18px;
    width: 100%;
    color: #000;
    letter-spacing: 0.1em;
    line-height: 1.5em;
}

.heading6{
    color: #550025;
    width: 380px;
    margin: 50px auto 0px;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0.1em;
  padding: 0.3em 0.5em;
  background: -webkit-repeating-linear-gradient(-45deg, #cce7ff, #cce7ff 3px,#e9f4ff 3px, #e9f4ff 7px);
  background: repeating-linear-gradient(-45deg, #cce7ff, #cce7ff 3px,#e9f4ff 3px, #e9f4ff 7px);
}


.content03{
    position: relative;
    text-align: center;
    background-color: #f6f6f6;
    padding-bottom: 50px;
}
.content03 .heading6{
    margin: 50px auto 20px;

}
.content02 > .heading5:last-of-type,
.content03 > .heading5:last-of-type{
    font-weight: 700;
    color: #e9727e;
}
.content_pagetop div{
    margin: 20px auto;
    
}
.content_pagetop a{
    font-size: 14px;
    margin-right: 15px;
    margin-left: 15px;
    
    
}


















/* フッター */
footer{
    position: relative;
    margin-bottom: 50px;
    text-align: center;
    letter-spacing: 0.1em;
    line-height: 1.8em;
}
.footer{
    margin-top: 50px;
}
.footer01{
    margin-top: 30px;
}
.copyrights{
    font-size: 11px;
    margin: 10px 0 50px;
}
.footer-tel > div > p:first-of-type{
    margin: 10px auto;
    background-color: #e6e6e6;
    padding: 5px 10px;
    border-radius: 30px;
    width: 150px;
}
.tel__num{
    font-size: 25px;
    margin: 10px 0;
    color: #000;
}




/*一覧PDFリンク（pdfcata.php）-----------------------------*/
.pdfcata_wrap{
    text-align: center;
    margin-bottom: 30px;
}
.pdfcata_wrap p{
    font-size: 15px;
    color: #000;
}

.pdfcata{
    display: flex;
    justify-content: center;
    margin: 20px;
}
.pdfcata li{
    margin-right: 10px;
}
.pdfcata li:last-child{
    margin-right: 0px;
}
.pdfcata_s,.pdfcata_k,.pdfcata_o{
    padding: 5px 10px;
    border-radius: 30px;
    font-weight: 600;
    width: 150px;
    text-align: center;
    margin-right: 10px;
    color: #fff;
    font-size: 15px;
}
.pdfcata_s{
    background-color: #1671BF;
}
.pdfcata_k{
    background-color: #149B4D;
}
.pdfcata_o{
    background-color: #E3652D;
}
/*-----------------------------*/







.map_link_m{
    background-color: #009A88;
    padding: 5px 10px;
    border-radius: 30px;
    font-weight: 600;
    width: 330px;
    text-align: center;
    margin: 20px auto;
    display:block;
    color: #fff;
    font-size: 15px;
}
.map_link{
    background-color: #6A9A00;
    padding: 5px 10px;
    border-radius: 30px;
    font-weight: 600;
    width: 330px;
    text-align: center;
    margin: 20px auto;
    display:block;
    color: #fff;
    font-size: 15px;
}

/*
-------------------------
クーポン配布宿泊施設一覧
-------------------------
*/
.content_page{
    position: relative;
    text-align: center;
}
.main_hotel img{
    position: relative;
    width: 100%;
    max-height: 130px;
    height: 100%;
    object-fit: cover;
}
.main_hotel02 img{
    position: absolute;
    width: 40vw;
        max-width: 550px;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

.content_page01{
    position: relative;
    text-align: center;
    background-color: #FFF7F7;
    padding: 30px 0;
}

.content_page01 p{
    width: 870px;
    font-size: 15px;
	font-weight: 500;
    text-align: center;
    letter-spacing: 0.1em;
    line-height: 1.4;
    margin: 0 auto;
}

.content_enki{
    background-color: #fff;
    padding: 20px;
    margin-top: 15px;
}
.content_enki00{
    background-color: #fff;
    padding: 20px;
    margin: 60px 200px 10px;
}
.content_enki p:nth-of-type(1),
.content_enki00 p:nth-of-type(1){
    text-align: right;
    
}
.content_enki p:nth-of-type(2),
.content_enki00 p:nth-of-type(2){
    text-align: center;
    font-size: 30px;
	font-weight: 900;
    color: #ff0000;
    line-height: 1.3;
    margin: 10px auto;
}
.content_enki p:nth-of-type(3),
.content_enki00 p:nth-of-type(3){
    text-align: center;
}



/*トップの延期*/
.content_enki000{
    background-color: #fff;
    padding: 30px;
    margin: 20px 200px 10px;
}
.content_enki000 p:nth-of-type(1){
    text-align: center;
    font-size: 30px;
	font-weight: 700;
    color: #ff0000;
    line-height: 1.3;
    margin: 10px auto;
    padding: 0px 0 0px;
}

.content_enki000 p:nth-of-type(2){
    text-align: center;
    font-size: 18px;
    font-weight: 500;
    padding: 0px 0 0px;
}




.content_pagetop > a{
    margin-bottom: 20px;
}





/*表*/


.tablepress {
  margin: 10px auto 25px;
    font-size: 14px;
    color: #000;
    max-width: 1200px;
    width: 100%;
/*
    display: block;
  overflow-x: scroll;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
*/

}
.tablepress th {
  background: #e9727e;
  border: solid 1px #000;
  color: #fff;
  padding: 15px;
}
.tablepress td {
  border: solid 1px #000;
  
  padding: 15px;
}
.tablepress caption{
    display: none;
}
@media screen and (max-width: 640px) {
.table_warp{
        margin: 0 20px;
        padding-right: 30px;
    }
        .tablepress thead{
        display: none;
    }
        .column-1{
        background: #e9727e;
        color: #fff;
    }
        .last td:last-child {
        border-bottom: solid 1px #000;
        width: 100%;
    }
        .tablepress {
        width: 100%;
        display: block;

    }
        .tablepress th,
        .tablepress td {
        border-bottom: none;
        display: block;
        width: 100%;
    }
        
    
    
/* 取扱店*/
    #tablepress-1 td:last-of-type,#tablepress-2 td:last-of-type,#tablepress-3 td:last-of-type,#tablepress-4 td:last-of-type,#tablepress-5 td:last-of-type,#tablepress-6 td:last-of-type,#tablepress-7 td:last-of-type,#tablepress-8 td:last-of-type,#tablepress-9 td:last-of-type,#tablepress-10 td:last-of-type {
        border-bottom: 1px solid #000;
    }  
    #tablepress-1 td:first-child:before,#tablepress-2 td:first-child:before,#tablepress-3 td:first-child:before,#tablepress-4 td:first-child:before,#tablepress-5 td:first-child:before,#tablepress-6 td:first-child:before,#tablepress-7 td:first-child:before,#tablepress-8 td:first-child:before,#tablepress-9 td:first-child:before,#tablepress-10 td:first-child:before{
        content: "［店舗名］ ";
    }
    #tablepress-1 td:nth-of-type(2):before,#tablepress-2 td:nth-of-type(2):before,#tablepress-3 td:nth-of-type(2):before,#tablepress-4 td:nth-of-type(2):before,#tablepress-5 td:nth-of-type(2):before,#tablepress-6 td:nth-of-type(2):before,#tablepress-7 td:nth-of-type(2):before,#tablepress-8 td:nth-of-type(2):before,#tablepress-9 td:nth-of-type(2):before,#tablepress-10 td:nth-of-type(2):before{
        content: "［所在地］ ";
    }
    #tablepress-1 td:nth-of-type(3):before,#tablepress-2 td:nth-of-type(3):before,#tablepress-3 td:nth-of-type(3):before,#tablepress-4 td:nth-of-type(3):before,#tablepress-5 td:nth-of-type(3):before,#tablepress-6 td:nth-of-type(3):before,#tablepress-7 td:nth-of-type(3):before,#tablepress-8 td:nth-of-type(3):before,#tablepress-9 td:nth-of-type(3):before,#tablepress-10 td:nth-of-type(3):before{
        content: "［電話番号］ ";
    }
    #tablepress-1 td:nth-of-type(4):before,#tablepress-2 td:nth-of-type(4):before,#tablepress-3 td:nth-of-type(4):before,#tablepress-4 td:nth-of-type(4):before,#tablepress-5 td:nth-of-type(4):before,#tablepress-6 td:nth-of-type(4):before,#tablepress-7 td:nth-of-type(4):before,#tablepress-8 td:nth-of-type(4):before,#tablepress-9 td:nth-of-type(4):before,#tablepress-10 td:nth-of-type(4):before{
        content: "［営業時間］ ";
    }
    #tablepress-1 td:nth-of-type(5):before,#tablepress-2 td:nth-of-type(5):before,#tablepress-3 td:nth-of-type(5):before,#tablepress-4 td:nth-of-type(5):before,#tablepress-5 td:nth-of-type(5):before,#tablepress-6 td:nth-of-type(5):before,#tablepress-7 td:nth-of-type(5):before,#tablepress-8 td:nth-of-type(5):before,#tablepress-9 td:nth-of-type(5):before,#tablepress-10 td:nth-of-type(5):before{
        content: "［定休日］ ";
    }
    #tablepress-1 td:nth-of-type(6):before,#tablepress-2 td:nth-of-type(6):before,#tablepress-3 td:nth-of-type(6):before,#tablepress-4 td:nth-of-type(6):before,#tablepress-1 td:nth-of-type(6):before,#tablepress-6 td:nth-of-type(6):before,#tablepress-7 td:nth-of-type(6):before,#tablepress-1 td:nth-of-type(6):before,#tablepress-9 td:nth-of-type(6):before,#tablepress-10 td:nth-of-type(6):before{
        content: "［ジャンル］ ";
    }
    
/* 宿泊施設*/
    #shukuhaku td:last-of-type {
        border-bottom: 1px solid #000;
    }  
    #shukuhaku td:first-child:before{
        content: "［店舗名］ ";
    }
    #shukuhaku td:nth-of-type(2):before{
        content: "［所在地］ ";
    }
    #shukuhaku td:nth-of-type(3):before{
        content: "［エリア］ ";
    }
    #shukuhaku td:nth-of-type(4):before{
        content: "［電話番号］ ";
    }
    #shukuhaku td:nth-of-type(5):before{
        content: "［WEB］ ";
    }
    

    
    
    
    
    
    
    
    

}

/* 見出し */
.table_warp h3{
    margin: 25px auto 10px;
    max-width: 1200px;
    text-align: center;
    background-color: #ff0000;
    padding: 5px 10px 3px;
    border-radius: 30px;
    font-weight: 600;
    width: 150px;
    color:#FFF;

}

/* 一覧 tab style */
.tab_group{
    display: flex;
    justify-content: center;
    margin: 10px auto 25px;
    max-width:1200px;
}
.tab{
    width: 200px;
    /* flex-grow: 1; */
    padding:5px;
    background-color: #e4e4e4;
    list-style:none;
    /* border:solid 1px #CCC; */
    text-align:center;
    cursor:pointer;
    user-select: none;
}
.panel_group{
    height:auto;
    /* border:solid 1px #CCC; */
    border-top:none;
}
.panel{
    display:none;
}
.tab.tab_active{
    background:#F00;
    color:#FFF;
    transition: all 0.2s ease-out;
}
.panel.tab_show{
    display:block;
}
/* アンカー関連 */
.categories_list {
    margin: 25px auto 10px;
    margin-top: 0.5em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
    max-width: 1200px;
}
.category_link{
    margin: auto 10px;
    width: auto;
    user-select: none;
}
.category_link a{
    color: #ff0000;
    text-align: center;
    background-color: #fff;
    border: 1px solid #ff0000;
    padding: 5px 10px 3px;
    border-radius: 30px;
    font-weight: 600;
    width: 100%;
}

/*-----*/

/* 宿泊施設エリア*/
.content_area{
    max-width: 1000px;
    width: 100%;
    margin: 20px auto;
}
.area_txt div{
    display: flex;
    justify-content: center;
    margin-bottom: 10px;
    margin-top: 2px;
}
.area_txt div:last-of-type{
    margin-bottom: 40px;
}
.content_area a{
    color: #fff;
}

.area_txt a{
    padding: 10px;
    border-radius: 20px;
    font-size: 16px;
    font-weight: 600;
    margin-right: 5px;
    margin-top: 20px;
}
.area01{background-color: #9FCA84;}
.area02{background-color: #D08D23;}
.area03{background-color: #23A8D0;}


.table_warp p{
    text-align: center;
    color: #e9727e;
}

/*表のサイズ*/
.column-1{
    width: 25%;
}
.column-2{
    width: 15%;
}
.column-3{
    width: 10%;
}
.column-4{
    width: 15%;
}
.column-5{
    width: 15%;
}
.column-6{
    width: 9%;
}
.column-7{
    width: 6%;
    word-wrap: break-word;
}





/*営業時間*/
.eigyo_jikan{
    display: flex;
}



/*
-------------------------
Contact Form7
-------------------------
*/
.wpcf7{
        margin: 0 20px;
    }
/*スマホサイズ*/
@media(max-width:450px) {
  .inquiry th, .inquiry td {
    display: block!important;
    width: 100%!important;
    border-top: none!important;
    -webkit-box-sizing: border-box!important;
    -moz-box-sizing: border-box!important;
    box-sizing: border-box!important;
  }
  .inquiry tr:first-child th {
    border-top: 1px solid #d7d7d7!important;
  }
  /*必須・任意のサイズ調整*/
  .inquiry .haveto, .inquiry .any {
    font-size: 10px;
  }
    
}

/*全体*/
/*見出し欄*/
.inquiry{
    margin: 30px auto;
    max-width: 980px;
    width: 100%;
    
}
.inquiry th {
  text-align: left;
  font-size: 14px;
  color: #444;
  padding: 15px;
  width: 40%;
  background: #f7f7f7;
  border: solid 1px #d7d7d7;
  vertical-align: -webkit-baseline-middle;
    font-weight: 500;
    line-height: 1.4em;
}

/*通常欄*/
.inquiry td {
  font-size: 13px;
  border: solid 1px #d7d7d7;
    padding: 15px;
}

/*横の行とテーブル全体*/
.entry-content .inquiry tr, .entry-content table {
  border: solid 1px #d7d7d7;
}

/*必須のデザイン*/
.haveto {
  font-size: 7px;
  padding: 5px;
  background: #ff9393;
  color: #fff;
  border-radius: 2px;
  margin-right: 5px;
  position: relative;
  bottom: 1px;
}

/*任意のデザイン*/
.any {
  font-size: 7px;
  background: #fff;
  color: #3498db;
  border-radius: 5px;
  border: 1px solid #3498db;
  margin-right: 5px;
  padding: 2px 6px 2px 5px;
  position: relative;
  bottom: 1px;
}

/*ラジオボタンを縦並び指定*/
.verticallist .wpcf7-list-item {
  display: block;
}

/*送信ボタンのデザイン*/
#formbtn {
  display: block;
  background: #6A9A00;
  color: #fff;
  font-size: 18px;
  font-weight: 500;
  border-radius: 30px;
  margin: 30px auto;
    padding: 10px 30px;
    border: 1px solid #6A9A00!important;
    transition: 0.3s;
}

/*送信ボタンのマウスホバー時*/
#formbtn:hover {
  background: #fff;
  color: #6A9A00;
  border: 1px solid #6A9A00!important;
}

.wpcf7-list-item {
  display: inherit;
}

/*既存のリスト（点）を非表示*/
 .post_content ul { 
  list-style: none;
  margin: 0;
}

/*初期アラート画面の非表示*/
.screen-reader-response {
  display: none;
}

/*エラーアラートの出力*/
.wpcf7-response-output.wpcf7-validation-errors,
.wpcf7-response-output.wpcf7-acceptance-missing {
  margin: 10px 0 12.5px 0;
  color: #B94A48;
  background-color: #F2DEDE;
  border: 1px solid #EED3D7;
  padding: 10px 15px;
}

/*サクセスアラートの出力*/
/*
.wpcf7-response-output.wpcf7-mail-sent-ok {
  margin: 10px 0 12.5px 0;
  color: #3A87AD;
  background-color: #D9EDF7;
  border: 1px solid #BCE8F1;
  padding: 10px 15px;
    background:#d5edda;
color:#185626;
border:1px solid #c4e5cc;
padding:10px
}
*/
.wpcf7-not-valid-tip{
    font-size: 15px;
    font-weight: bold;
    background-color: #ff0000;
    color: #fff;
    padding: 0 5px;
    margin-left: 10px;
    margin-top: 20px;
}
.wpcf7-response-output{
    text-align: center;
    font-size: 21px;
    font-weight: bold;
    color: #069a48;
    padding: 50px;
    margin: 20px auto;
}

form.sent .table-dn{
display:none;
}

form.sent .table-dn{
display:none;
}


/*ボタンリセット*/
button,
input[type="submit"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0;
    border: none;
    outline: none;
    background: transparent;
}
.inquiry_txt{
    margin-bottom: -20px;
    text-align: center;
}
.inquiry td .inquiry_td_nin{
    text-align: right;
}
/*チェックボックスの改行*/
span.wpcf7-list-item {
    display: block;
}


.kozatxt{
    max-width: 1000px;
    width: 100%;
    margin: auto;
    letter-spacing: 0.1em;
    line-height: 1.3em;
}
.wpcf7 .wpcf7-not-valid {
     background: #ffb6c1;
     }
     .wpcf7 .wpcf7-validation-errors {
     color: #B94A48;
     background-color: #F2DEDE;
     border: 1px solid #EED3D7;
     }
     .wpcf7 .wpcf7-mail-sent-ok {
     color: #3A87AD;
     background-color: #D9EDF7;
     border: 1px solid #BCE8F1;
     }


/*
-------------------------
申請ページ
-------------------------
*/
.content04{
    position: relative;
    text-align: center;
    background-color: #07576A;
    padding-bottom: 50px;
}
.content04 > p:first-of-type{
    padding-top: 30px;
    font-size: 30px;
    font-weight: 700;
    color: #fff;
    letter-spacing: 0.1em;
    line-height: 1.3em;
}
.content04 > p:nth-of-type(2){
    padding-top: 30px;
    font-size: 18px;
    font-weight: 300;
    color: #fff;
    letter-spacing: 0.1em;
    line-height: 1.5em;
    max-width: 650px;
    width: 100%;
    margin: 0 auto;
}
.shinseibtn{

    display: flex;
    justify-content: center;
    margin-top: 30px;
    
}
.shinseibtn_in,.shinseibtn_in01,.shinseibtn_in_s{
    width: 300px;
    height: 150px;
    letter-spacing: 0.1em;
    line-height: 1.3em;
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    border-radius: 20px;
}
.shinseibtn_in{
    background-color: #6A9A00;
}
.shinseibtn_in01{
    background-color: #009A88;
}
.shinseibtn_warp{
        margin: 0 10px;
}
/*
.shinseibtn_warp span{
    font-size: 30px;
    font-weight: 700;
        color: #ffff00;
    line-height: 1.2;
}
*/

/*申請受付終了*/
.shinseibtn_in_s{
    background-color: #9A9A9A;
}
/*申請締め切り*/
.deadline{
    margin-top: 30px;
    font-size: 18px;
    color: #ff0000;
}
.shinseibtn_warp span.deadline1{
    font-size: 21px;
    font-weight: bold;
    color: #ff0000;
    display: block;
        margin-top: 10px;
    text-shadow:2px 2px 0 #FFF, -2px -2px 0 #FFF,
              -2px 2px 0 #FFF, 2px -2px 0 #FFF,
              0px 2px 0 #FFF,  0-2px 0 #FFF,
              -2px 0 0 #FFF, 2px 0 0 #FFF;
}



/*TOPへ戻る*/
#page_top_btn{
	position: fixed;
	bottom: 40px;
	right: 40px;
	z-index: 200;
	display: none;
}

#page_top_btn a{
	font-size:25px;
	font-weight:500;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	line-height: 100%;
	border: solid #FFF 3px;
	height: 50px;
	width: 50px;
	background-color: #e9727e;
	color: #FFF;
}

#page_top_btn a span{
	display:block;
	transform: scaleX(1.5);
    margin-bottom: 5px;
}

/*ポップアップ*/
.popup {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  opacity: 0;
  visibility: hidden;
  transition: .6s;
}
.popup.is-show {
  opacity: 1;
  visibility: visible;
}
.popup-inner {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  width: 80%;
  max-width: 700px;
  padding: 50px;
  background-color: #ff0000;
  z-index: 2;
}
.popup-inner img {
  width: 100%;
}
.close-btn {
  position: absolute;
  right: 0;
  top: 0;
  width: 45px;
  height: 45px;
  line-height: 45px;
  text-align: center;
  cursor: pointer;
    background: #fff;
    transition: 0.3s;
}
.batsu{
    font-size: 400%;
    color: #ff0000;
}
.close-btn:hover {
    background: #ffff00;
}
.close-btn i {
  font-size: 20px;
  color: #000;
}
.black-background {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255,255,255,.8);
  z-index: 1;
  cursor: pointer;
}
.popup-inner p:nth-of-type(1){
    text-align: right;
    color: #fff;
}
.popup-inner p:nth-of-type(2){
    font-size:40px;
	font-weight:900;
    margin: 20px 0;
    text-align: center;
    line-height: 1.5;
    color: #ffff00;
}
.popup-inner p:nth-of-type(3){
    line-height: 1.5;
    color: #fff;
}




/* タブレットだけに適用するCSSCSS */
@media only screen and (max-width:1050px){
    
    /*タブレットでは消す*/
    .tb-dN{
	display:none !important;
}
    /*タブレットでは出す*/
    .pc-dN{
	display:none!important;
}
/*
.maintitle img:nth-of-type(2){
    width : 35vw ;
    margin-top: -70px;
}
*/
    

}
/* スマホだけに適用するCSS */
@media only screen and (max-width:768px){

    /*スマホでは消す*/
    .sp-dN{
        display:none;
    }
    .pc-dN{
        display:block!important;
    }
    body{
        width:100%;
        min-width:380px;
        height:100%;
        background-color: #fff;
    }
    .wrapper{
        margin: 0 20px;
        padding-left: 0rem;
        padding-right: 0rem;
    }

    /*TOPへ戻る*/
#page_top_btn {
		bottom: 20px;
		right: 20px;
	}

    
    /*トップ*/

.maintitle{
        top: 15px;
}
/*
.maintitle img:first-of-type{
        width : 95vw ;
    z-index: 1;
}
.maintitle img:nth-of-type(2){
    width : 40vw ;
        margin-top: -40px;
}
*/
/*コンテンツ*/
.content{
        padding: 0 0px 20px;
}
.content img{
        margin-top: 0px;
    width: 26vw;
}
.heading2{
        font-size: 8vw;
}
.heading2 span{
        font-size: 5vw;
}
.content p{
        font-size: 16px;
        padding: 0px 0 0px;
        margin-top: 0px;
}
.content p span{
        font-size: 28px;
}
.content_in img:nth-of-type(1){
        top: 5%;
        left: 23%;
        width: 50px;
}
.content_in img:nth-of-type(2){
        top: 20%;
        left: 5%;
        width: 60px;
}
.content_in img:nth-of-type(3){
        top: 10%;
        right: 5%;
        width: 100px;
}
.content_in img:nth-of-type(4){
        top: 420px;
        left: 15%;
        width: 80px;
}
.content_in img:nth-of-type(5){
        top: 390px;
        right: 40%;
        width: 80px;
}
.content_in img:nth-of-type(6){
        top: 420px;
        right: 17%;
        width: 60px;
}

.content01{
        margin: 0 20px;
}

.btn{
        display: block;
        margin-top: 20px;
}

.btn01{
        font-size: 15px;
        margin-right: 0px;
        margin-bottom: 15px;
}
.btn02{
        font-size: 15px;
        margin-left: 0px;
}

.content02{
        padding: 0 20px;
}
.heading3{
        font-size: 27px;
        padding-left: 20px;
        padding-right: 20px;
}
.btn03,.btn04{
        font-size: 16px;
        margin-right: 0px;
}
.btn03{
        margin-right: 0px;
        margin-bottom: 15px;
}
.btn04{
        margin-left: 0px;
}
    .btnsp{
        padding: 0 20px;
    }

.content02 span{
        font-size: 14px;
}
    
    /* ご利用方法 */
.houhou{
        display: block;
}
    .houhou_cont{
        width: 100%;
    }
.sticker {
    display: block;
    justify-content: center;
}
.sticker img{
    max-width: 100%;
height: auto;
}


    .houhou hr{
        color:#C25E6B;
        background-color:#C25E6B;
        border: none;
        height: 1px;
        margin: 20px 0;
    }

.houhoutxt{
        width: unset;
        
}
.houhoutxt p:first-of-type{
    padding-bottom: 6px;
}
.houhoutxt p:nth-of-type(2){
        margin: 20px 0px;
        font-size: 15px;
        text-align: justify;
}
.content02 > p:first-of-type{
        margin: 20px 0px;
        padding: 0 20px;
        font-size: 15px;
}
    
.houhoutxt p{
        margin: 10px 0px;
        width: 100%;
        text-align: justify;
}

.heading4{
        margin: 40px auto 0;
}
.heading5{
        width: unset;
}

.content03{
        padding-bottom: 10px;
        margin-bottom: 30px;
        padding: 0 20px 20px;
}

.content04 > p:first-of-type {
    
}
    .content04{
        padding: 20px;
        margin-bottom: 30px;
}
    
    
    .footer01{
        margin-top: 15px;
}
    
    .shinseibtn_in {
    padding: 10px 0;
}
    
    /*
-------------------------
クーポン配布宿泊施設一覧
-------------------------
*/

    .headline4{
        margin: 0 20px;
        line-height: 1.5em;
}
    .content_page01 p{
        width: auto;
        margin: 0 20px;
}
    
    
    .content_enki00{
    background-color: #fff;
    padding: 20px;
    margin: 60px 0px 10px;
}
    .content_enki p:nth-of-type(3), .content_enki00 p:nth-of-type(3) {
    text-align: center;
    line-height: 1.5;
}
    
    /*トップの延期*/
.content_enki000{
    background-color: #fff;
    padding: 30px;
    margin: 20px 0px 10px;
}
    
    
    /* 宿泊施設エリア*/
        .content_pagetop {
        margin: 20px 20px;
}
    .content_pagetop div {
        margin: 20px 0px;
}

.area_txt a{
        margin-right: 0px;
        margin-left: 0px;
        font-size: 13px;
}
    .pdfcata {
    margin: 20px 0;
}
    
    
    /* アンカー関連 */
.categories_list {
    margin: 25px auto 10px;
    margin-top: 0.5em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
    max-width: 1200px;
}
.category_link{
    margin: 10px 10px;
    width: auto;
    user-select: none;
}
    
    
@media only screen and (max-width:380px){
    #shukuhaku .tablepress th,
    #shukuhaku .tablepress td {
    width: 310px;
    }
}
    
    
    /*ポップアップ*/
    
    
    .popup-inner {
  padding: 20px;
}
    .popup-inner p:nth-of-type(1){
    margin-right: 30px;
}
    
    
    
    
}

/*２０２２年*/
.shoplist{
    margin: 0 20px;
  }
.shoplistsearch{
    max-width: 1200px;
    width: 100%;
        margin: 10px auto 25px;
    
}
.shoplist table{
  border-collapse: collapse;
    max-width: 1200px;
    width: 100%;
    margin: 10px auto 25px;
    line-height: 1.3;
    font-size: 13px;
}
.shoplist .tb01 th{
  padding: 10px;
  border: solid 1px #ccc;
  text-align:center;
  box-sizing:border-box;
    vertical-align: middle;
}
.shoplist .tb01 th {
  background: #ff7bac;
  color: #fff;
  
}
.shoplist .tb01 td{
  padding: 10px;
  border: solid 1px #ccc;
  text-align:left;
  box-sizing:border-box;
    vertical-align: middle;
}

.shoplist table td:last-of-type {
  width: 73px;
        text-align: center;
}
/*
.coupon_type .first,.coupon_type .last{
    font-size:0;
}
.coupon_type .first:before{
    content:'取扱店（あれこれクーポン券）';
    font-size:13px;
    color:black;
}
.coupon_type .last:before{
    content:'拡大取扱店（あれこれクーポン券・飲食限定クーポン券）';
    font-size:13px;
    color:black;
}
*/
.shoplist table.tb01 td:first-child{
    text-align: center;
        width: 55px;
  }
.w_63{
    width: 63px;
}
.w_02{
    width: 105px;
}
.w_03{
    width: 125px;
}
.w_160{
    width: 160px;
}
.w_05{
    width: 17%;
}
.w_06{
    width: 15%;
}

@media screen and (max-width: 768px) {
    
  .shoplist .tb01 .head{
    display:none;
  }
  .shoplist .tb01 {
    width: 100%;
  }
  .shoplist table.tb01 td {
    display: block;
    width: 100%;
    border-bottom:none;
  }
    .shoplist table.tb01 td:before {
    content: attr(data-label);
        color: #ff7bac;
        font-size: 11px;
        display: block;
  }
  .shoplist table.tb01 td:first-child{
    background: #FFE0EC;
    color:#fff;
    font-weight:bold;
    padding-bottom: 0;
    margin-top: 20px;
    width: 100%;
    display: flex;
      align-items: center;
              justify-content: left;
  }
    .shoplist table.tb01 td:nth-child(2){
        background: #FFE0EC;
    border-top: 0px;
  }
  .shoplist .tb01 tr td:last-child{
    border-bottom: solid 1px #ccc;
  }
    
    .shoplist table td:last-of-type {
  width: 100%;
}
    .w_63{
    width: 100%;
}
    .w_01,.w_02,.w_03,.w_04,.w_05,.w_06{
    width: 100%;
}
 
    
}


.is-hide {
  display: none;
}





.radio_bt,.checkbox_bt{
    margin-bottom: 20px;
    background: #F2F2F2;
    padding: 20px 40px;
}
.radio-input{
  display: none;
}
.radio-input + label{
  padding-left: 20px;
  position:relative;
  margin-right: 20px;
}
.radio-input + label::before{
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 15px;
  height: 15px;
  border: 1px solid #999;
  border-radius: 50%;
}
.radio-input:checked + label{
  color: #ff7bac;
}
.radio-input:checked + label::after{
  content: "";
  display: block;
  position: absolute;
  top: 3px;
  left: 3px;
  width: 11px;
  height: 11px;
  background: #ff7bac;
  border-radius: 50%;
}

.checkbox-input{
  display: none;
}
.checkbox-parts{
  padding-left: 20px;
  position:relative;
  margin-right: 20px;
}
.checkbox-parts::before{
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 15px;
  height: 15px;
  border: 1px solid #999;
  border-radius: 4px;
}
.checkbox-input:checked + .checkbox-parts{
  color: #ff7bac;
}
.checkbox-input:checked + .checkbox-parts::after{
  content: "";
  display: block;
  position: absolute;
  top: -5px;
  left: 5px;
  width: 7px;
  height: 14px;
  transform: rotate(40deg);
  border-bottom: 3px solid #ff7bac;
  border-right: 3px solid #ff7bac;
}

.shoplistsearch form{
        line-height: 1.6;
}
.search-box_label{
    font-size: 20px;
    padding: 5px 12px;
  border-left: 4px solid #ff7bac;
  margin-bottom: 20px;
}


.space{
    padding-bottom: 40px;
}


@media screen and (max-width: 768px) {
    
    .maintitle0 img:nth-of-type(2) {
    max-width: 100px;
}
    .content p .big {
            font-size: 23px;
    }
    
    .content .kikan {
    font-size: 17px;
}
    .content .kikan span {
    font-size: 28px;
}
    .houhou_cont .img01 {
    top: -17px;
    width: 32vw;
            left: 0px;
}
    .houhou p {
    font-size: 17px;
    margin: 30px 0 10px;
}
    .houhou .houhoutxt00 {
        width: auto;
/*        margin: 0 20px;*/
}
    .shinseibtn {
    display: block;
}
    .shinseibtn_warp {
    margin: 0 0 10px;
}
    
    .space{
    padding-bottom: 10px;
}
    
    
    
    
    
    
    
    
    
    
    
    .maintitle img{
    width : 80% ;
        margin-top: 0px;
}
    .maintitle img:nth-of-type(2) {
    width: inherit;
    margin-top: inherit;
}
    
    .maintitle img:nth-of-type(2) {
    width: 90%;
    margin-top: inherit;
        margin-bottom: 10px;
}
    
    
    .heading6{
    width: inherit;
        
    }
    
    .main_hotel02 img {
    width: 70vw;
}
    
    
    
    
    
    
}


.content p.small2{
    font-size: 17px;
    line-height: 1.5;
    margin-top: -20px;
    color: #ff0000;
    text-decoration: underline;
}


@media screen and (max-width: 768px) {
    .content p.small2{
    font-size: 15px;
    line-height: 1.5;
    margin-top: 5px;
}
    }



.content_page01 p.shuuryoutxt{
    margin-top: 16px;
    text-decoration: underline;
    font-size: 14px;
    line-height: 1.6;
    font-weight: 700;
    
}

/*2025Eatクーポン*/
.contentcontent{
    max-width: 980px;
    width: 100%;
    margin: auto;
    
}

.inquiry input{
    margin-bottom: 3px;
        padding: 10px 10px;
}

.contents{
        margin: 50px auto 60px;
    max-width: 850px;
    text-align: center;
}
.contents h4{
    font-size: 23px;
    line-height: 1.2;
}
.contents .btncontents{
        display: inline-block;
    background: #e9727e;
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    border-radius: 30px;
    margin: 30px auto;
    padding: 10px 30px;
    border: 1px solid #e9727e !important;
    transition: 0.3s;
}
    
.contents .btncontents:hover{
    background: #fff;
    color: #e9727e;
    border: 1px solid #e9727e !important;
    
}


#formbtn2 {
  display: block;
  background: #727272;
  color: #fff;
  font-size: 18px;
  font-weight: 500;
  border-radius: 30px;
  margin: 30px auto -20px;
    padding: 10px 30px;
    border: 1px solid #727272!important;
    transition: 0.3s;
}

/*送信ボタンのマウスホバー時*/
#formbtn2:hover {
  background: #fff;
  color: #727272;
  border: 1px solid #727272!important;
}

.houhouwrap{
    padding: 20px 30px;
    background: #fdeaea;
    margin-top: 20px;
    font-weight: bold;
}
.spacer60{
    margin-top: 60px;
}
.houhoutxt p.houhouwrap{
    text-align: center;
}

.bunri_yen{
    display: block;
    text-align: right;
}
.root img{
    width: 42px;
}
.notlink{
    pointer-events: none;
    color: #000;
    text-decoration: none !important;
}
.list_item a{
    text-decoration: underline;
}
.shoplist .list_item td span.mapno:first-child{
        font-size: 13px;
    font-weight: 500;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    height: 25px;
    width: 25px;
    background-color: #0988D1;
    color: #FFF;
        margin: auto;
}

.highlight{
font-weight:bold;
background-color:Yellow;
}
.keyword,.keyword2 {
    display: flex;
    align-items: center;
    margin: 10px 0;
}
.search-box input {
	margin: 0;
	padding: 0;
	background: none;
	border: none;
	border-radius: 0;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.search-box .btn_word{
    margin-right: 5px;
    display: block;
    padding: 10px;
    background: #fff;
    border-radius: 30px;
    border: solid 1px #ff7bac;
    box-sizing: border-box;
    width: 250px;
}
.search-box .btn_sample,
.search-box .btn_remove,
.search-box .btn_next{
    margin: 3px 2px;
    padding: 5px 20px;
    background: #fff;
    border-radius: 10px;
    border: solid 1px #ff7bac;
    box-sizing: border-box;
}
.search-box .keywordnext{
    display: none;
    position: fixed;
    z-index: 1;
    bottom: 0;
    left: 10px;
}

.sticker{
    padding: 30px;
    border-radius: 15px;
        margin: 0 auto 30px;
/*    border: solid 5px #e94a08;*/
    width: 71%;
    background-color: #FDE2D7;
    background-image: repeating-linear-gradient(-45deg, #fff, #fff 1px, transparent 0, transparent 5px);
}
.sticker1{
    display: flex;
    gap:30px;
    justify-content: center;
    align-items: center;
/*    background: #e94a08;*/
    
}
.sticker img{
    width: 250px;
}
.sticker p{
    color: #e94a08;
}
.sticker .hr1 {
  border-top: 1px solid #e94a08;
}
.message p:nth-of-type(1){
    color: #000;
    font-size: 17px;
        margin: 30px 20px 10px;
}
.message p:nth-of-type(2){
    color: #000;
    font-size: 14px;
    text-align: justify;
        margin-top: 0px;
}
@media screen and (max-width: 768px) {
    .houhouwrap{
        box-sizing: border-box;
    }
    .houhoutxt p.houhouwrap{
        text-align: left;
        font-size: 14px;
}
    .shoplist .list_item td:first-child::before{
    content: "MAP番号";
    color: #000;
    font-weight: normal;
    font-size: 13px;
    width: 66px;
}
    .shoplist .list_item td span.mapno:first-child{
        margin: 0 0 0 10px;
    }
    .keyword {
    display: block;
    align-items: center;
    margin: 10px 0;
}
    .search-box .btn_word{
        width: 100%;
    }
    
    .bunri_yen{
    text-align: left;
}
    .houhou .houhoucoupon{
            width: 90%;
    }
    .sticker,.sticker1{
        display: block;
        
    }
    
    
    
}

.content p.kikan1{
        background: rgb(225 , 238 , 244 , .6);
    margin: 20px;
    border-radius: 30px;
}

.ttl_center4 {
  font-weight: bold;
  padding: 0 3em;
  width: fit-content;
  margin: 0 auto;
  text-align: center;
  position: relative;
        color: #4c9ac0;
}
.content .kikan span.ttl_center5{
    color: #ff0000;
    font-size: 28px;
}
.ttl_center4::before, .ttl_center4::after {
  content: '';
  background: #4c9ac0;
  width: 2em;
  height: 3px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}
.ttl_center5::before, .ttl_center5::after {
  background: #ff0000;
}
.ttl_center4::before {
  left: 0;
}
.ttl_center4::after {
  right: 0;
}

@media screen and (max-width: 768px) {
    .content p.kikan1{
        margin: 20px;
        padding: 20px;
        line-height: 1.5;
        font-size: 18px;
}
    .content p.kikan1 span{
        font-size: 20px;
}
        .content p.kikan1 span.small{
        font-size: 16px;
}
    .content .kikan span.ttl_center5 {
    font-size: 23px;
}
    
    
    
}