@charset 'utf-8';

/*

   TABIPLUSONE - スタイルシート

  Copyright J-LINE CORPORATION. All rights reserved.
  http://www.j-line.co.jp/

*/
/* ----------------------------------------------------------
	共通
------------------------------------------------------------- */
.price {
	margin: 5px 0;
	text-align: right;
	color: #f3981c;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
}

.price span {
	font-size: 200%;
	font-weight: 700;
	margin: 0 0 0 20px;
	color: #f36a1c;
}

.video-txt,
.ranking-txt,
.special-txt {
	margin: 10px 0 0;
}

.video,
.review,
.faq,
.experiences,
.box-spoffer {
	position: relative;
}

.video .btn,
.review .btn,
.faq .btn,
.experiences .btn {
	font-size: 114.3%;
	/*16px*/
	position: absolute;
	top: 0;
	right: 0;
}

.box-spoffer .btn {
	font-size: 114.3%;
	/*16px*/
	position: absolute;
	top: 5px;
	right: 5px;
}

.review .btn,
.experiences .btn {
	right: 10px;
}

.popcate .ttl,
.spof .ttl,
.ranking .ttl,
.video .ttl,
.review .ttl,
.faq .ttl,
.area .ttl,
.cateegory .ttl,
.find .ttl,
.experiences .ttl {
	margin: 30px 0 20px;
	padding: 0 0 0 15px;
	border-bottom: solid 1px #ccc;
	color: #555;
}

/*.popcate .ttl {background: url(../img/top/ico_popcate.png) center left no-repeat;}
.spof .ttl {background: url(../img/top/ico_spof.png) center left no-repeat;}
.ranking .ttl {background: url(../img/top/ico_ranking.png) center left no-repeat;}
.video .ttl {background: url(../img/top/ico_video.png) center left no-repeat;}
.review .ttl {background: url(../img/top/ico_review.png) center left no-repeat;}
.experiences .ttl {background: url(../img/top/ico_experiences.png) center left no-repeat;}
.area .ttl {background: url(../img/top/ico_area.png) center left no-repeat;}
.faq .ttl {background: url(../img/top/ico_faq.png) center left no-repeat;}*/
/* ----------------------------------------------------------
	Advanced Search
------------------------------------------------------------- */
.search-box {
	padding-right: 0 !important;
}

.tour-search {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
	/*	width: 360px;*/
	min-height: 390px;
	padding: 5px 15px;
	color: #fff;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC000000, endColorstr=#CC000000);
	background: #717171;
}

.tour-search:not(:target) {
	filter: none;
}

.tour-search .sttl {
	margin: 10px 0;
	text-align: center;
}

.tour-search .item {
	margin: 0 0 2px;
}

.tour-search .item-cate {
	display: block;
}

.ico_calender {
	margin: 0 0 0 10px;
}

#ui-datepicker-div {
	z-index: 3 !important;
}

/* ----------------------------------------------------------
	slider
------------------------------------------------------------- */
.mainvisual {
	position: relative;
}

.mainvisual-search {
	z-index: 5;
	top: 40px;
	/*	position: absolute;
	right: 50%;
	margin-right: -540px;
	margin-top:-35px;
	margin-left:10px;*/
}

.topLeft {
	float: left;
	padding: 0 10px 0 0 !important;
	/*	width:750px;*/
}

.slider div {
	position: relative;
	height: 290px;
}

.slider-note {
	position: absolute;
	z-index: 5;
	bottom: 20px;
	left: 50%;
	width: 660px;
	margin-left: -340px;
}

.slider-note span {
	font-size: 128.6%;
	line-height: 1em;
	display: inline-block;
	margin: 0 0 5px;
	padding: 2px;
	color: #fff;
	text-shadow: black 0 0 5px;
}

/*.slider-note span:after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 7px;
	background: repeating-linear-gradient(-45deg, skyblue, skyblue 2px, white 2px, white 4px);
}*/
.slider-heading {
	font-family: sans-serif;
	font-size: 300% !important;
}

.slider-prev,
.slider-next {
	position: absolute;
	z-index: 2;
	margin-top: -160px;
	display: block;
	width: 20px;
	height: 32px;
}

.slider-prev {
	position: absolute;
	left: 50%;
	margin-left: -550px;
}

