@charset "UTF-8";
/* CSS Document */
#pan{text-align:left;font-size:1.3rem;padding:10px 0;}
#pan li{display:inline-block;text-align:left;position:relative;}
#pan li a{padding-right:20px;color: #231815;text-decoration: underline}
#pan li a:after{content:'';width:4px;height:4px;border:0px;border-top:solid 1px #231815;border-right:solid 1px #231815;-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);position:absolute;top:50%;right:8px;margin-top:-3px;}
@media screen and (max-width:767.98px){
#pan{text-align:left;font-size:1rem;padding:12px 0;color: #231815}
#pan .font12{font-size: 0.8rem}
}

.contents{margin-top: 120px;background: url("../images/noren.svg") repeat-x center top ;background-size: 100%; padding-top: 40px;}
@media screen and (max-width:767.98px){
.contents{margin-top: 70px;padding-top: 20px;background-size: 220%; }
}
/**/
#shop .shopname{margin-top: 80px}
#shop .shopname dd{width: 38%}
#shop .shopname dt{width: 58%}
#shop .shopname dd{position: relative; }
#shop .shopname dd img { width: 100%; height: 280px;  object-fit: cover;overflow: hidden}

.coupon_list_category{padding-bottom: 20px;margin-bottom: 20px}
.coupon_list_category p{margin-right: 10px;font-size: 1.3rem;padding:0px 8px}
.coupon_list_category p img,
.coupon_list_category p svg{margin-right:4px}



#shop .shopname h2{font-size: 4rem;font-weight: 700;border-top: 1px solid #f6ab00}
#shop .coupon_list_category{padding-bottom: 0px;margin-bottom: 20px}
#shop .coupon_area{margin: 60px 0 0;background: #fff8d9; text-align: center;position: relative;padding: 40px 0;}
#shop .coupon_area::before {  content: "";   position: absolute;   left: 0%;   top: 0px;    width: 100%;    height:15px;    background: url('../images/detail/coupon_line.png') repeat-x top left; }
#shop .coupon_area::after {  content: "";   position: absolute;   right: 0%;   bottom: 0px;    width: 100%;    height:15px;    background: url('../images/detail/coupon_line.png')  repeat-x bottom left; }
#shop .coupon_area ul{width: 96%;margin: auto}
#shop .coupon_area li:nth-child(1){width: 20%}
#shop .coupon_area li:nth-child(2){width: 78%;text-align: left;line-height: 1.4}
#shop .coupon_area h3{font-size: 5rem;font-weight: 700;}
#shop .coupon_area .notice{padding-top: 12px; font-size: 1.8rem;font-weight: 700;}


#shop .shopdetail dl{margin-top: 60px}
#shop .shopdetail dt{border-left: 6px solid #f6ab00;padding-left: 12px;font-size: 2.3rem;font-weight: 700;letter-spacing: 0.1em;}
#shop .shopdetail dd{margin-top: 12px;margin-left: 20px}
#shop .shopdetail table{ width:100%;border-collapse:collapse;border-spacing:0px; }
#shop .shopdetail table th{text-align: left;padding: 12px 20px;box-sizing:border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;width: 25%}
#shop .shopdetail table td{text-align: left;padding: 12px 20px;box-sizing:border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;}
#shop .shopdetail table td {background: #f7f8f8;}
#shop .shopdetail table  tr:nth-child(odd) td {	background: #fff;}
#shop .shopdetail table th {background: #efefef;}
#shop .shopdetail table  tr:nth-child(odd) th {	background: #f7f8f8;}


