@charset "utf-8";
/*PC*/
/* CSS Document */
/*打消し*/
.nav {
display: none;
}

.category_title>h4 {
display: none;
}

.top_image {
margin-bottom: 0;
}

/*中カテゴリ*/

h3.event_title {
padding: 13px 30px 10px 56px !important;
}

.event_detail ul li span {
font-weight: bold;
margin-right: 7px;
display: inline-block;
}

.event_detail .yellow_line {
background: linear-gradient(transparent 60%, #fff100 40%);
font-weight: bold;
margin-right: 7px;
}

.first_top a,
.second_top a {
display: inline-block;
}

.first_top,
.second_top {
padding: 0;
border-radius: 5px 5px 0 0;
background-color: transparent;
}

.second_top {
border-radius: 5px;
margin-top: 30px;
}


p.last_txt {
background-color: #fff;
padding: 10px 15px;
}

.category02 {
margin: 30px 15px 15px 15px;
}





.hotelList02 li {
border-radius: 5px;
}

/* ↓↓↓ CSS書き換え分 ↓↓↓ */

/* TOP直下のテキスト */

#event .top {
background-color: #fff;
margin-bottom: 0;
padding-bottom: 50px;

}


#event .top p {
padding: 20px 20px;
color: #333;/*文字色*/
}

/*相互リンクボタン*/
.btn_2023summer{
text-align: center;
margin: 0px auto 20px;
}

.btn_2023summer a{
color: #0f64ff;
font-size: 14px;
padding: 6px 12px;
border: solid 1px #0f64ff;
border-radius: 25px;
display: inline-block;
}

.dli-chevron-right {
display: inline-block;
vertical-align: middle;
line-height: 1;
width: 0.65em;
height: 0.65em;
border: 0.1em solid currentColor;
border-left: 0;
border-bottom: 0;
box-sizing: border-box;
transform: translateX(-25%) rotate(45deg);
}

.btn_2023summer a:hover {
background-color: #0f64ff;
color: #fff;
}

/*エリアから探す*/

.event_area {
background-image: url(https://couples.jp/article/event/2025/feature/07_summer_booking/img/area.png);
background-repeat: no-repeat;
background-size: 100%;
background-position: left 50% top 40%;/*背景画像位置*/
padding: 25px 0;
}

ul.event_areaList {
margin: 0px 110px;
padding: 15px 3px 15px 18px;
border-radius: 10px;

background-color: rgba(0, 169, 209, 1);

}

ul.event_areaList li {
overflow: hidden;
margin-bottom: 5px;
}

ul.event_areaList li span {
font-weight: bold;
color: #ffffff;
display: inline-block;
width: 105px;
}

ul.event_areaList li a {
display: inline-block;
margin-right: 15px;
color: #fcff9d;
text-decoration: underline;
}

ul.event_areaList li a:hover {
color: #ffffff;
}

/*中カテゴリ*/

.hotel {
width: 770px;
height: auto;
padding-top: 1px;
background-color: #fffcea;

background-size: 20px;
border-bottom: 2px solid #ccc;/*ページ直下のボーダー色*/
background-position: 50% 50%;
}

/*都道府県タイトル*/

.hotel .category .category_title h3.m_cl {
border: none;
padding: 7px;
font-size: 2.3rem;
font-weight: bold;
color: #ffffff;

margin: 60px auto 0 auto;
text-align: center;

background:#00a9d1;





}

/*中カテゴリータイトル*/

.hotel .category .category_title h3.event_title {
border-radius: 5px 5px 0 0;
border-top: 1px solid #ccc;/*枠線色*/
border-right: 1px solid #ccc;/*枠線色*/
border-left: 1px solid #ccc;/*枠線色*/
text-align: left;
background: #fff;/*タイトル内背景色*/
background-image: url();

background-repeat: no-repeat;
background-position: 16px 9px;
background-size: 32px 32px;/*アイコンサイズ*/
margin-top: 0;
color: #4a5461;
}

.first_top img,
.second_top img {
width: 100%;
margin-bottom: 0;
border-right: 1px solid #ccc;/*枠線色*/
border-left: 1px solid #ccc;/*枠線色*/
box-sizing: border-box;
}

.event_detail {
padding: 10px 15px;
font-size: 1.3rem;
background-color: #fff;
border-radius: 0 0 5px 5px;
border-bottom: 1px solid #ccc;/*枠線色*/
border-right: 1px solid #ccc;/*枠線色*/
border-left: 1px solid #ccc;/*枠線色*/
}

/* 周辺のおすすめホテル_タイトル */

.hotel .category02 h4.recommendation_title {
position: relative;
font-size: 2.3rem;
color: #3b3b3b;
margin-top: 24px;
padding: 10px 20px 5px;
background-color: #fee93b;
margin: 24px auto 0;
width: 320px;
text-align: center;
}

.recommendation_title:after {
content: "";
position: absolute;
right: 0;
bottom: -21px;
left: 0;
width: 0px;
height: 0px;
margin: auto;
border-style: solid;
border-color: #fee93b transparent transparent transparent;
border-width: 30px 15px 0 16px;
}

/*文字装飾*/
.line_yellow{
display: inline!important;
background: linear-gradient(transparent 60%, #ff6 60%);
font-weight: normal!important;
}
.line_orange{
display: inline!important;
background: linear-gradient(transparent 60%, #ffe566 60%);
font-weight: normal!important;
}
.line_blue{
display: inline!important;
background: linear-gradient(transparent 60%, #aff4ff 60%);
font-weight: normal!important;
}
.line_pink{
display: inline!important;
background: linear-gradient(transparent 60%, #ffd2ed 60%);
font-weight: normal!important;
}
.line_green{
display: inline!important;
background: linear-gradient(transparent 60%, #bbffdc 60%);
font-weight: normal!important;
}
.line_red{
display: inline!important;
background: linear-gradient(transparent 60%, #ffbbbb 60%);
font-weight: normal!important;
}
.text_b{
font-weight: bold!important;
}
.text_n{
font-weight: normal!important;
}
.text_red{
color: #EC0003!important;
}