.slider-next {
	position: absolute;
	right: 50%;
	margin-right: -165px;
}

.pager {
	padding: 23px 0;
	text-align: center;
	color: #666;
	background: #eee;
}

.pager a {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: inline-block;
	width: 95px;
	height: 50px;
	margin: 0 5px;
	opacity: .6;
}

.pager a.selected {
	height: 50px;
	opacity: 1;
	border-bottom: 3px solid #e05a3c;
}

.pager a.selected:after {
	width: 100%;
	height: 3px;
	content: '';
	background: #c00;
}

/* ----------------------------------------------------------
	hotword
------------------------------------------------------------- */
.hotword {
	font-size: 128.6%;
	display: table;
	width: 100%;
	margin: 0 0 60px;
	color: #fff;
}

.hotword div {
	display: table-cell;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 20px;
	vertical-align: middle;
}

.hotword a {
	text-decoration: underline;
	color: #fff;
}

.hotword a:hover {
	text-decoration: none;
}

.hotword-head {
	font-family: sans-serif;
	width: 120px;
	text-align: center;
	background: #444;
}

.hotword-item {
	background: #222;
}

.hotword li {
	display: inline-block;
	margin: 0 10px;
}

/* ----------------------------------------------------------
	Popular Tour Category & Staff went to and Experienced
------------------------------------------------------------- */
.experiences .item,
.popcate .item,
.area .item {
	position: relative;
	display: block;
	margin: 0 0 20px;
}

.experiences .item p,
.popcate .item p,
.area .item p {
	font-family: sans-serif;
	font-size: 128.6%;
	position: absolute;
	bottom: 10px;
	padding: 0 10px;
	color: #fff;
	background: rgba(0, 0, 0, .6);
}

.popcate .item img,
.area .item img {
	width: 265px;
	height: 177px;
}

.area .item span,
.popcate .item span {
	color: #fff;
	font-weight: bold;
	font-size: 18px;
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	margin: auto;
	text-shadow: 0px 0px 4px #000000;
	text-align: center;
}

.area a img:hover,
.popcate a img:hover {
	filter: brightness(70%);
}

/* ----------------------------------------------------------
	Special Contents
------------------------------------------------------------- */
.spof {
	position: relative;
}

.spof .price {
	color: #ff0000 !important;
	position: absolute;
	bottom: 0;
	width: 275px;
}

.spof .price span {
	color: #ff0000 !important;
}

.spof-item {
	display: block;
	float: left;
	width: 550px;
	margin: 0 20px 0 0;
}

.spof-pager {
	text-align: center;
}

.spof-pager a {
	display: inline-block;
	width: 14px;
	height: 14px;
	margin: 40px 5px 0;
	text-indent: -9999px;
	border-radius: 10px;
	background: #eee;
}

.spof-pager a.selected {
	background: #f3981c;
}

.spof .sttl {
	color: #000;
}

.spof a:hover .sttl {
	color: #f36a1c;
}

.spof-img {
	position: relative;
	float: left;
	width: 275px;
	height: 170px;
}

.spof-img img {
	width: 275px;
	height: 170px;
}

.spof-txt {
	width: 265px;
	height: 170px;
	margin: 0 0 0 10px;
	float: left;
}

.spof-discount {
	font-size: 150%;
	font-weight: 700;
	line-height: 1em;
	position: absolute;
	top: 0;
	left: 10px;
	padding: 10px 10px 0;
	text-align: center;
	color: #fff;
	border: none;
	background: #f36a1c;
}

.spof-discount::before {
	position: absolute;
	top: 100%;
	left: 0;
	width: 0;
	height: 0;
	content: '';
	border-top: 25px solid #f36a1c;
	border-right: 50px solid transparent;
}

.spof-discount::after {
	position: absolute;
	top: 100%;
	right: 0;
	width: 0;
	height: 0;
	content: '';
	border-top: 25px solid #f36a1c;
	border-left: 50px solid transparent;
}

.spof-discount span {
	font-size: 142.9%;
}

.spof-prev,
.spof-next {
	position: absolute;
	z-index: 2;
	top: 50%;
	display: block;
	width: 20px;
	height: 32px;
}

.spof-prev {
	position: absolute;
	z-index: 9999;
	left: 50%;
	margin-left: -620px;
}

.spof-next {
	position: absolute;
	z-index: 9999;
	right: 50%;
	margin-right: -620px;
}