#shop .cate_cat1 .shopname h2{border-top: 1px solid #f6ab00}
#shop .cate_cat2 .shopname h2{border-top: 1px solid #22a1a2}
#shop .cate_cat3 .shopname h2{border-top: 1px solid #c7bb34}
#shop .cate_cat4 .shopname h2{border-top: 1px solid #2da938}
#shop .cate_cat5 .shopname h2{border-top: 1px solid #d15b67}
#shop .cate_cat6 .shopname h2{border-top: 1px solid #af63a4}
#shop .cate_cat7 .shopname h2{border-top: 1px solid #367b8d}
#shop .cate_cat8 .shopname h2{border-top: 1px solid #da2217}
#shop .cate_cat0 .shopname h2{border-top: 1px solid #2a9acc}

#shop .cate_cat1 .coupon_list_category p.catategory1{color: #f6ab00;background: #fff;border: 1px solid #f6ab00}
#shop .cate_cat2 .coupon_list_category p.catategory1{color: #22a1a2;background: #fff;border: 1px solid #22a1a2}
#shop .cate_cat3 .coupon_list_category p.catategory1{color: #c7bb34;background: #fff;border: 1px solid #c7bb34}
#shop .cate_cat4 .coupon_list_category p.catategory1{color: #2da938;background: #fff;border: 1px solid #2da938}
#shop .cate_cat5 .coupon_list_category p.catategory1{color: #d15b67;background: #fff;border: 1px solid #d15b67}
#shop .cate_cat6 .coupon_list_category p.catategory1{color: #af63a4;background: #fff;border: 1px solid #af63a4}
#shop .cate_cat7 .coupon_list_category p.catategory1{color: #367b8d;background: #fff;border: 1px solid #367b8d}
#shop .cate_cat8 .coupon_list_category p.catategory1{color: #da2217;background: #fff;border: 1px solid #da2217}
#shop .cate_cat0 .coupon_list_category p.catategory1{color: #2a9acc;background: #fff;border: 1px solid #2a9acc}

#shop .cate_cat1 .coupon_list_category p.catategory2{background:#f6ab00;  color: #fff;}
#shop .cate_cat2 .coupon_list_category p.catategory2{background:#22a1a2;  color: #fff;}
#shop .cate_cat3 .coupon_list_category p.catategory2{background:#c7bb34;  color: #fff;}
#shop .cate_cat4 .coupon_list_category p.catategory2{background:#2da938;  color: #fff;}
#shop .cate_cat5 .coupon_list_category p.catategory2{background:#d15b67;  color: #fff;}
#shop .cate_cat6 .coupon_list_category p.catategory2{background:#af63a4;  color: #fff;}
#shop .cate_cat7 .coupon_list_category p.catategory2{background:#367b8d;  color: #fff;}
#shop .cate_cat8 .coupon_list_category p.catategory2{background:#da2217;  color: #fff;}
#shop .cate_cat0 .coupon_list_category p.catategory2{background:#2a9acc;  color: #fff;}

@media screen and (max-width: 768px) {/*スマホのスタイル*/

#shop .shopname{margin-top: 0px}

#shop .shopname dd img { width: 100%; height: 270px;  object-fit: cover;overflow: hidden}
#shop .shopname dd{-webkit-box-ordinal-group:1;-ms-flex-order:1;-webkit-order:1;order:1;width: 100%}
#shop .shopname dt{-webkit-box-ordinal-group:2;-ms-flex-order:2;-webkit-order:2;order:2;width: 90%;margin: 20px auto}
#shop .inner--short{width: 100%}
#shop .shopname h2{font-size: 2rem;font-weight: bold}
#shop .coupon_area{margin:30px auto 0;width: 96%; }


#shop .coupon_area .notice{font-size: 1.2rem;}
#shop .coupon_area h3{font-size: 2rem;font-weight: 700;}
#shop .coupon_area li:nth-child(1),
#shop .coupon_area li:nth-child(2){width: 90%;margin: auto; position: relative}
#shop .coupon_area li:nth-child(1) img{width: 30%;margin-top: -80px}

#shop .shopdetail dl{width: 90%; margin: 20px auto 0}
#shop .shopdetail dt{padding-left: 12px;font-size: 1.6rem;}
#shop .shopdetail table th,#shop .shopdetail table td{width: 100%;display: block}
#shop .shopdetail table td {background: #fff;}
#shop .shopdetail table  tr:nth-child(odd) td {	background: #fff;}
#shop .shopdetail table th {background: #efefef;}
#shop .shopdetail table  tr:nth-child(odd) th {	background: #efefef;}
}


#search{}
#search h2.title{padding-top: 40px; font-size: 3.6rem;font-weight: 700;letter-spacing: 0.1em;text-indent: 0.1em;text-align:center}
#search .map{text-align: center;margin: 40px 0 80px}
#search .form_search{margin-bottom: 60px}
#search .form_search h2{color: #00a0e9;font-weight: 700;font-size: 2.2rem;border: 1px solid #00a0e9;padding: 4px 0px 4px 50px;border-radius: 7px;background: #fff url("../images/search/icon_search.svg") no-repeat 30px center;box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;}
#search .form_search ul{width: 96%;margin: 30px auto}
#search .form_search li{width: 48%}


#search .coupon_list{text-align: center;}
#search .coupon_list li a:hover{color: #3e3a39}
#search .coupon_list h3{padding-top: 40px; font-size: 3.6rem;font-weight: 700;letter-spacing: 0.1em;text-indent: 0.1em}
#search .coupon_list li{width: 23%;margin-top: 30px;display: flex;position: relative;line-height: 1.5;text-align: left;}
#search .coupon_list li a{display: flex;flex-direction: column;width: 100%;}

#search .coupon_list li.cate_cat1{background: rgba(227,162,33,0.1)}
#search .coupon_list li.cate_cat2{background: rgba(34,161,162,0.1)}
#search .coupon_list li.cate_cat3{background: rgba(199,187,52,0.1)}
#search .coupon_list li.cate_cat4{background: rgba(45,169,56,0.1)}

#search .coupon_list li.cate_cat5{background: rgba(209,91,103,0.1)}

#search .coupon_list li.cate_cat6{background: rgba(175,99,164,0.1)}
#search .coupon_list li.cate_cat7{background: rgba(54,123,141,0.1)}
#search .coupon_list li.cate_cat8{background: rgba(218,34,23,0.1)}
#search .coupon_list li.cate_cat0{background: rgba(42,154,204,0.1)}





#search .coupon_list li .coupon_list_category{margin:0 12px 12px}
#search .coupon_list li .coupon_list_category p{margin-right: 10px;font-size: 1.3rem;padding:10px 8px 3px;box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;}
#search .coupon_list li .coupon_list_category p img,
#search .coupon_list li .coupon_list_category p svg{margin-right:3px}

#search .coupon_list li.cate_cat1 .coupon_list_category p.catategory1{color: #f6ab00;background: #fff}
#search .coupon_list li.cate_cat2 .coupon_list_category p.catategory1{color: #22a1a2;background: #fff}
#search .coupon_list li.cate_cat3 .coupon_list_category p.catategory1{color: #c7bb34;background: #fff}
#search .coupon_list li.cate_cat4 .coupon_list_category p.catategory1{color: #2da938;background: #fff}
#search .coupon_list li.cate_cat5 .coupon_list_category p.catategory1{color: #d15b67;background: #fff}
#search .coupon_list li.cate_cat6 .coupon_list_category p.catategory1{color: #af63a4;background: #fff}
#search .coupon_list li.cate_cat7 .coupon_list_category p.catategory1{color: #367b8d;background: #fff}
#search .coupon_list li.cate_cat8 .coupon_list_category p.catategory1{color: #da2217;background: #fff}
#search .coupon_list li.cate_cat0 .coupon_list_category p.catategory1{color: #2a9acc;background: #fff}