/* ----------------------------------------------------------
	Ranking
------------------------------------------------------------- */
.border {
	border-top: 1px solid #ccc;
	padding-top: 30px;
	margin-top: 40px;
}

.ranking-img {
	position: relative;
}

.ranking-mark {
	font-family: 'Oswald', sans-serif;
	font-size: 171.4%;
	line-height: 1;
	position: absolute;
	top: 10px;
	left: 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 36px;
	height: 36px;
	padding: 5px 0 0 0;
	text-align: center;
	color: #fff;
	border: none;
	border-radius: 50%;
	background: #222;
}

.rank01,
.rank02,
.rank03 {
	width: 60px;
	height: 64px;
	padding: 14px 0 0 0;
	border-radius: 0;
}

.rank01 {
	background: url(../img/top/lab_rank01.png) no-repeat;
}

.rank02 {
	background: url(../img/top/lab_rank02.png) no-repeat;
}

.rank03 {
	background: url(../img/top/lab_rank03.png) no-repeat;
}

.ranking-review {
	margin: 10px 0 0 0;
	padding: 15px;
	background: #eee;
}

.username {
	display: block;
	text-align: right;
	color: #999;
}

.col-1of3 .ranking-img img {
	width: 360px;
	height: 240px;
}

.col-1of4 .ranking-img img {
	width: 265px;
	height: 177px;
}

.border.link-bnr .col-1of4 .ranking-img img {
	width: 265px;
	height: auto;
}

.border.link-bnr .col-1of4 .ranking-img p {
	background: #ebf8ff;
	padding: 10px;
}

/* ----------------------------------------------------------
	Video
------------------------------------------------------------- */
.video-item {
	margin: 0 0 20px;
}

/* ----------------------------------------------------------
	Tour Review
------------------------------------------------------------- */
.review-item {
	margin: 0 0 20px;
}

.review-photo {
	float: left;
	width: 75px;
}

.review-txt {
	margin: 0 0 0 95px;
}

.review-data {
	float: right;
}

.review-item img {
	width: 75px;
	height: 75px;
}

/* ----------------------------------------------------------
	Experienced
------------------------------------------------------------- */
.experiences img {
	width: 265px;
	height: 120px;
}

/* ----------------------------------------------------------
	Review Rebate!!
------------------------------------------------------------- */
.box-spoffer {
	position: relative;
	border: solid 2px #f3981c;
	padding: 65px 25px 25px;
	margin-bottom: 20px;
	height: 180px;
}

.box-spoffer .review_rebate_ttl {
	position: absolute;
	top: 10px;
	left: -10px;
	line-height: 1;

}

.box-spoffer .review_rebate_ttl span {
	display: inline-block;
	background: #f3981c;
	color: #FFF;
	font-size: 140%;
	padding: 10px;
}

/*
.box-spoffer .review_rebate_plan {
	width:100%;
	height:auto;
}*/
.box-spoffer .photo {
	border: 1px solid #fc3;
	float: left;
	margin-left: 10px;
	margin-top: 10px;
	width: 230px;
	height: 160px;
}

.box-spoffer .text_right {
	float: left;
	margin-left: 7px;
	margin-top: 10px;
	width: 800px;
}

.box-spoffer .price em {
	color: #f00;
	font-size: 25px;
	font-style: normal;
	font-weight: bold;
}

.box-spoffer .title {
	color: #f00 !important;
	font-size: 16px;
	font-weight: bold;
}

.box-spoffer .title a {
	color: #f00 !important;
	font-size: 16px;
	font-weight: bold;
}

/*.box-spoffer  .price {
    float: right;
    margin-right: 10px;
}
.box-spoffer  .text {
    font-size: 12px;
}*/

.cboth {
	clear: both;
}

.btn2 {
	background: #f3981c none repeat scroll 0 0;
	color: #fff !important;
	display: inherit;
	font-family: sans-serif font-size: 142.9%;
	line-height: 1.6;
	padding: 5px 20px;
	text-align: center;
	text-decoration: none;
	transition: all 0.25s ease 0s;
	width: 100px;
	float: right;
}

/* ----------------------------------------------------------
	About Us
------------------------------------------------------------- */
.aboutus .ttl {
	/*takeda*/
	margin: 0 0 20px;
	padding: 0 0 0 45px;
}