#search .coupon_list li.cate_cat1 .coupon_list_category p.catategory2{background:#f6ab00;  color: #fff;}
#search .coupon_list li.cate_cat2 .coupon_list_category p.catategory2{background:#22a1a2;  color: #fff;}
#search .coupon_list li.cate_cat3 .coupon_list_category p.catategory2{background:#c7bb34;  color: #fff;}
#search .coupon_list li.cate_cat4 .coupon_list_category p.catategory2{background:#2da938;  color: #fff;}
#search .coupon_list li.cate_cat5 .coupon_list_category p.catategory2{background:#d15b67;  color: #fff;}
#search .coupon_list li.cate_cat6 .coupon_list_category p.catategory2{background:#af63a4;  color: #fff;}
#search .coupon_list li.cate_cat7 .coupon_list_category p.catategory2{background:#367b8d;  color: #fff;}
#search .coupon_list li.cate_cat8 .coupon_list_category p.catategory2{background:#da2217;  color: #fff;}
#search .coupon_list li.cate_cat0 .coupon_list_category p.catategory2{background:#2a9acc;  color: #fff;}




#search .coupon_list li .coupon_list_photo img{overflow: hidden;width: 100%;height: 200px;object-fit: cover}
#search .coupon_list_name{padding:0 20px; font-size: 2.1rem;font-weight: 700;flex-grow: 1;}
#search .coupon_list_coupon{padding:0 20px; font-size: 2.3rem;font-weight: 700;color: #f6ab00;margin: 16px 0;flex-grow: 1;}


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

#search .coupon_list li .coupon_list_photo img{height: 180px;}
#search .coupon_list li{width: 31%;}
}
@media screen and (max-width: 1000px) {
#search .map{text-align: center;margin: 40px 0 40px}
#search .form_search{margin-bottom: 30px}
#search .form_search h2{font-size: 1.7rem;}
#search .form_search .col2{width: 100%}
#search .coupon_list li{width: 48%;}
#search .coupon_list li .coupon_list_photo img{height: 230px; }
}

@media screen and (max-width: 768px) {/*スマホのスタイル*/
#search h2.title{padding-top: 20px;font-size: 2rem;}
#search .map img{width: 100%;height: auto}
#search .coupon_list{width: 90%;margin: auto}
#search .coupon_list li{width: 100%;}
#search .coupon_list li .coupon_list_category{margin: 0px 8px 12px}
#search .coupon_list li .coupon_list_category p{font-size: 1.2rem;margin-right: 6px;padding:10px 5px 5px}

#search .coupon_list_name{font-size: 1.6rem;}
#search .coupon_list_coupon{font-size: 1.8rem;}
}

#search li.cate_cat1 .coupon_list_coupon{color: #f6ab00;}
#search li.cate_cat2 .coupon_list_coupon{color: #22a1a2;}
#search li.cate_cat3 .coupon_list_coupon{color: #c7bb34;}
#search li.cate_cat4 .coupon_list_coupon{color: #2da938;}
#search li.cate_cat5 .coupon_list_coupon{color: #d15b67;}
#search li.cate_cat6 .coupon_list_coupon{color: #af63a4;}
#search li.cate_cat7 .coupon_list_coupon{color: #367b8d;}
#search li.cate_cat8 .coupon_list_coupon{color: #da2217;}
#search li.cate_cat0 .coupon_list_coupon{color: #2a9acc;}

#search .coupon_list_add{padding:0 20px; font-size: 1.1rem;margin-bottom: 20px}
#search .coupon_list_bt{width: 100%;margin: auto auto 0}
#search .coupon_list_bt{display: block;background: #f6ab00;color: #fff;text-align: center;padding:10px;box-sizing:border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;position: relative}
.dli-caret-circle-fill-right {
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  line-height: 1;
  position: relative;
  width: 0.8em;
  height: 0.8em;
  border: 0.075em solid currentColor;
  background: currentColor;
  border-radius: 50%;
  box-sizing: content-box;
  margin-left: 12px;
}

.dli-caret-circle-fill-right::before {
  content: '';
  color: #f6ab00;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent;
  border-width: 0.18em 0.31177em;
  border-left-color: currentColor;
  border-right: 0;
  transform: translateX(15%);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}


#search .coupon_list li.cate_cat1 .coupon_list_bt{background: #f6ab00;}
#search .coupon_list li.cate_cat2 .coupon_list_bt{background: #22a1a2;}
#search .coupon_list li.cate_cat3 .coupon_list_bt{background: #c7bb34;}
#search .coupon_list li.cate_cat4 .coupon_list_bt{background: #2da938;}
#search .coupon_list li.cate_cat5 .coupon_list_bt{background: #d15b67;}
#search .coupon_list li.cate_cat6 .coupon_list_bt{background: #af63a4;}
#search .coupon_list li.cate_cat7 .coupon_list_bt{background: #367b8d;}
#search .coupon_list li.cate_cat8 .coupon_list_bt{background: #da2217;}
#search .coupon_list li.cate_cat0 .coupon_list_bt{background: #2a9acc}

#search .coupon_list li.cate_cat1 .dli-caret-circle-fill-right::before{color: #f6ab00;}
#search .coupon_list li.cate_cat2 .dli-caret-circle-fill-right::before{color: #22a1a2;}
#search .coupon_list li.cate_cat3 .dli-caret-circle-fill-right::before{color: #c7bb34;}
#search .coupon_list li.cate_cat4 .dli-caret-circle-fill-right::before{color: #2da938;}
#search .coupon_list li.cate_cat5 .dli-caret-circle-fill-right::before{color: #d15b67;}
#search .coupon_list li.cate_cat6 .dli-caret-circle-fill-right::before{color: #af63a4;}
#search .coupon_list li.cate_cat7 .dli-caret-circle-fill-right::before{color: #367b8d;}
#search .coupon_list li.cate_cat8 .dli-caret-circle-fill-right::before{color: #da2217;}
#search .coupon_list li.cate_cat0 .dli-caret-circle-fill-right::before{color: #2a9acc}

/*
#search .coupon_list li::before {  content: "";  position: absolute;  bottom: 0;  right: 0;  border-top: 20px solid transparent;  border-right: 20px solid #f6ab00;  z-index: 100;}
#search .coupon_list li.cate_cat1::before{border-right: 20px solid #f6ab00;}
#search .coupon_list li.cate_cat2::before{border-right: 20px solid #22a1a2;}
#search .coupon_list li.cate_cat3::before{border-right: 20px solid #c7bb34;}
#search .coupon_list li.cate_cat4::before{border-right: 20px solid #2da938;}
#search .coupon_list li.cate_cat5::before{border-right: 20px solid #d15b67;}
#search .coupon_list li.cate_cat6::before{border-right: 20px solid #af63a4;}
#search .coupon_list li.cate_cat7::before{border-right: 20px solid #367b8d;}
#search .coupon_list li.cate_cat8::before{border-right: 20px solid #da2217;}
#search .coupon_list li.cate_cat0::before{border-right: 20px solid #2a9acc;}*/