.aboutus .ttl {
	background: url(../img/area/ico_us.png) center left no-repeat;
}

/* ----------------------------------------------------------
	Related sites
------------------------------------------------------------- */
.box-relatedsite {
	width: 1120px;
	margin: 20px auto;
}

.box-relatedsite .kanren-box-ttl {
	background: #5d5d5d;
	color: #FFFFFF;
	margin-bottom: 10px;
	padding: 6px 8px;
}

.box-relatedsite .subttl {
	margin-top: 4px;
	line-height: 1.3
}

.box-relatedsite .box-hotel {
	width: 100%;
	margin-top: 20px;
	padding: 0 15px;
	display: inline-block;
}

.box-relatedsite .box-hotel ul li {
	width: 24%;
	padding: 0 3px;
	display: inline-block;
}

.box-relatedsite ul li a {
	text-decoration: underline !important;
}

/***********************************************
RENEW
***********************************************/
#slider {
	position: relative;
	overflow: hidden;
}

#wrapper {
	background: #fff;
	width: 100%;
	height: 400px;
	overflow: hidden;
}

#key-carousel li {
	float: left;
}

#key-carousel li img {
	object-fit: cover;
}

.on-box {
	width: 1120px;
	position: absolute;
	top: 250px;
	left: 0;
	right: 0;
	margin: auto;
	z-index: 20;
}

.on-box h2 {
	width: 100%;
	color: #fff;
	font-size: 40px;
	text-shadow: 3px 3px 3px #333;
	text-align: center;
}

#top .search-box {
	width: 1120px;
	padding: 0;
}

#top .search-box .mainvisual-search {
	width: 100%;
	padding: 5px 0 5px 20px;
	display: flex;
	display: -ms-flexbox;
	flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	min-height: 0;
	background: rgba(255, 255, 255, 0.7);
	color: #0066A6;
	font-weight: bold;
}

#top .search-box .mainvisual-search .item {
	width: 31%;
	margin-bottom: 10px;
	display: inline-block;
}

#top .search-box .mainvisual-search .item select,
#top .search-box .mainvisual-search .item input {
	width: 70%;
}

#top .search-box .mainvisual-search .date {
	margin-right: 20px;
}

#top .search-box .mainvisual-search .date input {
	width: 200px;
}

#top .search-box .mainvisual-search button {
	width: 30%;
	margin: 0;
}

/*page-navi*/
#top .page-navi {
	margin-bottom: 50px;
}

#top .page-navi ul {
	display: flex;
	display: -ms-flexbox;
	justify-content: space-between;
	-ms-flex-pack: justify;
}

#top .page-navi ul li {
	width: 140px;
	position: relative;
}

#top .page-navi ul li img {
	width: 100%;
}

#top .page-navi ul li a {
	display: block;
}

#top .page-navi ul li a p {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 25px;
	margin: 0 auto;
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	text-shadow: 2px 2px 2px #333;
}

#top .page-navi ul li a p::after {
	content: "";
	width: 6px;
	height: 6px;
	border-top: 3px solid #fff;
	border-right: 3px solid #fff;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
	position: absolute;
	bottom: -3px;
	left: 0;
	right: 0;
	margin: 0 auto;
}

/*****************
recommend
*****************/

#top .recommend {
	margin-bottom: 100px;
}

/*h2*/
#top .recommend h2 {
	font-size: 30px;
	font-weight: bold;
	color: #F3981C;
}

#top .recommend h2 span {
	display: block;
	font-size: 12px;
	font-weight: normal;
	color: #F8D167;
	line-height: 0px;
}

/*h3*/
#top .recommend h3 {
	display: inline-block;
	margin-right: 10px;
	margin-bottom: 10px;
	border: #CEC8C8 1px solid;
	vertical-align: top;
	position: relative;
}

#top .recommend h3 a {
	padding: 8px 30px 6px 10px;
	display: inline-block;
	border-left: #F8D167 15px solid;
	font-weight: normal;
	font-size: 14px;
	line-height: 1.2;
}

#top .recommend h3 a span {
	display: block;
	font-size: 16px;
}

#top .recommend h3 a span strong {
	color: #F3981C;
}