/* 最後のコンテンツを左寄せにする指定 */
#search .coupon_list ul:after {
    content: "";
    display: block;
    width: 23%;  /* .boxに指定したwidthと同じ幅を指定する */
    height: 0;
}
#search .coupon_list ul:before {
    content: "";
    display: block;
    width: 23%;  /* .boxに指定したwidthと同じ幅を指定する */
    height: 0;
    order: 1;  /* 疑似要素beforeの順番を必ず指定する*/
}
/*reset
***********************/
button,option,select,textarea,input[type="button"],input[type="submit"],input[type="number"],input[type="email"],input[type="tel"],input[type="text"],input[type="select"],input[type="option"],input[type="checkbox"] {
-webkit-appearance: none;-moz-appearance: none;-ms-appearance: none;appearance: none;-webkit-border-radius: 0;-moz-border-radius: 0;-ms-border-radius: 0;border-radius: 0;border: none;outline: 0;margin: 0;background: #fff;}
input[type="text"],input[type="number"],input[type="tel"],input[type="email"],textarea{
outline:none;padding:6px 8px;border:1px solid #cccccc;color:#333333;border-radius:5px;font-size:1.6rem;transition:background 0.2s linear,box-shadow 0.6s linear;width: 100%;box-sizing:border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;}
input[type=checkbox] {display: none;}
select {text-indent: 0.01px;text-overflow: '';}
select::-ms-expand {display: none;}
::-webkit-input-placeholder { color:#999;}
:-ms-input-placeholder {   color:#999;}
::placeholder{color:#999}
.deco-check {display: block;margin: 4px 30px 4px 0;}
.deco-check:hover { cursor: pointer; }
.deco-check input { display: none; }
.deco-check .dummy {  width: 13px;  height: 13px;  border: 2px solid #333;  background: #fff;  border-radius: 15%;  display: inline-flex;  vertical-align:middle;margin-right: 5px;}
.deco-check input:checked+.dummy:after {  content: '';  width: 80%;  height: 40%;  border-left: 3px solid #5eb7e8;  border-bottom: 3px solid #5eb7e8;  transform: rotate(-45deg);}
input[type="submit"] {display: block;width: 50%;border-radius: 10px;font-size : 1.8rem;text-align: center;cursor: pointer;padding:12px 0px;
background:#5eb7e8 url("../images/icon_serch.svg") no-repeat 90% center;background-size: 19px;color : #ffffff;font-weight: 700;margin: 30px auto 0}
@media screen and (max-width: 768px) {/*スマホのスタイル*/
input[type="submit"] {width: 90%;}
}


@media screen and (max-width:767.98px){
#search.contents,
#shop.contents{margin-top: 24px;}
}

#faq h2{padding-top: 40px; font-size: 3.6rem;font-weight: 700;letter-spacing: 0.1em;text-indent: 0.1em;text-align:center}
#faq .txt{margin-top: 40px;}
#faq dl dt{margin-top: 30px;font-weight: 700;background: url("../images/faq/icon_q.svg") no-repeat left center;padding: 12px 0 6px 64px}
#faq dl dd{margin-top: 30px;background: url("../images/faq/icon_a.svg") no-repeat left 12px;padding: 12px 0 30px 64px;border-bottom: 1px solid #3e3a39;margin-bottom: 30px;}

@media screen and (max-width: 768px) {/*スマホのスタイル*/
#faq h2{font-size: 2rem;}
#faq dl dt,
#faq dl dd{background-size: 14%;padding-left: 58px}
#faq dl dd{margin-top: 12px}
}

#about h2{padding-top: 40px; font-size: 3.6rem;font-weight: 700;letter-spacing: 0.1em;text-indent: 0.1em;text-align:center}
#about .logo{padding: 30px 0;text-align: center}
#about .txt{margin-bottom: 40px;}
#about h3{margin-top: 20px; background: #5eb7e8 url("../images/about/icon_w.svg") no-repeat 26px center;background-size: 12px; color: #fff;border-radius: 10px;padding: 10px 10px 10px 50px;font-size: 2.1rem;font-weight: 700;letter-spacing: 0.1em;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;}
#about .map{text-align: center;margin: 60px 0 0}
#about h4{color: #5eb7e8;font-size: 2.5rem;font-weight: 700;letter-spacing: 0.1em;padding-left: 26px;background: url("../images/search/icon_search.svg") no-repeat left center;background-size: 14px;margin-top: 60px}
#about .area li{text-align: center;position: relative; width: 24%;margin-bottom: 20px}

#about .area li a{display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;display: -webkit-flex;flex-wrap: wrap;-webkit-flex-wrap:wrap;justify-content: center;-webkit-justify-content: center;align-items: center;border: 1px solid #999;border-radius: 30px;padding: 8px;position:relative;background: #fbfbfb}
#about .area li a::after{
    content: '';
    width: 8px;
    height: 8px;
    margin-top: -5px;
    border-top: solid 1px #555;   /* 好みで色を変えてください */  
    border-right: solid 1px #555;   /* 好みで色を変えてください */  
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    right: 20px;
}


#about .area li img{margin-left: 8px;vertical-align: middle;margin-top: 5px}
#about h5{position:relative;width:60%;   font-size: 2.2rem;font-weight: 700;text-align: center; letter-spacing: 0.1em;    background:#5eb7e8;    text-align:center;    border:5px solid #5eb7e8;    color:#FFFFFF;    margin: 90px auto 30px;    border-radius:40px;}
#about h5:before {  content: "";  position: absolute;  top: 100%;  left: 50%;  margin-left: -20px;  border: 10px solid transparent;  border-top: 20px solid #5eb7e8;}
#about h5:after{position: absolute;  content: "";  width: 50px;  height: 50px; background: url("../images/about/illa1.svg") no-repeat right top;  top: -36px;right: -36px;}
#about .txt2{text-align: center;font-weight: 700;}
@media screen and (max-width: 768px) {/*スマホのスタイル*/
#about h2{font-size: 2rem;}
#about h3{font-size: 1.5rem;background-size: 10px;padding-left: 43px}
#about .map img{width: 100%;height: auto}
#about h4{font-size: 1.8rem;background-size: 10px;padding-left: 20px}
#about .area li{width:48%}
#about .area li a{padding: 8px 23px 8px 12px;}
#about h5{width:90%;   font-size: 1.5rem;}
#about h5:after{background-size: 30px;top: -26px;right: -26px;}
}


#guide h2{padding-top: 40px; font-size: 3.6rem;font-weight: 700;letter-spacing: 0.1em;text-indent: 0.1em;text-align:center}
#guide .logo{padding: 30px 0;text-align: center}
#guide .txt{margin-bottom: 40px;}
#guide h3{margin-top: 20px;background: #e60012;color: #fff;border-radius: 30px;padding: 10px;font-size: 2.1rem;font-weight: 700;letter-spacing: 0.1em;text-align: center}
#guide .lists li{margin: 10px 0;padding: 10px 0;border-bottom: 1px solid #ccc}
#guide .lists li div{margin-left: 1.5em;text-indent: -1.5em;font-size: 1.7rem;vertical-align: middle;font-weight: 700;letter-spacing: 0.1em;}
#guide .lists li div span{color: #00a0e9;font-size: 2.5rem;margin-right: 0.5em;vertical-align: middle}
#guide .lists li  p{font-weight: normal;font-size: 1.6rem;margin-left: 2.3em;}
#guide .lists li  p.red{color: #ff0000}
@media screen and (max-width: 768px) {/*スマホのスタイル*/
#guide h2{font-size: 2rem;}
#guide h3{font-size: 1.5rem;}
#guide .lists li div{font-size: 1.3rem;margin-left: 2em;text-indent: -2em;line-height: 1.5}
#guide .lists li div span{font-size: 1.7rem;}
#guide .lists li  p{font-size: 1.2rem;margin-left: 2em;margin-top: 8px}
}

.pagination,
.nav-links{  display: flex;  justify-content: center;  margin-top: 30px;}
a.page-numbers,
span.page-numbers {  display: flex;  align-items: center;  justify-content: center;  font-size: 20px;  color: #00a0e9;  background-color: #fff;  border: 1px solid #00a0e9;  width: 50px;  height: 50px;  border-radius: 50%;  margin: 0 8px;}
.prev.page-numbers,
.next.page-numbers,
.page-numbers.dots {  border: none;  margin: 0;}
.page-numbers.current {  color: #fff;  background-color: #00a0e9;  border: 1px solid #00a0e9;}
@media screen and (max-width: 768px) {/*スマホのスタイル*/
a.page-numbers,
span.page-numbers {  width: 20px;  height: 20px;font-size: 1.1rem}
}