#top .recommend h3 a::after {
	content: "";
	width: 6px;
	height: 6px;
	border-top: 3px solid #F3981C;
	border-right: 3px solid #F3981C;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	right: 10px;
	top: 0;
	bottom: 0;
	margin: auto;
}

#top .recommend h3 a:hover {
	border-left: solid 15px #F3981C;
	background: #F3981C;
	color: #fff;
}

#top .recommend h3 a:hover strong {
	color: #fff;
}

#top .recommend h3 a:hover::after {
	border-top: 3px solid #fff;
	border-right: 3px solid #fff;
}

/*rec-list*/
#top .recommend .rec-list {
	width: 100%;
	display: flex;
	display: -ms-flexbox;
	flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	justify-content: space-between;
	-ms-flex-pack: justify;
}

#top .recommend .rec-list ul {
	display: inline-block;
	width: 31%;
	padding: 5px;
	margin-bottom: 20px;
	box-shadow: 1px 1px 3px #ccc;
}

#top .recommend .rec-list ul .image {
	position: relative;
}

#top .recommend .rec-list ul .image img {
	width: 100%;
	height: 180px;
	object-fit: cover;
}

#top .recommend .rec-list ul .image p {
	position: absolute;
	bottom: 5px;
	right: 5px;
	background: #F3981C;
	padding: 0 10px;
	color: #fff;
	font-size: 14px;
}

#top .recommend .rec-list ul .image p span {
	font-size: 20px;
	font-weight: bold;
}

#top .recommend .rec-list ul .label {
	padding: 0;
	margin: 5px 0;
}

#top .recommend .rec-list ul .label .label-area,
#top .recommend .rec-list ul .label .label-category {
	background: #ffc320;
	padding: 0 5px;
	margin-right: 5px;
	color: #fff;
}

#top .recommend .rec-list ul .label .label-category {
	background: #68a6cd;
}

#top .recommend .rec-list ul .title {
	font-size: 16px;
	font-weight: bold;
	color: #0066A6;
	line-height: 1.2;
}

#top .recommend .rec-list ul .title span {
	font-size: 14px;
	font-weight: normal;
}

/*button-list*/
#top .recommend .button-list {
	margin-bottom: 20px;
}

#top .recommend .button-list ul li {
	display: inline-block;
	margin: 0 10px 10px 0;
	position: relative;
}

#top .recommend .button-list ul li a {
	padding: 10px 30px 8px 20px;
	background: #5ED1BF;
	border-radius: 25px;
	display: inline-block;
	font-size: 16px;
	color: #fff;
}

#top .recommend .button-list ul li a::after {
	content: "";
	width: 6px;
	height: 6px;
	border-top: 3px solid #fff;
	border-right: 3px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	right: 15px;
	top: 0;
	bottom: 0;
	margin: auto;
}

#top .recommend .button-list ul li a:hover {
	background: #0083D5;
}

/*see all button*/
#top .recommend .seeall-button {
	text-align: center;
}

#top .recommend .seeall-button a {
	width: 400px;
	margin: 0 auto;
	padding: 15px 0 10px;
	background: #ffc730;
	display: block;
	font-size: 16px;
	color: #fff;
	font-weight: bold;
}

#top .recommend .seeall-button a:hover {
	background: #F3981C;
}

/*Other AREA category-list*/
#top .recommend .category-list {
	width: 100%;
	display: flex;
	display: -ms-flexbox;
	flex-wrap: wrap;
	-ms-flex-wrap: wrap;
}

#top .recommend .category-list dl {
	width: 260px;
	margin-bottom: 30px;
	margin: 0 10px 30px;
}

#top .recommend .category-list dt,
#top .recommend .category-list dd {
	width: 100%;
	margin-bottom: 10px;
	position: relative;
}

#top .recommend .category-list dt a,
#top .recommend .category-list dd a {
	padding: 5px 0 3px 20px;
	background: #FFF3D2;
	display: block;
	color: #F3981C;
	font-size: 16px;
	font-weight: bold;
}

#top .recommend .category-list dt a::before,
#top .recommend .category-list dd a::before {
	content: "";
	width: 6px;
	height: 6px;
	border-top: 3px solid #F3981C;
	border-right: 3px solid #F3981C;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	bottom: 0;
	top: 0;
	left: 3px;
	margin: auto 0;
}

#top .recommend .category-list dd a {
	background: none;
	color: #8A8A8A;
	font-weight: normal;
	text-decoration: underline !important;
}

#top .recommend .category-list dd a::before {
	border-top: 2px solid #8A8A8A;
	border-right: 2px solid #8A8A8A;
}

#top .recommend .accordion1 .inner {
	display: none;
}

#top .recommend .accordion1 p {
	cursor: pointer;
	width: 400px;
	background: #E4E2E2;
	border-radius: 20px;
	padding: 10px;
	color: #6B6B6B;
	text-align: center;
	margin: 0 auto;
	position: relative;
}

#top .recommend .accordion1 .ac1::before {
	content: '';
	position: absolute;
	width: 15px;
	height: 1px;
	background-color: #6B6B6B;
	top: 0;
	bottom: 0;
	right: 20px;
	margin: auto 0;
}

#top .recommend .accordion1 .ac1::after {
	content: '';
	position: absolute;
	width: 15px;
	height: 1px;
	background-color: #6B6B6B;
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
	top: 0;
	bottom: 0;
	right: 20px;
	margin: auto;
}

#top .recommend .accordion1 .ac1.active::after {
	content: none;
}

/*feature-list*/
#top .recommend .feature-list {
	width: 100%;
	display: flex;
	display: -ms-flexbox;
	flex-wrap: wrap;
	-ms-flex-wrap: wrap;
}

#top .recommend .feature-list p {
	width: 220px;
	margin: 0 2px 5px;
	position: relative;
}

#top .recommend .feature-list p a {
	display: block;
	position: relative;
}

#top .recommend .feature-list p img {
	width: 100%;
}

#top .recommend .feature-list p span {
	position: absolute;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	text-shadow: 2px 2px 2px #666;
	text-align: center;
	top: 50%;
	left: 0;
	right: 0;
	margin: auto;
}

#top .recommend .feature-list .coming::after {
	content: "coming soon";
	color: #fff;
	display: flex;
	vertical-align: middle;
	align-items: center;
	justify-content: center;
	background: rgba(53, 51, 147, 0.5);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	font-weight: bold;
}

/*renew12252023*/
.renew12252023 {
	width: 100%;
	max-width: 1024px;
	margin: 50px auto;
}

.renew12252023 .info-hp {
	display: flex;
	flex-wrap: nowrap;
	justify-content: flex-start;
	column-gap: 20px;
}

.renew12252023 .info-hp .info-hp_item {
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	width: calc((100% - 40px) / 3);
	border: 1px solid #FFCA00;
	border-radius: 50px;
}

.renew12252023 .info-hp .info-hp_item img {
	width: 50px;
	height: 50px;
	margin: auto 10px;
}

.renew12252023 .info-hp .info-hp_item .icon_pc {
	width: 70px;
	height: 70px;
}

.renew12252023 .info-hp .info-hp_item p {
	text-align: center;
	line-height: 1;
	margin: auto 0;
}

/*renew08022024*/
.renew08022024 .bnr-wrap {
	display: flex;
	flex-wrap: nowrap;
	justify-content: flex-start;
	column-gap: 15px;
	align-items: center;
	margin-top: 0;
	margin-bottom: 50px;
}

.renew08022024 .bnr-wrap .bnr-item {
	width: calc((100% - 30px) / 3);
	height: 180px;
}

.renew08022024 .bnr-wrap .bnr-item img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.main {
	max-width: 1200px
}

.pc_only {
	display: block;
}

@media screen and (max-width:767px) {
	.renew12252023 {
		width: 100%;
		padding: 0 20px;
		box-sizing: border-box;
	}

	.renew12252023 .info-hp {
		display: block;
		border: 1px solid #FFCA00;
		border-radius: 30px;
		padding: 5px;
	}

	.renew12252023 .info-hp .info-hp_item {
		width: 100%;
		border: none;
		justify-content: flex-start;
	}

	.renew12252023 .info-hp .info-hp_item img {
		width: 30px;
		height: 30px;
	}

	.renew12252023 .info-hp .info-hp_item .icon_pc {
		width: 40px;
		height: 40px;
	}

	@media screen and (max-width:767px) {
		.renew08022024 .bnr-wrap {
			display: block;
		}

		.renew08022024 .bnr-wrap .bnr-item {
			width: 100%;
			height: 130px;
		}

		.pc_only {
			display: none;
		}
	}