@charset "UTF-8";
/*
Theme Name: JRT Child
Template: realand
*/
body {
font-family: "Montserrat","游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif!important;
}
h1,h2,h3,h4,h5{
font-family: "Montserrat","游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meirfguideyo,sans-serif!important;
line-height:1.5!important;
}
a{
	font-family: "Montserrat","游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif!important;
	word-break: break-all;
}
a.scrollup{
display: none!important;
}
a:hover{
	color: inherit!important;
}
body,html {
  margin: 0;
  padding: 0;
}
img{
	margin-bottom: 10px;
}


.dropdown {
  position: relative;
  display: inherit; 
}

.dropbtn {
  background: none;
  border: none;
  font-size: 24px;
  cursor: pointer;
  padding:0 20px
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f2f2f2;
  min-width: 140px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  padding: 10px;
  z-index: 1000;
  border-radius: 12px;
  top: 100%;
  left: 0;
}

.dropdown:hover .dropdown-content,
.dropdown-content:hover {
  display: block;
}

.language-option {
  display: flex;
  align-items: center;
  gap: 10px;
  text-decoration: none;
  color: #000;
  font-size: 16px;
  padding: 5px 0;
}

.language-option:hover {
  text-decoration: underline;
}

.lang-label {
  font-weight: normal;
  font-size: 14px;
  white-space: nowrap;
}

.flag-circle-img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  overflow: hidden;
  display:flow;
}

.flag-circle-img img {
  width: 100%;
  height: 100%;
  object-fit: fill; 
  display: flex;      
  border-radius: 50%;
}

body.page-en .flag-circle-img img {
  object-fit: cover;
}

.pbr-logo img {
margin: 0;
}
.btn.contact{
white-space: normal;
border:none;
border-radius: 0;
}
.language{
display: flex;
align-items: center;  
justify-content: center;
color: #fff;
margin-left: 10px;
}
.btn.switcher img{
width: 25px;
height: 25px;
margin: 0;
border-radius: 50%;
}
.btn.switcher{
	font-size: 10px;
}
video{
	width: 100%;
}
.post a{
	font-family: "Montserrat","游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif!important;
	color: #58b6bd;
	}
	.post a:hover{
	color: #4ac9d9;
}
.news__entry clearfix img{
	margin-bottom: 15px!important;
}
.news__cat{
	font-size: 10px;
    display: block;
    line-height: 2;
    margin-bottom: 5px;
	color:#999;
	font-weight: bold;
}
.widget_categories li .children li:before{
	content:none!important;
}
.opalestate-rows article{
	background: #f3f3f3!important;
}
.plan-title-standard{
	color: #8c6c41;
}
.plan-title-highclass{
	color: #848788;
}
.plan-title-premiam{
	color: #c1a91d;
}
.plan-title-standard span{
	color: #333;
}
.plan-title-highclass span{
	color: #333;
}
.plan-title-premiam span{
	color: #333;
}
.plan-list table thead{
	background: #333;
	color: #fff;
}
.plan-list table th{
	text-align: center;
	border: 10px solid #fff!important;
	font-size: 20px;
}
.plan-list table td{
	text-align: center;
	border: 10px solid #fff!important;
}
table tbody tr th.regular{
		    background: #a2a0a0;
    color: #fff;
	}
	table tbody tr th.regular-holiday{
    background: #42d442;
    color: #fff;

	}
	table tbody tr th.high{
		background: #ed1fc4;
		color: #fff;
	}
	table tbody tr th.golden{
		background: #ffc000;
		color: #fff;
	}
	table tbody tr th.orinpic{
		background: #fe7e58;
    color: #fff;
	}
.plan-list table  td{
	font-size: 27px;
}
.plan-list table td span{
	font-size: 13px;
	display: block;
	line-height: 1;
}
.entry-content-page table tbody tr:last-child{
	border-bottom: none!important;
}



.step-list-title01{
	background: #42d442;
	color: #fff;
	text-align: center;
	letter-spacing: .1em;
}
.step-list-title02{
	background: #2cafbf;
	color: #fff;
	text-align: center;
	letter-spacing: .1em;
}
.step-list-title03{
	background: #ffc000;
	color: #fff;
	text-align: center;
	letter-spacing: .1em;
}
.step-list-title04{
	background: #fe7e58;
	color: #fff;
	text-align: center;
	letter-spacing: .1em;
}
li.property-status-item.property-status-standard {
    background: #8c6c41!important;
}
ul.property-status li{
	border-radius: 20px!important;
}
.contact-box-tel:before{
    font-family: "Font Awesome 5 Free";
    content: '\f095';
    font-weight: 900;
    margin-right: 10px;
}
.flow-desc li{
		font-weight: bold;
	}
#guide .plan .campervan-plan{
	background: #fff;
}
.pagetop {
     display: none;
    position: fixed;
    bottom: 10px;
    right: 15px;
	z-index: 1000;
}

#SIM .p .blink_letter {
  animation: blinkEffect 1s ease infinite;
  margin-bottom: 0px;
}
#SIM @keyframes blinkEffect {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@media screen and (max-width: 479px){
.pagetop {
     display: none;
    position: fixed;
    bottom: 10px;
    right: 55px;
	z-index: 1000;
  }
}

.pagetop a {
    display: flex;
	justify-content: center;
	line-height: 40px;
    background-color: #333;
    color: #fff;
    font-size: 40px;
	font-weight: bold;
    text-decoration: none;
    filter:alpha(opacity=80);
    -moz-opacity: 0.8;
	opacity: 0.8;
	width: 45px;
	height: 45px;
	border-radius: 50%;
}
.pagetop a:hover {
    color: #fff;
}


#pageTop a:hover {
  text-decoration: none;
  opacity: 0.7;
}F

.vc_transform .pbr-breadscrumb{

}
.single-footer-heading{
	font-weight: bold;
}
.blog-single__main a{
	color: #ed1fc4;
	display:inline-block;
}
 a:hover{
	
}
article.post .news__wrapper .news__inner .btn-details{
	display:none!important;
}

.news .article-list-bottom{
	display:none;
}
.swiper-container{
	margin-bottom: 40px;
	position: relative;
}

#vantime .swiper-slide{
	width: 33.4%!important;
}
.swiper-slide .post__thumb--img {
	margin: 0;
}
.swiper-slide .post__thumb--img a {
  padding-top: 62.5%;
  width: 100%;
  display: block;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.swiper-slide .text-block{
    position: absolute;
    bottom: 0;
	 width: 100%;
    color: #fff;
    padding: 150px 10px 10px;
    background: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,.6)));
    background: -webkit-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,.6));
    background: -moz-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,.6));
    background: -ms-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,.6));
    background: -o-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,.6));

}
.swiper-slide .text-block .title{
    height: 70px;	
}
.swiper-slide .text-block .article-list-bottom{
    margin-bottom: 0;
}
.swiper-slide .text-block .article-list-bottom .single-author-name {
    color: #fff;	
}
.swiper-slide .article-list-bottom .like .like-count {
    color: #fff;	
}
.swiper-slide .text-block .meta-block{
    display:none;
}
.swiper-slide .text-block a{
	 font-size: 18px;
    color: #fff;
		 font-weight: bold;
	overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.swiper-slide .text-block:hover a{
    color: #fff!important;	
	 opacity: 1!important;
	 text-decoration: underline;
}
.swiper-button-next, .swiper-button-prev {
    display:none;	
}
h2.main-content-title{
font-size: 22px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 20px;
}
.swiper-slide .article-list-bottom .single-author-image img.avatar {
    width: 35px!important;
	 height: 35px!important;
}
.opalestate-rows article .absolute {
    display: flex;
	 align-items: center;
}
.opalestate-rows article div.property-label{
	background: #999;
	border-radius: 15px;
	margin-bottom: 0;
}
/*車両アーカイブページ*/
.vehicle-list {
  max-width: 1170px;
  margin: 0 auto;
  padding: 0px 0px 40px;
}

.vehicle-list__items {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
}
.vehicle-list__title{
	margin-bottom: 20px;
}
.vehicle-list__title span{
	font-size: 14px;
}
.vehicle-list__item {
  flex: 0 0 calc((100% - 60px) / 3);
  display: flex;
  flex-direction: column;
  text-decoration: none;
  border-radius: 16px;
  overflow: hidden;
  background-color: #fff;
  box-shadow: 0 4px 16px rgba(0,0,0,0.06);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  color: inherit;
}

.vehicle-list__item:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 24px rgba(0,0,0,0.12);
}

.vehicle-list__image {
  position: relative;
  width: 100%;
  aspect-ratio: 3 / 2;
  overflow: hidden;
  background: #eee;
}

.vehicle-list__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.vehicle-list__body {
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.vehicle-list__name {
  font-size: 14px;
  margin: 0;
  color: #333;
}

.vehicle-list__info {
  font-size: 0.875rem;
  color: #666;
}

.vehicle-list__price {
  font-size: 1rem;
  font-weight: bold;
  color: #222;
  margin-top: auto;
}

.vehicle-list__class span{
    background: #999;
    padding: 5px 15px;
    border-radius: 20px;
    font-size: 12px;
    color: #fff;
}
.vehicle-list__capacity{
	font-size: 14px;
	margin-bottom: 0;
}
.vehicle-list__class-price{
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 0;
}
.vehicle-list__address{
	font-size: 14px;
}
.vehicle-search-form {
  background: #ffffff;
  border: 1px solid #e0e0e0;
  border-radius: 20px;
  padding: 24px;
  margin: 120px auto 40px; 
  max-width: 1170px;   
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
  display: grid;
  gap: 24px;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.search-form__group {
    display: flex;
    flex-direction: column;
  }

  .search-form__group label {
    font-weight: 600;
    margin-bottom: 10px;
    color: #222;
    font-size: 15px;
  }

  .vehicle-search-form select,
  .vehicle-search-form input[type="text"] {
    padding: 12px 14px;
    font-size: 15px;
    border: 1px solid #ccc;
    border-radius: 12px;
    background: #fafafa;
    width: 100%;
    transition: border 0.2s;
  }

  .vehicle-search-form select:focus,
  .vehicle-search-form input[type="text"]:focus {
    border-color: #ed1fc4;
    outline: none;
  }

  .search-form__checkbox-group {
    display: flex;
    flex-wrap: wrap;
    gap: 14px 20px;
  }

  .search-form__checkbox-group label {
    position: relative;
    font-size: 14px;
    color: #333;
    cursor: pointer;
    user-select: none;
  }

  .search-form__checkbox-group input[type="checkbox"] {
    position: absolute;
    left: 0;
    top: 3px;
    width: 18px;
    height: 18px;
    accent-color: #ed1fc4;
    border-radius: 4px;
    cursor: pointer;
    border: 1px solid #ccc;
    margin: 0;
  }

  .equipment-toggle {
    background: none;
    border: none;
    color: #ed1fc4;
    font-weight: bold;
    font-size: 14px;
    cursor: pointer;
    margin-bottom: 10px;
    padding: 0;
    text-decoration: underline;
    align-self: start;
  }

  .search-form__submit {
    background-color: #ed1fc4;
    color: #fff;
    padding: 14px 140px;
    font-size: 16px;
    font-weight: bold;
    border: none;
    border-radius: 30px;
    cursor: pointer;
    transition: background-color 0.2s ease-in-out;
    align-self: center;
    box-shadow: 0 2px 6px rgba(0,0,0,0.1);
  }
/* PCサイズ（992px以上）でのレイアウト調整 */
@media (min-width: 992px) {
  .vehicle-search-form {
    /* 2列のグリッドを作成 */
    display: grid;
    grid-template-columns: 1fr 1fr; 
    column-gap: 40px;
    row-gap: 24px;
  }

  /* 1段目：左に「貸渡場所」、右に「クラス」 */
  .search-form__group:nth-of-type(1) { grid-column: 1 / 2; }
  .search-form__group:nth-of-type(2) { grid-column: 2 / 3; }

  /* 2段目：左に「装備」、右に「フリーワード」 */
  .search-form__group:nth-of-type(3) { grid-column: 1 / 2; }
  .search-form__group:nth-of-type(4) { grid-column: 2 / 3; }

  /* 3段目：検索ボタンは2列分（全幅）使って中央寄せ */
  .search-form__group:nth-of-type(5) {
    grid-column: 1 / 3;
    margin-top: 20px;
  }
}
  .custom-checkbox {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 12px;
    border: 1px solid #ccc;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.2s ease;
    background-color: #fff;
    margin-bottom: 8px;
  }

  .custom-checkbox:hover {
    border-color: #ed1fc4;
    background-color: #fff0fa;
  }

  .equipment-options {
    display: none;
    flex-wrap: wrap;
    gap: 1rem;
    margin-top: 0.5rem;
  }

  .custom-checkbox {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    position: relative;
    cursor: pointer;
    user-select: none;
    white-space: nowrap;
  }

  .custom-checkbox input[type="checkbox"] {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
  }

  .custom-checkbox .checkmark {
    height: 20px;
    width: 20px;
    background-color: #fff;
    border: 2px solid #ccc;
    border-radius: 4px;
    display: inline-block;
    position: relative;
  }

  .custom-checkbox input:checked ~ .checkmark::after {
    content: '';
    position: absolute;
    left: 5px;
    top: 1px;
    width: 5px;
    height: 10px;
    border: solid #ed1fc4;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
  }

/*media Queries スマホ（799px）以下で適応したいCSS 
---------------------------------------------------------------------------------------------------*/
@media print, screen and (max-width: 799px) {
#new_campaign .cp_title { 
  font-weight: bold;
  font-size: 20px;
  text-align: center;
  margin: 20px 0px;
}

ul{
padding-left: 0px;
	}
	h2.main-content-title{
		padding-top: 10px;
	}
	.banner-area {
    padding: 0 15px;
}
	.mv-link{
		display: none;
	}
	.search-box{
		margin: 0;
	}
	.search-box form {
    background-color: #fff;
}
	.search-box .search-box-ttl-head {
    margin-bottom: 0;
    padding: 10px 10px 10px 0;
    font-weight: bold;
    font-size: 18px;
	 color: #333;
	 padding-left: inherit;
	 background: #fff;
}
	.basic-btn, .reserve-btn{
		background: #333;
		box-shadow: 0 5px 0 0 #191919;
		width: 100%;
	}
	.mv-text{
    position: absolute;
    top: 30px;
    left: 15px;
    color: #fff;
		line-height: 4!important;
    text-shadow: 2px 2px 5px #333;
	}
	.mv-text p{
		font-family: "Caveat","游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo, cursive;	
		font-size: 8vw!important;
		color: #fff;
		text-shadow: 3px 3px 5px #333;
		-webkit-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    transform: rotate(-5deg);
		margin:0;
	}
	.mv-text span{
		font-size: 4vw;
		font-weight: bold;
                
	}
	.class-person {
    font-size: 18px;
    font-weight: bold;
    color: #999;
    padding-left: 5px;
}

	table.price-table {
		width: 100%;
		border-spacing: 10px 0;
		table-layout: fixed;
	}
	table.price-table thead tr th{
		background: #999;
		
	}
	table.price-table tbody tr{
		text-align: center;
	}
		table.price-table tbody tr th{
			font-size: 16px;
		height: 80px;
			text-align: center;
	}
		table.price-table tbody td{
		font-size: 18px;
		font-weight: bold;
	background: #f3f3f3;
	}
	table.price-other-table{
    width: 100%;

    table-layout: fixed;
		margin-top: 40px;
		margin-bottom: 60px;
}
	table.price-other-table tbody tr{
		border-bottom: 15px solid #fff;
	}
	table.price-other-table tbody th, .price-other-table tbody td{
		width: 100%;
   display: block;
    text-align: center;
    padding: 15px 0;
	
}
	table.price-other-table tbody th{
			color: #fff;
    background: #999;
    border-bottom: 2px solid #fff;
	}
	.price-other-table tbody td{
	 background: #f3f3f3;	
	}
	.price-other-table tbody td　a.option{
	color: #ed1fc4;
    font-size: 16px;
    text-decoration: underline;
	}
	table.price-other-table　tbody th p{
	font-size: 16px;
	font-weight: normal;
	}
	.price-other-table .option{
		color: #22bacb;
	}
		.dli-plus {
  display: inline-block;
    color: #333;
    width: 30px;
    height: 3px;
    background: currentColor;
    border-radius: 0.1em;
    position: relative;
    left: calc(50% - 15px);
    top: 15px;
}
.price-area	.price-title{
		font-size: 18px!important;
	   font-weight: bold;
	   text-align: center;
	}
.dli-plus::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: inherit;
  border-radius: inherit;
  transform: rotate(90deg);
}
	table.price-table tbody th{
		color: #fff;
		background: #333;
		border-bottom: 2px solid #fff;
	}
	table.price-table thead th{
		color: #fff;
		word-wrap: break-word;
		text-align: center;
		padding: 15px 0;
		
	}
	.price-season-title{
		font-size:13px;
	}
	.price-season-title span{
		font-size: 14px;
		font-weight: normal;
		word-wrap: break-word;
	}
	.price-table tbody tr{
		    border-bottom: 2px solid #fff;
	}
	.price-table tbody .price-season-title{
				background:#333;

}

	table.price-table tbody tr.regular td{
		color: #8ac842;
		
	}
		table.price-table tbody tr.high td{
		color: #2cafbf;

	}
	table.price-table tbody tr.golden td{
		color: #f0ba26;

	}

	table.price-table tbody tr td.price.large{
		font-size: 18px!important;
	}

	.btn.switcher{
		margin-left: 0px;
	}
	.reserve-button{
		color: #fff;
	}
.reserve-button a{
    display: block;
    background: -moz-linear-gradient(left,#ed1fc4,#ffc500);
    background: -webkit-linear-gradient(left,#ed1fc4,#ffc500);
    background: linear-gradient(to right,#ed1fc4 0%,#ffc500 100%);
    text-align: center;
    font-size: 15px;
    font-weight: 700;
    color: #fff;
    padding: 20px;
    border-radius: 10px;
    margin:20px;
}
	.header-space{
		margin-top: 60px;
	}

/* language sm*/

.humberger {
    display: block;
    height: 60px;
    position: relative;
    z-index: 10;
    width: 60px;
    border: none;
    background-color: #333;
	z-index:100;
}
.humberger.-active .humberger__line {
    background-color: transparent;
}
.humberger.-active .humberger__line::before {
    top: 0;
    transform: rotate(45deg);
}
.humberger.-active .humberger__line::after {
    top: 0;
    transform: rotate(-45deg);
}
.humberger.-active .humberger__text::before {
  content: '閉じる';
}
.humberger__line {
    display: block;
    height: 2px;
    position: absolute;
    top: 23px;
    left: 50%;
    transform: translateX(-50%);
    width: 24px;
    background-color: #fff;
    transition: 0.4s;
}
.humberger__line:before,
.humberger__line:after {
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    width: 100%;
    background-color: #fff;
    transition: inherit;
}
.humberger__line:before {
    top: -6px;
}
.humberger__line:after {
    top: 6px;
}
.humberger__text {
    position: absolute;
    bottom: 8px;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
}
.humberger__text::before {
    content: "メニュー";
    text-align: center;
    color: #fff;
    font-size: 10px;
    font-weight: 900;
}

.header {
  width: 100%;
	background: #333;
	z-index:1000;
	position: fixed;
        justify-content:space-between;
	top: 0;
        height: 60px;
        display:flex;
}
.header__nav-area {
	 position: fixed;
	 top: 60px;
    left: -100%;
    z-index: 9;
	 	 height:100vh;
    width: 100%;
    visibility: hidden;
    background-color: #fff;
    transition: 0.4s;
    overflow: auto;	
}
.header__nav-area.-active {
    left: 0;
  visibility: visible;
}
	.header__inner{
		display:flex;
		justify-content: space-between;
                 align-items: center;
	}
		.header__inner .logo-wrapper{
		padding-left: 10px;
	}

	.header-space{
		margin-top: 60px;
	}
.humberger {
    display: block;
    height: 60px;
    position: relative;
    z-index: 10;
    width: 60px;
    border: none;
    background-color: #333;
	z-index:100;
}
.humberger.-active .humberger__line {
    background-color: transparent;
}
.humberger.-active .humberger__line::before {
    top: 0;
    transform: rotate(45deg);
}
.humberger.-active .humberger__line::after {
    top: 0;
    transform: rotate(-45deg);
}
.humberger.-active .humberger__text::before {
  content: '閉じる';
}
.humberger__line {
    display: block;
    height: 2px;
    position: absolute;
    top: 23px;
    left: 50%;
    transform: translateX(-50%);
    width: 24px;
    background-color: #fff;
    transition: 0.4s;
}
.humberger__line:before,
.humberger__line:after {
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    width: 100%;
    background-color: #fff;
    transition: inherit;
}
.humberger__line:before {
    top: -6px;
}
.humberger__line:after {
    top: 6px;
}
.humberger__text {
    position: absolute;
    bottom: 8px;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
}
.humberger__text::before {
    content: "メニュー";
    text-align: center;
    color: #fff;
    font-size: 10px;
    font-weight: 900;
}

.header {
  width: 100%;
	background: #333;
	z-index:1000;
	position: fixed;
	top: 0;
        height: 60px;
}
.header__nav-area {
	 position: fixed;
	 top: 60px;
    left: -100%;
    z-index: 9;
	 	 height:100vh;
    width: 100%;
    visibility: hidden;
    background-color: #fff;
    transition: 0.4s;
    overflow: auto;	
}
.header__nav-area.-active {
    left: 0;
  visibility: visible;
}
	.header__inner{
		display:flex;
		justify-content: space-between;
                 align-items: center;
	}
		.header__inner .logo-wrapper{
		padding-left: 10px;
	}

.global-navigation {
    padding-top: 10px;
    padding-bottom: 160px!important;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}
.global-navigation__list{
    padding-left: 0;

	}
.global-navigation__list > li {
	padding-left: 20px;
	padding-right: 20px;
    padding-bottom: 10px;
    border-bottom: 2px solid #e7e9ee;
	  list-style: none;
}
.global-navigation__list > li + li {
  margin-top: 10px;
}
.global-navigation__link {

    align-items: center;
    font-weight: 900;
    transition: color 0.4s;
    font-size: 13px;
}
.global-navigation__link.-accordion {
    position: relative;
    background: none;
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    padding: 0;
	display: flex;
   flex-direction: column;
	align-items: flex-start;
}

.global-navigation__link.-accordion ::after {
    content: '';
    display: block;
    height: 12px;
    position: absolute;
    top: 50%;
    right: 5px;
    width: 2px;
    background-color: #ed3242;
    transform: translateY(-50%);
    transition: transform 0.4s;
}
.global-navigation__link.-accordion::before {
    content: '';
    display: block;
    height: 2px;
    position: absolute;
    top: 50%;
    right: 0;
    width: 12px;
    background-color: #ed3242;
    transform: translateY(-50%);
    
}
.global-navigation__link.-active::after {
  transform: translateY(-50%) rotate(-90deg);
}
.accordion {
    height: 0;
    overflow: hidden;
    visibility: hidden;
    transition: 0.4s;
}
.accordion.-active {
    height: auto;
    padding-top: 30px;
    visibility: visible;
}
.accordion__list li {
    font-size: 0.75rem;
	 list-style: none;
}
.accordion__list li + li {
     margin-top: 21px;
}
.accordion__link {
    color: #ed1fc4;
}
	.pbr-grid-posts .row{
		display: flex;
		flex-wrap: wrap;
		align-items:stretch
	}
	.pbr-grid-posts .post-item .col-sm-6{
		width: 50%;
		padding: 0;
		align-items:stretch
	}

	.pbr-grid-posts .post-item .col-sm-6 .post-categories{
		display:none;
	}
	.pbr-grid-posts .post-item .col-sm-6 .news__thumbnail--single{
		margin-bottom: 5px;
	}
	.pbr-grid-posts .post-item .col-sm-6 .news__meta-time--single{
		font-size: 10px;
		font-weight: bold;
		color: #999;
	}
	.pbr-grid-posts .post-item .col-sm-6 .news__header{
		padding-right: 10px;
		padding-left: 10px;
		display: flex;
    height: 100%;
    flex-direction: column;
	}
	.pbr-grid-posts .post-item .col-sm-6 .news__header .news__title--single a{
		font-size: 12px;
		-webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    -webkit-font-smoothing: antialiased;
	}
	.pbr-grid-posts .post-item .col-sm-6 .blog-single__main {
		height: 100%;
	}	
		.pbr-grid-posts .row .col-sm-6:first-child{
	  padding-right:1px!important;
	}
	.pbr-grid-posts .row .col-sm-6:nth-child(even){
	  padding-left:1px!important;
	}
	.pbr-grid-posts .post-item .col-sm-6 article.post {
		display: flex;
    flex-direction: column;
    height: 100%;
	 margin-bottom:0;
	}
	.pbr-grid-posts .post-item .col-sm-6 .news__header .article-list-bottom {
		margin-top: auto;
	}
		.pbr-grid-posts .post-item .col-sm-6 .news__header .article-list-bottom .single-author-image {
		width: 30px;
	}
	.pbr-grid-posts .post-item .col-sm-6 .news__header .article-list-bottom .single-author-image img{
		width: 25px!important;
		height: 25px!important;
	}
	.pbr-grid-posts .post-item .col-sm-6 .news__header .article-list-bottom .like-icon::before{
		font-size: 12px;
	}
	.pbr-grid-posts .post-item .col-sm-6 .news__header .article-list-bottom .like-count{
		font-size: 12px;
	}
	.news-blog .news-blog-title img{
		width: 150px;
	}
	.hero.vt{
		height: 150px;
		background:none;
	}
	.hero.vt .hero-text img{
		width: 130px;
	}
	.hero.vt .hero-desc{
		font-size: 15px;
	}
	.contact-button{
	text-align: center;
	margin: 20px 0;
	}
	.contact-button a{
	width:100%;
		background:#333;
    border-bottom: 5px solid #191919;
    color: #fff;
    border-radius: 5px;
		margin-top: 14px;
    padding: 15px 0;
    display: inline-block;
    font-weight: bold;
		position: relative;
			font-size: 16px;
	}
	.contact-button a:after {
 font-family: "Font Awesome 5 Free";
  content: '\f061';
  font-weight: 900;
		    position: absolute;
    right: 20px;
	}
	.section-address h2{
    font-size: 20px!important;
    padding: 10px 0;
    border-bottom: 3px solid;
    margin-bottom: 20px;
    margin-top: 20px;
}

.base_btnBox_sp {

   display: flex;
   flex-wrap:wrap;
   position: relative;

}



	.section-base h2.base-title{
		font-size: 20px!important;
    padding: 10px 0;
    border-bottom: 3px solid;
    margin-bottom: 20px;
    margin-top: 20px;
	}
	.news__thumbnail--single{
		padding-top:0px;
		position: relative;
	}
	.news__thumbnail--single .post-thumbnail img{
		top:0;
		object-fit: cover;
    width: 100%;
    height: 150%;
	}
	.news__entry.clearfix img{
		margin: 15px 0!important;
	}
	#wpforms-form-13506	{
		padding: 15px;
	}
	#campervan-plan
	#guide .plan{
	padding: 10px 0;
}
	#premiam-campaign .otoiawase-button{
		margin: 20px 0 50px!important;
	}
	#premiam-campaign .movie-wrap{
		padding-bottom: 33.25%;
	}
	.pbr-copyright{
		background:#fff!important;
		color: #555!important;
  
	}
	.paul-button{
		display: block;
		padding: 15px;
		background: #ed1fc4;
		color: #fff;
		font-weight: bold;
		border: 3px solid #ed1fc4;
	}
	.compensation-title,.cancel-title,.insurance-title,.noc-title{
	  width: 100%;
    border-left: 5px solid;
    line-height: 1!important;
    padding-left: 10px;
		margin: 30px 0 15px!important;
	}
	.header-navi-list{
		padding-left: 0!important;
		list-style: none;
	}
	.header-navi-text{
	position: relative;
		display: flex;
		flex-direction: column;
	}
	.header-navi-text-en{
		font-weight: bold;
		color: #333;
	}
	.header-navi-text-jp{
		padding-right: 25px;
		font-size: 12px!important;
		color:#ed1fc4;
		font-weight: bold;
	}
	.header-navi-text:after {
    content: '';
    width: 8px;
    height: 8px;
    border: 0;
    border-top: solid 2px #333;
    border-right: solid 2px #333;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    right: 3px;
    margin-top: -4px;
}
	.navi-contact-button{
	padding: 20px;
	}
	.navi-contact-button a{
   
}
	.navi-contact-button a:after{
    font-family: "Font Awesome 5 Free";
    content: '\f061';
    font-weight: 900;
    position: absolute;
    padding-left: 5px;
    right: 20px;
}
	.submenu-item a {
    position: relative;
    padding: 12px 20px!important;
    display: block;
    border-bottom: 1px solid #ccc;
}
	.submenu-item a :after {
    content: '';
    width: 6px;
    height: 6px;
    border: 0;
    border-top: solid 2px #5bc0de;
    border-right: solid 2px #5bc0de;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    right: 20px;
    margin-top: -4px;
}
	.submenu-title{
		margin-bottom: 0;
	}
	.submenu-list{
		padding-bottom: 25px;
	}
	.navi-contact-button a {
   
}
	
	.wpforms-form input{
		background: #f3f3f3!important;
		border: none!important;
		border-radius: 5px!important;
	}
	div.wpforms-container-full .wpforms-form select{
		font-size: 12px!important;
	}
	.wpforms-form textarea.wpforms-field-medium{
		background: #f3f3f3!important;
		border:none!important;
	}
	
	.wpforms-form button{
		background: #ed1fc4!important;
		font-weight: bold!important;
		padding: 15px!important;
		width: 200px!important;
		border-radius: 30px!important;
		color: #fff!important;
	}
	.wpforms-submit-container{
		text-align: center;
	}
	.not_selected {
  color: #ccc;
}
	.article-list-bottom{
	clear: both;
}
	.step{
		display: flex;
		flex-wrap: wrap;
	}
	.step-list{
	margin-bottom:10px;
}
.step-list-body{
	width: 65%;
	float: left;
}
.step-list-body p{
text-align: center;
	font-weight: bold;
	font-size: 15px;
}
.step-list-img{
width: 60px;
}
	
	.top-plan-list{
		display: flex;
		flex-wrap: wrap;
	}
	.top-plan-list-item{
		width: 50%;
		
	}
	h2.top-plan-title{
		    text-align: center;
    margin-top: 20px;
    padding: 10px;
	}

	.plan-details-list{
		display: flex;
		flex-wrap: wrap;
				margin-bottom: 30px;
	}
	.plan-details-list-item{
		width: 50%;
		box-sizing: border-box;
		padding: 5px;
	}
	#summer-festival table tbody th{
   width: 18%;
		background: lightcyan;
	}
	#summer-festival .campaign-firstarea{
		padding: 25px 0;
	}
	#summer-festival .campaign-firstarea table tbody td span{
		font-size: 17px;
		color: orange;
	}
		#summer-festival .campaign-period{
		font-size: 13px!important;
	}
	.canpaign-palan-list{
		margin-bottom: 30px;
	}
	.planclick{
		padding: 7px 10px!important;
		background: #fabd47!important;
	}
	.row{

	}
	.row img{
		margin-bottom: 0!important;
	}
	
		.repeat-discount-textarea{
		padding: 30px 0;
		margin: 0 auto;
	}
	.repeat-discount-content{
    background: #f3f3f3;
    padding: 10px 20px;
    color: #333;
    border-radius: 5px;
    font-weight: bold;
	}
	.campaign-plan-list{
		margin-bottom: 30px;
	}
	.campaign-plan-list .container{
		padding-left: 0;
		padding-right: 0;
	}
	.plan-item{
		margin: 15px 0;
	}
	.campaign-plan-list .plantag{
		display: none;
	}
	.campaign-plan-list .container img{
		margin: 5px 20px 0 0;
	}
	.campaign-banner .inner{
		padding: 0;
	}
	.inner{
		padding: 0 15px;
  
	}
	.firstarea-title {
		font-family: "Montserrat","游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif!important;
    text-align: center;
    border-top: 3px solid #333;
    border-bottom: 3px solid #333;
    padding: 15px 0;
    width: 300px;
    font-size: 15px!important;
    margin: 20px auto 30px!important;
}
		.firstarea-title span{
		    font-size: 23px;
    color: darkorange;
    font-weight: bold;
}
	.smanone{
	display: none;
}
	.otoiawase-button a{
    display: inline-block;
	color: #fff;
	 border-radius: 10px;
    font-weight: bold;
		position: relative;
		 padding: 15px;
    display: inline-block;
    width: 300px;
    border-radius: 5px;
    background:#ed1fc4;
		font-size: 14px;
}
	.otoiawase-button a:after {
 font-family: "Font Awesome 5 Free";
  content: '\f054';
  font-weight: 900;
		    position: absolute;
    right: 20px;
	}
	#post-15858 .otoiawase-button a{
		background: #ffc000;
	}
	.campaign-period {
  text-align: center;
    font-size: 15px;
    font-weight: 700;
    padding: 15px 10px;
    margin: 0;
    background: #346;
    color: #fff;
}
	.campaign-period span{
	display: block;
    font-size: 10px;
    text-align: left;
    line-height: 1.5;
	}
	.onecoin-campaign-firstarea{
	background: #ed1fc4;
    overflow: hidden;
    padding: 25px 0;
}
	.coin-box{
      width: 150px;
    height: 150px;
    border-radius: 50%;
    background: gold;
    padding: 15px;
		margin: 0 auto;
}
	.coin-time{
   text-align: center;
    border: 2px solid red;
    width: 100px;
    font-weight: 700;
    margin: 0 auto;
    border-radius: 20px;
    padding: 3px;
    color: red;

}
	.coin-price{
font-size: 40px!important;
    text-align: center;
    margin-top: 15px;
    margin-bottom: 10px;
    font-weight: 700;
    color: red;
	}
	.coin-price span{
    font-size: 20px;
}
	.coin-precautions{
  font-size: 10px!important;
    text-align: center;
    font-weight: 700;
    color: red;
    line-height: 1.5;
}
	

	.coin-text{
padding: 15px 0;
	}
	.coin-title{
		position: relative;
    display: inline-block;
    padding: 0 45px;
    color: #fff;
    font-size: 18px!important;
    font-weight: 700;
    margin-bottom: 20px;
	}
	.coin-title:before{
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 44px;
  height: 5px;
  background-color: #fff;
  -webkit-transform: rotate(-120deg);
  transform: rotate(-120deg);
}
	.coin-title:after{
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 44px;
  height: 5px;
  background-color: #fff;
  -webkit-transform: rotate(-60deg);
  transform: rotate(-60deg);
}
.coin-title:before {
  left:0;
}
.coin-title:after {
  right: 0;
}
	.coin-desc{
	    color: #fff;
    font-size: 13px!important;
    padding: 15px;
	}
	.coin-content{
		  background: #f3f3f3;
    padding: 10px 20px;
    color: #333;
    border-radius: 5px;
    font-size: 12px!important;
    font-weight: 700;
	}

.otoiawase-button{
    clear: both;
    text-align: center;
}

	.onecoin-campaign-secondarea{
		padding: 30px 0px;
	}
	.onecoin-campaign-secondarea-l{
	
	}
	.onecoin-campaign-secondarea-l h3{
    padding: 10px 0px;
    border-bottom: 3px solid;
    margin-bottom: 10px;
}
	.h3-bottom{
	        font-weight: 700;
    margin-top: 10px;
	}
	.onecoin-campaign-secondarea-l-text{
		font-size: 14px;
	}
		.onecoin-campaign-secondarea-r{

	}
	.onecoin-campaign-thirdarea{
	background: #f3f3f3;
		padding: 30px 0;
	}
	.onecoin-campaign-thirdarea h3{
		font-size: 25px!important;
	}
	.heiyou{
		font-size: 20px!important;
    margin: 15px 0;
	}
	.heiyou-content span{
	padding: 20px;
    display: ifnline-block;
    background: #fabd47;
    color: #fff;
    font-weight: bold;
    border-radius: 10px;
		width: 245px;
		margin: 0 20px;
		text-align: center;
}
.ribbon1-content {
  position: absolute;
  top: -6px;
  right: -6px;
  width: 89px;
  height: 91px;
  overflow: hidden;
  }

.ribbon1 {
  display: inline-block;
  position: absolute;
  padding: 7px 0;
  left: -23px;
  top: 22px;
  width: 160px;
  text-align: center;
  font-size: 16px;
	font-weight: bold;
  line-height: 16px;
  background: #ffa520;
  color: #fff;
  letter-spacing: 0.05em;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

.ribbon1:before, .ribbon1:after {
  position: absolute;
  content: "";
  border-top: 4px solid #b2751b;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  bottom: -4px;
}

.ribbon1:before {
  left: 14px;
}

.ribbon1:after {
  right: 18px;
}
	.ribbon2-content {
  position: absolute;
  top: -6px;
  left: -6px;
  width: 89px;
  height: 91px;
  overflow: hidden;
  }

.ribbon2{
  display: inline-block;
  position: absolute;
  padding: 7px 0;
  right: -23px;
  top: 22px;
  width: 160px;
  text-align: center;
  font-size: 14px;
	font-weight: bold;
  line-height: 14px;
  background: #ffc000;;
  color: #fff;
  letter-spacing: 0.05em;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

.ribbon2:before, .ribbon2:after {
  position: absolute;
  content: "";
  border-top: 4px solid #b2751b;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  bottom: -4px;
}

.ribbon2:before {
  right: 14px;
}

.ribbon2:after {
  left: 20px;
}
	
	.details-button{
		text-align: center;
	}
	.details-button a{
	 display: inline-block;
	color: #fff;
	 border-radius: 10px;
    font-weight: bold;
		position: relative;
		 padding: 15px;
    display: inline-block;
    width: 300px;
    border-radius: 5px;
    background: #fabd47;
}
		.details-button a:after {
 font-family: "Font Awesome 5 Free";
  content: '\f054';
  font-weight: 900;
		    position: absolute;
    right: 20px;
	}
	.campaign-contact{
		background: #f3f3f3;
   margin-top: 30px;
    overflow: hidden;
    padding: 20px 0 30px;
	}
	.campaign-contact-box{
		 background: #fff;
    overflow: hidden;
    padding: 30px 15px;
		border-radius:10px;
	}
	#option .campaign-contact{
		background: #fff!important;
	}
	
	#option .campaign-contact-box{
		 background: #f3f3f3!Important;
  
	}
	.campaign-contact h2{
	border: none!important;
	}
	.campaign-contact-box h3{
    margin: 0 0 25px!important;
    font-size: 13px!important;
    text-align: center;
    line-height: 1.5!important;
		padding: 0 20px;
	}
	.campaign-contact-box-l{
		
	}
	.campaign-contact-box-r{

	}
	.campaign-contact-box-l .tel-title{
		text-align: center;
		font-weight: bold;
	}
	.campaign-contact-box-l .number{
font-size: 25px!important;
    letter-spacing: .1em;
    font-weight: 700;
	margin-bottom: 20px;
	}
	
	.number:before {
    font-family: "Font Awesome 5 Free";
    content: '\f095';
    font-weight: 900;
    margin-right: 10px;
}
	.campaign-contact-button{
	text-align: center;
	background: #333;
	border-radius: 5px;
	}
	
	.campaign-contact-button a{
		padding: 15px;
		color:#fff;
		font-size: 12px;
		font-weight: bold;
		display:block;
	}
	.campaign-contact-button a:hover{
	
	}
	.campaign-contact-button a:after {
 font-family: "Font Awesome 5 Free";
  content: '\f061';
  font-weight: 900;
		    position: absolute;
    right: 45px;
	}
	.campaign-contact h2{
  text-align: center;
    letter-spacing: .1em;
    margin-bottom: 30px!important;
    font-size: 25px!important;
		line-height: 1.5!important;
		color: #deb887;
		font-family: "Montserrat","游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif!important;
}
		.campaign-contact h2 span {
display: block;
    font-size: 13px;
			color: #333;
}
	h3.plan-title-standard{
	text-align: center;
	font-size: 18px!important;
		margin: 30px 0 20px!important;
}
	h3.plan-title-highclass{
		text-align: center;
	font-size: 18px!important;
		margin: 30px 0 20px!important;
}
	h3.plan-title-premiam{
		text-align: center;
	font-size: 18px!important;
		margin: 30px 0 20px!important;
}
.plan-title-standard span{
	font-size: 11px;
	font-weight: normal;
	display: block;
	text-align: left;
	}
	.plan-title-highclass span{
	font-size: 11px;
	font-weight: normal;
    display: block;
		text-align: left;
}
	.plan-title-premiam span{
	font-size: 11px;
	font-weight: normal;
		display: block;
		text-align: left;
}
	h4.plan-title-standard{
	text-align: center;
	font-size: 18px!important;
   margin-top: 30px!important;
		margin-bottom: 0!important;
}
	h4.plan-title-highclass{
		text-align: center;
	font-size: 18px!important;
   margin-top: 30px!important;
				margin-bottom: 0!important;
}
	h4.plan-title-premiam{
		text-align: center;
	font-size: 18px!important;
   margin-top: 30px!important;
				margin-bottom: 0!important;
}
	.plan-title-desc{
		font-size: 11px!important;
		text-align: center;
	}
	.plan-title-desc-bottom{
		font-size: 11px!important;
		line-height: 1.5!important;
	}
	.plan-title-standard span{
	font-size: 11px;
	font-weight: bold;
	display: block;
	text-align: left;
	}
	.plan-title-highclass span{
	font-size: 11px;
	font-weight: bold;
    display: block;
		text-align: left;
}
	.plan-title-premiam span{
	font-size: 11px;
	font-weight: bold;
		display: block;
		text-align: left;
}
	.pbr-copyright .site-info{
		font-size: 8px!important;
		padding: 0!important;
	}
	
	
	.pbr-copyright{
	border: none!important;
	}
	.recruit-table table tbody tr th span{
		font-size: 6px!important;
		display: block;
	}
	.recruit-table table tbody tr{
		border: 2px solid #fff;;
	}
	.recruit-table table tbody tr th{
		width: 38%;
		height: 80px;
		padding: 0 10px;
		font-size: 9px;
		text-align: center;
		border-right: 2px solid #fff;
	}
	.recruit-table table tbody tr th.none{
		height: 50px;
		background :#a2a0a0;
	}
	.recruit-table table tbody tr td{
   width: 31%;
    text-align: center;
		font-size: 10px!important;
    font-weight: bold;
    padding: 10px 5px!important;
    letter-spacing: .1em;
    background: #f3f3f3;
    border: 2px solid #fff;
	}
	.recruit-table table tbody tr.time{
		font-size: 11px;
		background: #a2a0a0;
    color: #fff;
	}

	.post h1{
	line-height: 1.5;
}
	.post h2{
    font-size: 23px;
    margin: 30px 0 20px;
    border-bottom: 2px solid #333;
    padding: 10px 0;
	line-height: 1.5;
}
	.post h3{
    font-size: 20px;
    margin: 30px 0 20px;
    background: #f3f3f3;
    padding: 12px 10px;
		border-radius: 10px;
	line-height: 1.5;
}
	.blog-single__main h2{
		   font-size: 23px;
    margin: 30px 0 20px;
    border-bottom: 2px solid #333;
    padding: 10px 0;
	line-height: 1.5;
	}
	
	
.blog-single__main h3{
		font-size: 20px;
    margin: 30px 0 20px;
    background: #f3f3f3;
    padding: 12px 10px;
		border-radius: 10px;
	line-height: 1.5;
	}
	

	.post p.yoyaku{
		    font-size: 20px;
    padding: 10px 0;
    margin: 30px 0 10px;
		line-height: 1.5;
	}
	
	.top-slider{
	}
	.top-slider-inner{
	padding-top: 15px;
		padding-bottom:1px;
    background: #f3f3f3;
    width: 100%;
		bottom: 0;
	}
	div#glt-translate-trigger{
		display: none;
	}
	.top-header-bg{
		position: relative;
    
	}
	.top-slider{
		position: relative;
		z-index: -1;
	}
	.top-service{
		padding-top: 30px;
		position: relative;
	}
	.top-service-title{
		        text-align: center;
    color: #333;
    font-size: 25px;
    line-height: 2!important;
    margin: 0 0 30px 0!important;

	}
		
		.service-list{
		display: flex;
			flex-wrap: wrap;
}
	.service-list-item{
	    padding: 0;
    margin: 0 0px 20px;
    position: relative;
	}
	.service-list-item-img{
       border-radius: 50%;
    width: 100px;
    height: 100px;
    margin-right: 20px;
    position: absolute;
    top: -6px;
    background-size: cover;
    background-position: center;
	}
	.service-list-item ul{
   padding: 0;
		display:block;
	}
	.service-list-item ul li{
		font-size: 13px;
		font-weight: bold;
		padding-left: 20px;
		margin-right: 20px;
		margin-bottom: 5px;
list-style: none!important;
		position: relative;
	}
	.service-list-item ul li::after{
  content: '';
  width: 6px;
  height: 6px;
  border: 0px;
  border-top: solid 2px #5bc0de;
  border-right: solid 2px #5bc0de;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -4px;
}
	.service-list-item:first-child.service-list-item-title{
     color: #42D442;
	}
	.service-list-item:nth-child(2).service-list-item-title{
    color: #ed1fc4;
	}
	.service-list-item:nth-child(3).service-list-item-title{
    color:#FFC000;
	}
	.service-list-item:nth-child(4).service-list-item-title{
    color:#FE7E58;
	}
	.service-list-item-title{
   font-size: 18px!important;
    font-weight: 700;
    margin: 15px 0;
    margin-left: 120px;
    padding-top: 15px;
    position: relative;
    padding-bottom: 15px;
	 text-align: center;
		border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
	}
    .service-list-item-text{
		color: #333;
	    font-size: 12px!important;
		margin-top: 30px;
		padding: 0 10px 0 45px;
	}
	
     .service-list-item-button{
    display: flex;
    justify-content: end;
    text-decoration: revert;
}
.guide-howTo-list-item-img{
		border-radius: 50%;
    width: 100px;
    height: 100px;
    margin-right: 20px;
    position: absolute;
	 top: -6px;
    background-size: cover;
    background-position: center;
	}
	.guide-howTo-list-item-title{
    font-size: 18px!important;
    font-weight: 700;
    margin: 15px 0;
    margin-left: 120px;
    padding-top: 15px;
    position: relative;
    padding-bottom: 15px;
    text-align: center;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
	}
	.guide-howTo-list-item-text {
    color: #333;
    font-size: 12px!important;
    margin-top: 30px;
    padding: 0 10px 0 45px;
}
	.guide-howToMn-list-item-title{
		font-weight: bold;
		font-size: 16px!important;
		margin: 10px 0 10px!important;
}
	.guide-howTo-manner-title {
    font-size: 22px!important;
    padding: 10px;
    line-height: 1.5!important;
    margin: 30px!important;
}
	.guide-visit-lecture-contact-list{
		padding: 0!important;
	}
	.guide-visit-lecture-contact-list-item{
		list-style: none!important;
	}
	.guide-visit-lecture-contact-list-item.visit a {
    width: 100%;
    background: #ed1fc4;
    border-bottom: 5px solid #1a8f9c;
    padding: 15px;
    display: block;
    text-align: center;
    margin: 0 auto;
    border-radius: 5px;
    color: #fff;
    font-weight: 700;
    font-size: 18px;
		margin-bottom: 20px;
}
	.guide-visit-lecture-contact-list-item.lecture a {
    width: 100%;
    background: #07b53b;
    border-bottom: 5px solid #28a328;
    padding: 15px;
    display: block;
    text-align: center;
    margin: 0 auto;
    border-radius: 5px;
    color: #fff;
    font-weight: 700;
    font-size: 18px;
}
		.top-header-title{
    text-align: center;
    letter-spacing: .1em;
    margin: 0!important;
    position: absolute;
    padding-top:25px;
    left: 0;
    color: #fff;
    font-size: 170%;
    width: 100%;
    text-shadow: 3px 3px 3px #333;
}
			.top-header-title .sub {
    width: 230px;
    margin: 0 auto 25px;
    color: #fff;
    padding: 20px 0;
    font-size: 18px!important;
    display: block;
    line-height: 2;
			
}
	.top-header-title .sub span{
	background: linear-gradient(transparent 50%,#333a 50%);
    font-weight: 700;
    display: inline-block;
		padding-left: 10px;
	}
	.pickup{
		padding: 40px 0;
	}
	.pickup-list-item-inner{
        
	}
		.pickup-list{
		display: flex;
			flex-wrap: wrap;
	}
	.pickup-list-item{
		padding: 0;
		margin: 20px 0;
		width: 100%;
	}
	
	.pickup-list-item-img{
		position: relative;
		    height: 180px;
    width: 100%;
    background-size: cover;
    background-position: center;
	}
	.pickup-list-item ul{
   padding: 0;
		display:block;
	}
	.pickup-list-item ul li{
		font-size: 13px;
		font-weight: bold;
		padding-left: 20px;
		margin-right: 20px;
		margin-bottom: 5px;
list-style: none!important;
		position: relative;
	}
	.pickup-list-item ul li::after{
  content: '';
  width: 6px;
  height: 6px;
  border: 0px;
  border-top: solid 2px #5bc0de;
  border-right: solid 2px #5bc0de;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -4px;
}

	.pickup-list-item-title{
		    font-size: 18px!important;
    font-weight: 700;
    margin-bottom: 15px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ccc;
		padding-top: 5px;
	}
	.pickup-list-item-text{
   font-size: 14px!important;
	}
	.pickup-list-item-price{
		font-size: 14px!important;
		font-weight: bold;
	}
	.pickup-office-title{
		    font-size: 18px!important;
    font-weight: bold;
    padding-left: 10px;
    border-left: 5px solid #333;
		line-height: 1;
		margin-bottom: 20px;
	}
	.pickup-office-title-link{
		   font-size: 15px;
    color: #ed1fc4;
    display: block;
    text-align: right;
    text-decoration: underline;
    font-weight: 700;
    margin-top: 10px;
    padding-right: 20px;
    margin-bottom: 5px!important;
	}
	a.pickup-office-title-link:hover{
  
	}
	.pickup-office-title-link:after {
 font-family: "Font Awesome 5 Free";
  content: '\f061';
  font-weight: 900;
		    position: absolute;
		padding-left: 5px;
	}
	 h2.office-title {
    font-family: "Montserrat","游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif!important;
    font-size: 30px!important;
    letter-spacing: .1em;
    text-align: center;
    color: #deb887;
    margin-bottom: 30px!important;
}
	.office-title span{
    display: block;
    font-size: 13px;
    color: #333;
}
	.class-label{
		font-size: 10px;
		font-weight: bold;
		padding: 3px 10px;
		display: inline-block;
		margin: 10px 0;
		border-radius: 20px;
		color: #fff;
		background: #848788;

	}
		.class-label .standard{
	  font-size: 11px;
    padding: 5px 15px;
    display: inline-block;
    background: #8c6c41;
	}
	.class-label .high{
	font-size: 11px;
    padding: 5px 15px;
    display: inline-block;
    background: #848788;
    font-weight: bold;
    margin: 10px 0;
    border-radius: 20px;
		color:#fff;
	}
	.class-label .premiam{
	font-size: 11px;
    padding: 5px 15px;
    display: inline-block;
    background: #c1a91d;
    font-weight: bold;
    margin: 10px 0;
    border-radius: 20px;
		color:#fff;
	}
	.pickup-title{
		font-family: "Montserrat","游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif!important;
	    font-size: 20px!important;
    letter-spacing: .1em;

		margin-top: 0px!important;
		margin-bottom: 10px!important;
		line-height:1.5;
	}
	

	.pickup-list-item-body{
	
	}

	
	.top-flow-title{
		font-family: "Montserrat","游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif!important;
	    font-size: 30px!important;
    letter-spacing: .1em;
    text-align: center;
    color: burlywood;
		margin-top: 0px!important;
		margin-bottom: 30px!important;
		line-height: 1.5;
	}
	
	.top-flow-title span{
    display: block;
    font-size: 13px;
    color: #333;
}
	.memories{
		background:#f5f5dc;
	}
	.memories-list{
		display: flex;
		flex-wrap: wrap;
	}
	.memories-desc h3{
		text-align: center;
	}
	.memories-desc p{
		padding: 0px 25px 10px;
    font-size: 12px!important;
	}
	.memories-list-item{
    background: #fff;
    border-radius: 10px;
    position: relative;
    padding: 100px 20px 30px;

    margin-bottom: 30px;
    margin-top: 80px;
	}
	.memories-list-item-img{
    position: absolute;
    top: -70px;
		width: 57%;
}
	.memories-list-item-img-inner{
     
        height: 140px;
    box-shadow: 5px 5px 10px #555;
    background-size: cover;
}
	.memories-list-title{
		font-weight: bold;
	}
	.memories-list-text{
		font-size: 12px!important;
	}
	.memories-list-text-bottom .price-title{
    background: #f3f3f3;
    font-size: 12px;
    padding: 10px;
    color: #ed1fc4;
    border-radius: 5px;
		font-weight: bold;
}
	.memories-list-text-bottom .price{
margin-left: 13px;
		font-weight: bold;
}
	.memories-title-bg{
		background-image: url(https://www.japanroadtrip.com/wp-content/uploads/2019/07/c68f55d666a9d4ac66761b31ce2a1fb30_4620693218520522671_190723_0002.jpg);
		 -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  width: 100%;
  height: 150px;
  position: relative;
  box-sizing: border-box;
  padding-top: 50px;
 margin-bottom: 30px;
 background-position: center;
	}
	.memories-title-bg:before {
  position: absolute;
    width: 100%;
    bottom: 0;
    right: 50%;
    border-bottom: 30px solid #f5f5dc;
    border-right: 30px solid transparent;
    display: block;
    content: " ";
}
.memories-title-bg:after {
     position: absolute;
    left: 50%;
    bottom: 0;
    right: 0;
    border-bottom: 30px solid #f5f5dc;
    border-left: 30px solid transparent;
    display: block;
    content: " ";
}
	.memories-title{
		color: #fff;
			text-align: center;
	}
	.news-blog{
		padding: 40px 0;
		overflow: hidden;
	}
	.news-blog-title {
		font-family: "Montserrat","游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif!important;
    font-size: 30px!important;
    letter-spacing: .1em;
    text-align: center;
    color: #deb887;
    margin-bottom: 30px!important;
}
	.news-blog-title span{
    display: block;
    font-size: 13px;
  
}
	.article-list ul {
	  width: 700px;
		float: left;
	}
	
	.article-list ul li{
		clear: both;
		overflow: hidden;
		padding-bottom: 20px;
		margin-bottom: 20px;
		border-bottom: 1px solid #ccc;
	}
	.article-list-item-img{
		width: 240px;
		float: left;
		margin-right: 20px;
	}
	.article-list-title{
		font-size: 22px;
	}
	
	

.ribbon18-content {
  position: absolute;
  top: -6px;
  right: -6px;
  width: 89px;
  height: 91px;
  overflow: hidden;
  }

.ribbon18 {
  display: inline-block;
  position: absolute;
  padding: 7px 0;
  left: -23px;
  top: 22px;
  width: 160px;
  text-align: center;
  font-size: 16px;
	font-weight: bold;
  line-height: 16px;
  background: #ffa520;
  color: #fff;
  letter-spacing: 0.05em;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

.ribbon18:before, .ribbon18:after {
  position: absolute;
  content: "";
  border-top: 4px solid #b2751b;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  bottom: -4px;
}

.ribbon18:before {
  left: 14px;
}

.ribbon18:after {
  right: 18px;
}
	.floating {
		z-index:100;
		position: fixed;
    right: 20px;
    bottom: 5px;
 background: rgb(51, 204, 51);
   display: none;
    color: rgb(255, 255, 255);
    padding: 20px;
    box-shadow: rgb(51, 51, 51) 5px 5px 5px;
		transition: .3s;
}
.floating a {
display: block;
    color: #333;
    background: #f3f3f3;
    font-weight: bold;
    text-align: center;
    padding: 15px;
    font-size: 25px;
    text-decoration: none;
}
	.floating a:before{
	font-family: "Font Awesome 5 Free";
    content: '\f095';
    font-weight: 900;
    margin-right: 10px;
	}
	.floating p{
     font-weight: bold;
	}
	.floating a span{
display: block;
font-size: 11px;
line-height: 1.5;
}
.floating a:hover {
  opacity: 1;
}
		.flow{
		padding: 40px 0;
	}

		 h2.flow-title {
    position: relative;
    line-height: 1!Important;
    padding-left: 10px;
    margin: 20px 0!important;
	}

	 h2.flow-title:before {
    content: '';
    position: absolute;
    left: -23px;
    display: inline-block;
    width: 40px;
    height: 7px;
    background-color: #ed1fc4;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}
	.step-list02 a {
    text-decoration: underline;
    color: #ed1fc4;
}
	#guide h4{
		font-size: 18px!important;
		color: #deb887;
		margin: 30px 0 15px; 
	}
	.header-text-bg{
	    overflow: hidden;
    position: absolute;
    height: 100%;
    width: 100%;
		z-index: -100;
	}
	.header-text-bg-inner{
	
	}
	.header-text-bg p{
    font-weight: 700;
    font-size: 70px!important;
    color: #ccc;
    letter-spacing: .1em;
    transform: rotate(90deg);
    top: 640px;
    position: absolute;

    left: -580px;

    width: 1200px;

	}
	.step-list-img{
		margin: 20px auto;
	}

	.step-list-title01{
	    font-size: 15px;
    padding: 45px 0;
    width: 35%;
    float: left;
}
.step-list-title02{
    font-size: 15px;
    padding: 45px 0;
    width: 35%;
    float: left;
}
.step-list-title03{
    font-size: 15px;
    padding: 45px 0;
    width: 35%;
    float: left;
}
.step-list-title04{
    font-size: 15px;
    padding: 45px 0;
    width: 35%;
    float: left;
}
	.step-list-title01 span{
		display:block;
	   font-size: 25px;
		line-height: 1;
		font-weight: bold;
}
.step-list-title02 span{
	display:block;
	   font-size: 25px;
		line-height: 1;
		font-weight: bold;
}
.step-list-title03 span{
	display:block;
	   font-size: 25px;
		line-height: 1;
		font-weight: bold;
}
.step-list-title04 span{
	display:block;
	   font-size: 25px;
		line-height: 1;
		font-weight: bold;
}
	.step-list{
		    width: 100%;
    background: #f3f3f3;
	}

		.pickup-plan-list{
		display: flex;
		flex-wrap: wrap;
	}
		.pickup-plan-list-item{
		width: 50%;
	}
		.pickup-plan-list-item:nth-child(odd){
	padding-right: 10px;
	}
	.pickup-plan-list-item:nth-child(even){
	padding-left: 10px;
	}
	.pickup-plan-link-all{
		width: 350px;
		margin: 0 auto;
	}
		.pickup-plan-link-button{
	width: 200px;
    height: 135px;
		background-image: url(https://www.japanroadtrip.com/wp-content/uploads/2020/01/fukidashi01.png);
			
	}
	.pickup-plan-link-button a{
    color: #ed1fc4;
    display: block;
    padding: 46px 33px;
    font-weight: bold;
    font-size: 13px;
    text-decoration: underline;
	}
	.pickup-plan-link-button a:hover{
    color: #ed1fc4;
	}
	.pickup-plan-img-t img{
		position: absolute;
		bottom: -80px;
		right: 0px;
		width: 130px;
	}

	a.flow-link-button{
		text-align: right;
		color: #ed1fc4;
			position: relative;
		text-decoration: underline;
	    padding-right: 20px;
    font-weight: bold;
	}
	a.flow-link-button:after{
	font-family: "Font Awesome 5 Free";
    content: '\f061';
    font-weight: 900;
    position: absolute;
		padding-left: 5px;
		right: 0;
	}
	.pickup-plan{
		padding: 30px 0;
		background: #f3f3f3;
	}
	.pickup-plan h4 {
    font-size: 15px;
    padding-left: 10px;
    border-left: 5px solid #333;
		line-height:1!important;
		margin-top: 0!important;
    margin-bottom: 20px!important;
}
	.pickup-plan-list-item-title{
		margin: 5px 0;
    font-weight: bold;
	}
	.pickup-plan-list-item-title{
		margin: 5px 0;
    font-weight: bold;
	}
	.pickup-plan-list-item-desc{
	font-size: 12px!important;
	}

	 .news-blog .main-article li{
		overflow: hidden;
    margin-bottom: 15px;
    border-bottom: 1px solid #ccc;
	}
	 .news-blog .main-article ul{
padding: 0;
	}

	  .main-article ul li .thumbnail{
		margin-right: 10px;
		  float: left;
		  width: 30%;
	}
	.main-article ul li .date{
		float: left;
		line-height:1;
		margin-bottom:0;
	}
		.main-article ul li .title{
	    font-size: 12px;
    font-weight: 700;
			line-height: 1.5;
			float: left;
			width: 100%;
			margin-bottom: 5px;
			    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    -webkit-font-smoothing: antialiased;
	}
	.main-article ul li .likes{
		color: #fff;
    font-weight: bold;
    font-size: 20px;
		line-height: 1.5;
		float: right;
}
	
	.like-icon:before{
		font-family: "Font Awesome 5 Free";
    content: '\f004';
    font-weight: 900;
    margin-right: 5px;
		color: #ff4d6e;
	}
	.like-count{
		font-weight: bold;
	}
	.main-article .category{
		float: left;
		margin-left: 10px;
	}
	.main-article ul li .category{
    background: #f3f3f3;
    color: #555;
    font-weight: bold;
    font-size: 8px;
    padding: 3px 10px;
    border-radius: 15px;
	 float: left;
		border: 1px solid;
		margin-top: -2px;
		display:none;
	}
	.main-article ul li .date{
	color: #ccc;
		font-size:10px;
		font-weight: bold;
		line-height:1;
	}
	.main-article ul li{
		padding: 0;
	}
	.article-list-body{
		width: 65%;
		float: left;
	}
	.article-list-top{
		width: 100%;
		float:left;
		line-height: 1;
		margin-bottom: 5px;
	}
	.article-list-bottom{
		width: 100%;
	    display: flex;
		align-items:center;
		margin-bottom: 10px;
}
	
	.top-sidebar{
		display:none;
	}
	.sidebar-inner{
		padding: 0 15px;
	}
	.single-sidebar .sidebar-inner{
		padding: 0;
	}
	.blog-button a{
	    padding: 15px;
    text-align: center;
    width: 100%;
    display: block;
    background: #333;
    color: #fff;
    font-weight: bold;
    font-size: 13px;
    border-radius: 5px;
		border-bottom: 5px solid #191919;
	}
.blog-button a:after {
    font-family: "Font Awesome 5 Free";
    content: '\f061';
    font-weight: 900;
    position: absolute;
    padding-left: 10px;
    right: 30px;
}
	.top-contact{
		background: url(https://www.japanroadtrip.com/wp-content/uploads/2019/11/1551771369-433da52b75f84e99573271fba9e6b936-image.jpg);
		background-position: bottom;
		background-size: cover;
		overflow: hidden;
		padding: 40px 0;
		clear: both;
	}
	.top-contact-box{
	background: rgba(255,255,255,.7);
    overflow: hidden;
    padding: 30px;
		border-radius: 15px;
	}
	.top-contact-box h3{
    margin: 0 0 20px!important;
    font-size: 13px!important;
    line-height: 1.5;
    text-align: center;
	}
	.top-contact-box-l{

	}
	.top-contact-box-l.tel-title{
font-weight: bold;
	}

	.top-contact-box-r{

	}
	.top-contact-box-l p{
		text-align: center;
	}
	.top-contact-box-l .number{
   font-size: 160%!important;
    letter-spacing: .1em;
    font-weight: 700;
		margin-bottom: 0!important;
	}
	 .top-contact-box-l .time{
font-size: 13px!important;
    letter-spacing: .1em;
    font-weight: 700;
		color: #666;
	}
	.top-contact-button{
	text-align: center;
	}
	.top-contact-button a{
  display: inline-block;
		position: relative;
    background: #333;
    color: #fff;
		border-bottom: 5px solid #191919;
    border-radius: 5px;
    margin-top: 6px;
    font-weight: 700;
    font-size: 75%;
    width: 100%;
    padding: 15px 0;
	}
	.top-contact-button a:after {
    font-family: "Font Awesome 5 Free";
    content: '\f061';
    font-weight: 900;
    position: absolute;
    padding-left: 10px;
    right: 30px;
	}
.top-contact-button a:hover{
	color: #fff!important;
	}
	.top-contact h2{
		font-family: "Montserrat","游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif!important;
    color: #333;
    letter-spacing: .1em;
    font-size: 25px!important;
    margin-bottom: 40px!important;
		
}
		.top-contact h2 span {
    display: block;
    font-size: 12px;
    margin-top: 10px;
}
	.number:before {
 font-family: "Font Awesome 5 Free";
  content: '\f095';
  font-weight: 900;
		margin-right: 10px;
	}
	#click_to_call_bar span{
		vertical-align: -webkit-baseline-middle;
		}
	#click_to_call_bar{
		display: none!important;
  background: -moz-linear-gradient(left,#ed1fc4,#ffc500);
    background: -webkit-linear-gradient(left,#ed1fc4,#ffc500);
    background: linear-gradient(to right,#ed1fc4 0%,#ffc500 100%);

		font-size: 15px!important;
		font-weight: bold;
		position: fixed;
bottom: 25px!important;
    width: 65%!important;
    background-color: #222;
    z-index: 1000;
    text-align: center;
    display: block;
    z-index: 10000;
    height: 45px!important;
		border-radius: 25px;
    font-size: 13px!important;
    line-height: 45px!important;
    text-decoration: none !important;
		left:calc(40% - 65%/2);
	}
.ribbon6 {
 display: block;
    position: relative;
    height: 35px;
    line-height: 35px;
    text-align: center;
    padding: 5px 0;
    font-size: 18px;
    background: #acd879;
    color: #fff;
    width: 300px;
    margin: 0 auto 20px;
    box-sizing: border-box;
    box-shadow: 0 2px 2px rgba(0,0,0,.25);
}

.ribbon6 h3 {
	font-size: 13px!important;
  margin: 4px 0 0 0!important;
  padding: 0 30px;
  border-top: dashed 2px rgba(255, 255, 255, 0.5);
  border-bottom: dashed 2px rgba(255, 255, 255, 0.5);
	color: #fff;
	    line-height: 22px!important;
    margin-top: 0!important;
}

.ribbon6:before, .ribbon6:after {
     position: absolute;
    content: '';
    width: 0;
    height: 0;
    z-index: 1;
}

.ribbon6:before {
    top: -2px;
    left: -2px;
    border-width: 20px 0 20px 15px;
    border-color: transparent transparent transparent #f3f3f3;
    border-style: solid;
}

.ribbon6:after {
    top: -2px;
    right: -2px;
    border-width: 20px 15px 20px 0;
    border-color: transparent #f3f3f3 transparent transparent;
    border-style: solid;
}
	.link-box{
		display: flex;
		flex-wrap: wrap;
	
	}
	.link-box-l{
		background: #ed1fc4;
    padding: 10px;
    width:50%;
		border-top: 8px solid #f3f3f3;
			border-right: 4px solid #f3f3f3;
			border-bottom: 8px solid #f3f3f3;
			border-left: 8px solid #f3f3f3;
		box-sizing:border-box;
	}
		.link-box-title{
		font-size:65%!important;
			text-align: center;
			margin-bottom: 0!important;
			font-weight:bold;
			padding-left: 10px;
			color: #fff;
	}
	
		.link-box-desc{
		font-size:8px!important;
			margin-bottom: 5px!important;
			font-weight: bold;
			text-align: center;
			
	}

	.link-box-desc span{
		font-size: 8px!important;
    display: inline-block;
    background: #999;
    color: #fff;
    padding: 0 5px;
    margin-right: 5px;
    border-radius: 5px;
	}
	.link-box-l .link-button{
		font-size: 100%!important;
		color:#fff;
		margin-bottom: 0!important;
		position: relative;
		font-weight: bold;
		text-align: center;
		line-height: 1.5!important;
	}

	
	
	
	
	.link-box-r{

	
		background: #3c3;
    padding: 10px;
    width:50%;
			border-top: 8px solid #f3f3f3;
			border-right: 8px solid #f3f3f3;
			border-bottom: 8px solid #f3f3f3;
			border-left: 4px solid #f3f3f3;
		box-sizing:border-box;
	}
	
	
	

	
	.link-box-r .link-button{
		font-size: 130%!important;
		color:#fff;
		margin-bottom: 0!important;
		position: relative;
		font-weight: bold;
		text-align: center;
		line-height:2;
	}

	.ribbon19-content{
		font-weight: bold;
		color: #fff;
		text-align: center;
line-height: 1;
		font-size: 12px;
	}
		.lecture-title-bg{
			height: 500px;
		background-image:url(https://japanroadtrip.com/wp-content/uploads/2019/02/IMG_1344.jpg);
		background-size: cover;
		background-position: center;
	}
	.lecture-title-area{
		position: relative;
    margin: 0 auto;
	}
	.lecture-title-area-inner{
	  position: absolute;
    background: rgba(255,255,255,.7);
    margin-top: 40px;
    padding-bottom: 20px;
		width: 100%;
	}
	.lecture-title-area h1{
		    font-size: 16px;
    padding: 20px 52px;
		line-height: 2!important;
    text-align: center;
    margin-bottom: 0!important;
	}
	.lecture-title-area p{
		    padding: 0 15px;
    font-size: 11px!important;
	}
	.lecture-img01{
		background-image:url(https://www.japanroadtrip.com/wp-content/uploads/2020/01/410.jpg);
			width:100%;
		height: 200px;
		background-size: cover;
			background-position:center;
	}
		.lecture-img02{
		background-image:url(https://japanroadtrip.com/wp-content/uploads/2019/12/c73f66f2b5e33340bc762988299be1ce6_4620693218515812132_191027_0036.jpg);
			width:100%;
		height: 200px;
			background-size: cover;
				background-position:center;
	}
		.lecture-img03{
			background-image:url(https://japanroadtrip.com/wp-content/uploads/2020/01/ff1c2bb4c7e83ef8233b5aff9d338bf3_t.jpeg);
			width:100%;
		height: 200px;
			background-size: cover;
			background-position:center;
	}
	
	.lecture-title-bg h1{
	}
 .lecture-period span{
		font-size: 13px;
		font-weight: bold;
	}
	.lecture-area01{
		padding: 30px 0;
	}
	.lecture-area01 h2{
    text-align: center;
    font-size: 20px;
	 padding-left: 20px;
    background: url(https://japanroadtrip.com/wp-content/uploads/2020/01/beginner-mark_835.png) no-repeat;
    background-size: contain;
    width: 270px;
    margin: 0 auto 30px!important;
	}
	.lecture-area01 p{
		    line-height: 2;
    padding: 0 20px;
    font-size: 13px!important;
	}
	.lecture-area02{
		position: relative;
		padding: 40px 0;
	}
	.lecture-area02-bg{
		position: absolute;
		top: 0;
		width: 100%;
		height: 100%;
		background:#c8c8c8;
		z-index:-1;
	}
	.lecture-list{
		display: flex;
		flex-direction: column;
	}
	.lecture-list-item{
     margin-bottom: 30px;
	
	}
.lecture-list-item:nth-child(3){
		margin-bottom: 0;
	}
	.lecture-body{
		background:#fff;
	}
	.lecture-number{
		font-size: 35px!important;
		font-weight: bold;
		color: #fff;
		text-align: center;
		margin-bottom: 20px;
	}
	.lecture-title{
		font-size: 23px!important;
		margin-bottom: 20px;
		color: #fff;
		text-align: center;
		font-weight: bold;
	}
	.lecture-border {
    width: 30px;
    border-bottom: 1px solid #fff;
    margin: 0 auto 30px;
}
	.lecture-body{
		padding: 30px;

	}
	.lecture-body-title{
		font-size: 18px;
		font-weight: bold;
		line-height: 1.5;
	}
	.lecture-body-desc{
		font-size: 12px!important;
	}
	.lecture-period{
		background: #999;
		color: #fff;
		border-radius: 10px;
		width: 285px;
		    margin: 0 auto;
	}
	
.lecture-box{
		display:flex;
	justify-content:center;
	}
	.lecture-box-item{
  width: 85px;
    height: 85px;
    background: #ed1fc4;
    font-weight: 700;
    margin: 10px;
    margin: 8px;
    border-radius: 50%;
	}
		.lecture-box-item p{
  font-size: 12px!important;
    text-align: center;
    padding: 25px 8px;
    font-weight: 700;
    line-height: 1.5;
    color: #fff;
	}
	.lecture-contact {
		padding: 20px;
		background:#f3f3f3;
	}
	.lecture-contact p{
		text-align: center;
	}
	.lecture-contact .number{
		font-size: 22px!important;
		font-weight: bold;
	}
	#lecture-form h1{
		font-size: 20px!important;
		padding-left:15px;
		border-left: 5px solid #333;
		margin: 30px 0;
		line-height: 1;
	}
	.contact-title-bg{
		height: 200px;
		background:url(https://www.japanroadtrip.com/wp-content/uploads/2020/04/b55b5dc7efc5114ca3693c0e0d19f925_s.jpg);
		background-size:cover;
	}
		.blog-title-bg{
		height: 200px;
		background:url(https://www.japanroadtrip.com/wp-content/uploads/2020/04/733698c73c7e2f24ad390412a05f25c6_s.jpg);
		background-position: 0;
		background-size: cover;
	}
   .hero{
		height: 200px;
		background-size:cover;
	   background-position: center;
	   position:relative;
	}
	h1.contact-title{
		font-size: 30px;
    margin:  0px!important;
    letter-spacing: .1em;
		margin: 0 auto;
		padding-top: 35px;
		color: #fff;
	}
	.contact-title span{
		    font-size: 18px!important;
   
		display: block;
	}
	h1.blog-title{
		font-size: 30px;
    margin:  0px!important;
    letter-spacing: .1em;
		margin: 0 auto;
		padding-top: 35px;
		color: #fff;
	}
	.blog-title span{
		    font-size: 18px!important;
    margin-top: 10px;
		display: block;
	}
	.hero-text{
		position:absolute;
		width: 100%;
		top:50%;
	        -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
		text-align: center;
	}
	h1.hero-title{
		font-size: 21px;
    margin:  0px!important;
    letter-spacing: .1em;
		margin: 0 auto;
		color: #333;
	}
	.hero-desc{
		    font-size: 18px;
		    font-weight:bold;
		display: block;
		color:#ed1fc4;
	}
	.contact-desc{
		    text-align: center;
    margin: 20px 0;
    line-height: 2;
    padding: 20px;
    font-size: 12px!important;
	}
	.contact-box{
		    padding: 30px;
    border: 1px solid #ccc;
    text-align: center;

	}
	.contact-box-tel{
		    font-size: 20px!important;
    letter-spacing: .1em;
    font-weight: bold;
	}
	.contact-box-note{
	font-size: 10px!important;
    line-height: 1.5;
	}

	.contact-form-content{
		background: #f3f3f3;
		padding: 30px 0 ;
		margin-top: 60px;
	}
	.contact-form-content .wpforms-container {
		
		background:#fff;
	}
	.contact-form-content .wpforms-field-medium{
	
		border-radius: 5px!important;
		border: none!important;
		height: 50px!important;
	}
	
	.contact-form-content .wpforms-container-full .wpforms-form .wpforms-field{
		padding: 15px 0px;
		overflow: hidden;
	}
	.contact-form-content .wpforms-container-full .wpforms-form .wpforms-field-label{
		width: 100%;
	
	}
		/*タブ切り替え全体のスタイル*/
.tabs {
  margin-top: 50px;
	margin-bottom: 60px;
  padding-bottom: 40px;
  background-color: #fff;
 
  margin: 0 auto;}
#guide .tabs {
    background: #f3f3f3;
}
	#flow-sub .tabs{
		padding-bottom: 0!important;
	}
/*タブのスタイル*/
.tab_item {
    width: calc(100%/2);
    border-bottom: 3px solid #ed1fc4;
    background-color: #d9d9d9;
    padding: 10px 5px;
    display: flex;
    padding: 0px 10px;
    height: 80px;
    font-size: 10px!important;
    text-align: center;
    color: #565656;
    align-items: center;
    float: left;
    justify-content: center;
    text-align: center;
    font-weight: 700;
    transition: all .2s ease;
}
.tab_item:hover {

}



/*タブ切り替えの中身のスタイル*/
.tab_content {
  display: none;
  padding: 40px 20px 0;
  clear: both;
  overflow: hidden;
}
#guide .tab_content {
   padding: 0;
}
	#flow-sub .tab_content{
		padding: 0;
	}
/*ラジオボタンを全て消す*/
input[name="tab_item"] {
  display: none;
}
/*選択されているタブのコンテンツのみを表示*/
#all:checked ~ #all_content,
#programming:checked ~ #programming_content,
#design:checked ~ #design_content {
  display: block;
}

/*選択されているタブのスタイルを変える*/
.tabs input:checked + .tab_item {
  background-color: #333;
  color: #fff;
}
	.memories-list-text-bottom	.price2{
		display: block;
    color: #f5a431;
    font-weight: bold;
    text-align: center;
		border-bottom: 3px dashed;
    margin-top: 10px;
		padding: 5px 0;
}
	#wpforms-12594-field_0{
		height: 50px!important;
	}
	#wpforms-12594-field_0-last{
		height: 50px!important;
	}
	#wpforms-12594-field_22,#wpforms-13506-field_34,#wpforms-13506-field_20{
		background:#f3f3f3;
	}
	#wpforms-12594-field_2{
		height: 120px!important;
	}
	
	.form-title{
line-height: 1;
		padding-bottom: 0!important;
    border-left: 5px solid #333;
    padding-left: 10px!important;
    font-weight: bold;
    font-size: 15px!important;
	}
	.wpforms-form .wpforms-field-label {
		font-size:14px!important;
	}
	.wpforms-field-label-inline{
		font-size: 13px!important;
	}
	.wpforms-form input{
		vertical-align: middle!important;
	}
	.reservation-form-title{
		    position: relative;
    padding-left: 20px;
    margin-top: 30px;
		font-size: 25px;
		line-height: 1!important;
		margin-bottom: 20px!important;
	}
	.reservation-form-title:before{
      content: '';
    position: absolute;
    left: -18px;
    display: inline-block;
    width: 45px;
    height: 8px;
    background-color: #ed1fc4;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}
	.reservation-form-desc{
		font-size: 13px!important;
	}
	.opalestate-rows article .entry-content {
    padding: 0 10px 10px 10px!important;
}
	.property-address {
    color: #888!important;
    font-size: 15px!Important;
		font-weight: bold;
}
	.entry-summary img{
    display: none;
}
	ul.property-status li{
		font-size: 11px!important;
	}
	.opalestate-rows article .entry-title{
		font-size: 18px!important;
	}
	.property__address-icon {
		display: none;
	}
	.property__address {
    font-size: 16px!important;
    color: #888;
    font-weight: bold;
}
	.su-column-inner .marker8{
		font-size: 12px;
	}
	.onecoin-campaign-secondarea .car-desc{
	    font-size: 13px!important;
    margin-top: 15px;
	}
	.price2 .large{
		font-size: 30px;
		margin-left: 10px;
	}
	.link-box a:hover{
		color: #ed1fc4!Important;
	}
	.title a:hover{
		color: #ed1fc4;
	}
	#wpforms-13514-field_5,#wpforms-13514-field_45,#wpforms-13514-field_44,#wpforms-13506-field_22{
		background:#f3f3f3;
	}
	#wpforms-submit-13514,#wpforms-submit-13506,#wpforms-submit-12594{
		    border: 3px solid #ed1fc4;
    padding: 10px!important;
	}
	#wpforms-13506-field_0,#wpforms-13506-field_0-last{
		height: 50px;
	}
	#wpforms-13506-field_27 a,#wpforms-13514-field_20 a{
		color: #ed1fc4;
	}
	#wpforms-13514-field_5,#wpforms-13514-field_45,#wpforms-13514-field_44{
		background:#f3f3f3;
		border-radius: 5px;
		border: none;
	}
	.navbar-offcanvas ul#main-menu-offcanvas>li:hover a{
		color: #ed1fc4!important;
	}
	#yoyaku-mitumori{
		overflow: hidden;
	}
	#yoyaku-mitumori .tab_item{
		width: calc(100%/2)!important;
	}
	ul.car-list-standard p{
		font-size: 13px;
		color: #333;
	}
	.step-list02-img{
	    width: 50px;
    float: left;
    margin-right: 20px;
	}
	.step-list02 h3.step01{
	 font-size: 23px;
	 font-weight: bold;
    letter-spacing: .1em;
    color: #42d442;
	 margin-top: 0;
	    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 3px solid;
	}
	.step-list02 h3.step02{
	 font-size: 23px;
    letter-spacing: .1em;
    color: #2cafbf;
 margin-top: 0;
	    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 3px solid;
	}
	.step-list02 h3.step03{
	 font-size: 23px;
    letter-spacing: .1em;
    color: #ffc000;
		 margin-top: 0;
	    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 3px solid;
	}
	.step-list02 h3.step04{
	 font-size: 23px;
    letter-spacing: .1em;
    color: #fe7e58;
		 margin-top: 0;
		    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 3px solid;
	}
	.step-list02 span.large{
		  font-family: "Montserrat","游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif!important;
		font-size: 30px;
    margin-left: 5px;
	}
	.step-list02 span.bold{
		    display: block;
    color: #333;
	}
	.step-list02{
		    margin: 40px 0 40px;
	}
	.step-list02-desc{
		font-size: 12px!important;
}
		.step-list02-button{
		max-width: 500px;
	}
.step-list02-button a {
    background: #333;
    color: #fff;
    display: block;
    text-align: center;
    padding: 15px;
    border-radius: 5px;
	 box-shadow: 0 5px 0 #191919;
    font-weight: bold;
	border: none;
	text-decoration: none;
	}	
	.step-list02-button a:hover {
   
	}	
	.plan-title {
    font-family: "Montserrat","游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif!important;
    font-size: 30px!important;
    letter-spacing: .1em;
    text-align: center;
    color: #deb887;
    margin-bottom: 30px!important;
}
	.plan-title span{
    display: block;
    font-size: 13px;
    color: #333;
}
	.class-list{
		display: flex;
		flex-direction: column;
		margin-bottom: 30px;
	}
	
	.class-list-item{
		border: 1px solid #ccc;
   color: #8c6c41;
		padding: 0 0 20px 0;
		margin-bottom: 15px;
	}
	
	 .class-list-item{
		border: none!important;
     background:#fff!important;
	}
	.guide-info-desc{
		padding: 0 20px;
	}
	.class-list{
		margin-bottom: 0;
	}
	 .class-list-item{
		border: none;
      display: flex;
		flex-wrap: wrap;
		padding: 0 0 15px 0;

	}
	 .class-list-item:last-child{
		border: none;
    
	}
		.class-list-item-img{
	width: 40%;
		margin-right: 10px;
	}
	 .class-list-item-text{
		flex:1;
	}
	 .class-list-item-title{
		margin: 0!important;
		font-size: 15px!important;
	}
		 .class-list-item-desc{
		font-size: 13px!important;
		line-height: 1.5!important;
			margin: 0;
			color: #333;
	}
	 .class-list-item-price{
		color: #999;
		font-weight: bold;
	   font-size:13px;
	}
		 .class-list-item-price span{
		color: #ffc000;
	   margin-left: 5px;
			font-size: 18px;
	}
	.price-system{
	  background: beige;
	}
	.campervan_rental_office h2{
    background: #333;
    color: #fff;
    padding: 10px;
    margin: 20px 0;
}
	.campervan_rental_office .price-system{
		background: none;
		margin-top: 30px;
	}	
	.campervan_rental_office .price-system .inner{
		
	padding: 0!important;
	}
	.price-system-list{
		padding: 0;
	}
	.price-system-list-item{
    background: #fff;
}
.price-system-list-item .area-left{
    margin-bottom: 30px;
}
	.campervan_rental_office .price-system-list-item{
		background:beige;
	}

	.price-system-list-item-img img{
   border-radius: 10px;
}
	.price-system-list-item-text{
		flex: 1;
}
	.campervan_rental_office .plan-discount{
	background: none;
	}
	.campervan_rental_office .plan-discount .inner{
	padding: 0!important;
	}
	.car-list-item{
   clear: both;
		overflow: hidden;
		padding: 0!important;
		margin-bottom: 10px!important;
	}
	.car-list-item-thumbnail{
		width: 40%;
		float: left;
		margin-right: 10px;
	}
	.car-list-item-content{
	padding: 5px 0;
	}
	.car-list-item-content .car-name{
   display: block;
	}
	.car-list-item-content .person{
   display: block;
		color: #999;
		font-weight: normal;
		font-size: 12px;
	}
	.guide-info-price-list{
		display: flex;
		flex-wrap: wrap;
		padding: 0;
		margin: 0 0 10px 0;
	}
	.guide-info-price-list-item{
		width: 50%;
		list-style-type: none!important;
	}
	.guide-info-price-list-item a{
		display: flex;
		justify-content: center;
		border: 3px solid #fff;
		background:#f3f3f3;
		padding: 10px;
		font-weight: bold;
		color: #999;
		font-size: 13px;
	}
	.guide-info-price-list-item.active{
		border: 1px solid #ed1fc4;
	}
	.guide-info-price-list-item.active a{
		color: #ed1fc4;
	}
	.price-system{
		position: relative;
		padding-top: 30px;
    overflow: hidden;
	}
	.price-system-title {
    padding: 15px 0 0;
    text-align: center;
    font-weight: bold;
}
	
	.price-system-icon {
    top: 0px;
    position: absolute;
    left: 50%;
    display: block;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
}
	.price-system-list{
	}
	.price-system-list-item{
		list-style-type: none!important;
		clear: both;
		padding: 15px;
		margin-bottom: 20px;
		border-radius: 10px;
	}
	.price-system-icon span {
    position: relative;
    display: block;
		height: 30px;
    width: 30px;
}
	.price-system-icon span:before, .price-system-icon span:after {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    content: '';
    display: block;
    margin: auto;
    background: #ffc000;
}
	.price-system-icon span:before, .price-system-icon span:after {
    height: 5px;
    width: 30px;
}
	.price-system-icon span:after {
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
}
	.price-system-list-item-title{
		font-weight: bold;
		line-height: 1.5;
	}
	.price-system-list-item-price span{
		font-size: 18px;
		color:#ffc000;
		font-weight: bold;
	}
	.price-system-list-item-desc{
		font-size: 10px!important;
		line-height: 1.5;
		clear: both;
	}
	
	.price-system-list-item-img{
		width: 40%;
    margin-bottom: 10px;
		margin-right: 10px;
    float: left;
}
	.price-system-list-item-button a{
    display: flex;
    justify-content: center;
    border: 1px solid #ed1fc4;
    color: #ed1fc4;
    padding: 7px;
    border-radius: 5px;
    clear: both;
		
	}
	.case{
		padding: 20px 0;
	}
		.case-textTime span.largeBold{
		font-size: 23px;
		font-weight: bold;
	}
		.case-textTotal span.ffc000{
		color: #ffc000;
	
	}
	.case-textParson{
		margin: 0;
		text-align: center;
	}
	.case-textPrice{
		text-align: center;
		font-weight: bold;
		border-bottom: 3px dotted;
		padding-bottom: 5px;
	}
	.case-textPrice span.largeBold{
		font-size: 28px;
		font-weight: bold;
		color: #ffc000;
		margin-left: 5px;
	}
	.plan-discount{
		padding: 20px 0;
		background: beige;
	}
	.plan-discount-button a {
    display: flex;
    justify-content: center;
    border-bottom: 5px solid #191919;
    background: #333;
    color: #fff;
    padding: 15px;
    border-radius: 5px;
    font-weight: bold;
}
	.plan-discount-button a:hover {
}
	.guide-info-price{
		margin-bottom:40px;
	}
	.guide-visit-lecture-contact{
		padding: 20px 0;
	}
		.guide-visit-lecture-contact-title{
		font-size: 18px!important;
			font-weight: bold;
			text-align: center;
	}
	.plan-desc-text{
		font-size: 12px!important;
	}
	
	.guide-visit-lecture-list{

		padding: 0!important;
	}
	.guide-visit-lecture-list li{
		list-style-type: none!important;
	}
	.guide-visit-lecture-list-item{
		padding: 0;
		margin-bottom:20px;
	}
	.guide-visit-lecture-list-item.visit a{  
    display: flex;
    justify-content: center;
    padding: 15px 0;
    box-sizing: border-box;
    background: #ed1fc4;
	border-bottom: 5px solid #1a8f9c;
    font-size: 18px!important;
    color: #fff!important;
    font-weight: bold;
    border-radius: 5px;
}
	.guide-visit-lecture-list-item.lecture a{
    display: flex;
    justify-content: center;
    padding: 15px 0;
    box-sizing: border-box;
    background: #3c3;
	border-bottom: 5px solid #28a328;
    font-size: 18px!important;
    color: #fff!important;
    font-weight: bold;
    border-radius: 5px;
	
}
	.office-choose {
    text-align: center;
    font-weight: bold;
    margin-top: 30px;
}
	.class-list-item-img{
		
    width: 100%;
    background-size: cover;
    background-position: center;
	}
	.class-list-item ul{
   padding: 0;
		display:block;
	}
	.class-list-item ul li{
		font-size: 13px;
		font-weight: bold;
		padding-left: 20px;
		margin-right: 20px;
		margin-bottom: 5px;
list-style: none!important;
		position: relative;
	}
	.class-list-item ul li::after{
  content: '';
  width: 6px;
  height: 6px;
  border: 0px;
  border-top: solid 2px #5bc0de;
  border-right: solid 2px #5bc0de;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -4px;
}
	.class-list-item:nth-child(2){
    color: #848788;
	}
	.class-list-item:nth-child(3){
    color:#c1a91d;
	}
	.class-list-item-title{
		    font-size: 20px!important;
    font-weight: 700;
    margin: 20px 20px 10px;

	}
	ul.car-list-standard li{
		color: #333;
	}
	ul.car-list-high li{
		color: #333;
	}
	ul.car-list-premiam li{
		color: #333;
	}

		#guide #plan{
overflow: hidden;
		
	}
	#guide .plan-bg{
		margin-top: 48px;
	background: #f3f3f3;
    padding: 30px 0;
		margin-bottom:30px;
	}
	.option-list{
		display: flex;
		flex-wrap: wrap;
	}
	.option-item{
		width: 33%;
		font-size: 12px;
		font-weight: bold;
	}
	.option-item:nth-child(even){
	background:#fff;
	}

	.option-item-img{
		height: 100px;
		display: flex;
    justify-content: center;
    align-items: center;
	}
	.option-item-img img{
		padding: 10px;
	}
	.option-item-title{
		font-size: 10px!important;
		text-align: center;
		margin-bottom: 5px!important;
		line-height: 1.5;
		
	}
	.option-item-price{
		font-size: 10px!Important;
		text-align: center;
		line-height: 1.5;
		color: #999;
	}
	.guide-title-bg {
    height: 250px;
    background: url(https://www.japanroadtrip.com/wp-content/uploads/2020/04/157c2991672254c71fc94c39cb74506a_s.jpg);
    background-size: cover;
	}
	#guide h1.guide-title {
    font-size: 25px;
    margin: 0!important;
    letter-spacing: .1em;
    margin: 0 auto;
    padding-top: 35px;
}
	.guide-title span {
    font-size: 13px!important;
    display: block;
		margin-top: 5px;
		margin-left:5px;
}
	#guide h3.office-tokyo{
		text-align: center;
		background: #f3f3f3;
		border-bottom: 3px solid #ccc;
		border-radius: 5px;
		padding: 10px;
}
	#guide h3.office-hokkaido{
		text-align: center;
		background: #f3f3f3;
		border-bottom: 3px solid #ccc;
		border-radius: 5px;
		padding: 10px;
	}
	.car-list-standard li img,.car-list-high li img,.car-list-premiam li img{
		
		width: 35%;
		margin-right: 10px;
	}
.class-list-item-person{
		    color: #999;
    font-weight: bold;
    font-size: 16px!important;
		padding-left: 20px;
		position: relative;
	}
		.class-list-item-person span{
		  display: inline-block;
    background-color: #fff;
    padding-right: 10px;
    position: relative;
    z-index: 1;
	}
	.class-list-item-person:after {
    content: '';
    display: block;
    border-top: 1px solid #ddd;
    width: 80%;
		margin-right: 20px;
    height: 1px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 3px;
}
	#price .plan-list{
		background: beige;
		padding: 20px 0;
	}

	.pbr-breadscrumb .breadcrumb {
    border: none!important;
    padding: 10px 0!important;
}
	.breadcrumb{
	}
	#breadcrumb{
		padding:5px 15px;
	}
	#breadcrumb a span{
    font-size: 10px!important;
		font-weight: bold;
		line-height: 1;
		color: #999;
	}
	.office-text {
    font-size: 12px;
    margin-bottom: 20px;
}
	.office-map iframe{
		height: 200px;
	}
	.office-text h4{
		margin-top: 25px!important;
	}
	#guide .campaign-contact{
	    margin-top: 40px;
	}
	.option-title{
		    position: relative;
    line-height: 1!important;
    padding-left: 20px;
    padding-top: 20px;
		font-size: 23px;
	}
	h1.option-title:before{
     content: '';
    position: absolute;
    left: -15px;
    display: inline-block;
    width: 40px;
    height: 7px;
    background-color: #ed1fc4;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}
	.option-box{
		background: #f3f3f3;
	}
	.option-desc{
    font-size: 12px!important;
}
	#guide .tab_content h3 {
    font-size: 15px!important;
    border-left: 5px solid;
    margin-bottom: 20px;
    padding-left: 10px;
    line-height: 1;
}
	#guide .car-list-standard p{
		font-size: 13px!important;
		padding:  0 20px;
	}


	.breadcrumb li{
		font-size:12px!important;
	}
	.pbr-breadscrumb .breadcrumb{
		margin-bottom: 0!important;
	}
	.agreement-title,.privacy-title,.faq-title{
    font-size: 30px;
    margin-bottom: 0!important;
    text-align: center;
	margin-top: 30px!important;
}
.agreement-title-sub,.privacy-title-sub,.faq-title-sub{
    display: block;
    text-align: center;
    margin-bottom: 40px!important;
}
	.agreement h2,.privacy h2,.faq h2{
    border-bottom: 3px solid;
	}
	.agreement h3{
    font-size: 18px!important;
    border-left: 5px solid;
    line-height: 1!important;
    padding-left: 10px;
		margin-top: 30px!important;
}
	.agreement h4{
	margin-top: 20px!important;
	}
	.agreement h1,.agreement h2,.agreement h3,.agreement h4,.privacy h1,.privacy h2,.privacy h3,.privacy h4{
		font-family: "Montserrat","游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif!important;
	}
	.privacy h3{
		margin-top: 20px!important;
}

	.faq-item {
		background: #f3f3f3;
    border-radius: 5px;
    padding: 27px 15px 27px 55px;
    margin-bottom: 15px;
}
	.faq-question {
    font-size: 16px;
    font-weight: 700;
    position: relative;
}
	.faq-question:before {
    content: "Q";
    background: #333;
    color: #fff;
    padding-top: 2px;
    top: -4px;
    left: -43px;
}
	.faq-answer {
    font-size: 14px;
    line-height: 1.8;
    margin:30px 0 0 30px;
    position: relative;
}
	.faq-answer:before {
    content: "A";
    background: #fff;
    border: 2px solid #181818;
    color: #181818;
    padding-top: 2px;
    top: -6px;
    left: -50px;
		padding-left: 2px;
}
	.faq-answer:before, .faq-question:before {
    display: block;
    width: 32px;
    height: 32px;
		font-weight: bold;
    border-radius: 50%;	
    text-align: center;
    position: absolute;
}
	.opaleslate-container{
		padding: 0 10px;
	}
	.recruit-img img{
		margin-bottom: 20px!important;
	}
	.recruit-staff-tab{
		font-size: 13px!important;
		border: 1px solid;
		border-radius: 15px;
		padding: 3px 10px;
		color: #555;
	}

	.recruit-address{
		position: relative;
		padding-left: 20px;
		
	}
	.recruit-address:before{ font-family: "Font Awesome 5 Free";
  content: '\f124';
		color: #ed1fc4;
  font-weight: 900;
		    position: absolute;
    left: 0;
	}
	.recruit-table tbody th{
		background:#f3f3f3;
		width: 15%;
		height: 65px;
	}
	.recruit-table tbody tr td{
		font-weight: normal!important;
		font-size: 14px;
	}
	.recruit-title{
		margin-bottom: 0!important;
	}
	.recruit-title-sub{
		margin-bottom:25px;
		display:block;
	}
	.privacy .inner,.agreement .inner,.faq .inner,.recruit .inner{
		    margin-bottom: 50px;
	}
	#plan .plan-list{
		background: #fff;
    overflow: hidden;
    padding: 10px 15px 30px;
	}
	#menu-side1 li {
    padding: 0!important;
		
}
	#menu-side1 li a{
    display:block;
	padding: 10px 0;
	font-weight: bold;
}
	#menu-side1 li:after {
    content: '';
    width: 6px;
    height: 6px;
    border: 0;
    border-top: solid 2px #5bc0de;
    border-right: solid 2px #5bc0de;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    right: 20px;
    margin-top: -4px;
}
	#menu-side2 li a{
	   width: 100%;
    display: block;
    text-align: center;
    padding: 15px;
    color: #fff;
    background: #ed1fc4;
    border-radius: 5px;
    font-weight: bold;
}
	#menu-side2 li{
	   border: none!important;
}
	.widget_nav_menu li:before{
		display: none!important;
	}
.sns-list{
		padding-bottom: 70px;
    padding-left: 15px;
	}
	.sns-list ul{
		display: flex;
		flex-wrap:wrap;
		list-style: none;
		padding:0;
		margin-top: 10px;
	}
	.sns-list ul li{
		width: 50px;
		margin-right:10px;
	}
	.offcanvas-head{
		height: 48px;
	}
	.offcanvas-head button{
		height: 48px;
		float: right;
	}
	.offcanvas-head span{
		line-height: 48px;
	}
	.shinjuku-plan-desc{
    border: 1px solid #ccc;
    font-size: 12px!important;
    line-height: 1.5;
    padding: 15px 15px;
    margin-top: 20px;
	}
	#flow-sub h1{
		font-size: 23px;
	}
	#flow-sub h2{
		border-bottom: 3px solid;
	}
	.active-mobile .btn{
		line-height: 1!important;
	}
	.active-mobile span{
		display: block;
    color: #fff;
    line-height: 1;
    font-size: 12px;
    padding-top: 5px;
	}
	.active-mobile:hover {
		background:#ed1fc4!important;
	}
		.agreement-button {
    padding: 15px 0;
    text-align: center;
    width: 200px;
    display: block;
    border-radius: 5px;
    font-size: 12px;
    margin: 0 auto;
    background: #ed1fc4;
    color: #fff;
    font-weight: bold;
}
	.flow-desc{
		padding-bottom: 30px;
	}
	.paul-button{
			margin-top: 10px;
    display: block;
	color: #fff;
			text-align: center;
    font-weight: bold;
		position: relative;
		 padding: 10px;
    border-radius: 5px;
    background:#ed1fc4;
		font-size: 14px;
			border: 3px solid #ed1fc4;
}
	.paul-butto:hover{
		background: #fff;
		color:#ed1fc4;
	}
	.paul-button:after {
 font-family: "Font Awesome 5 Free";
  content: '\f054';
  font-weight: 900;
		    position: absolute;
    right: 20px;
	}
	#premiam-campaign h3.red{
		color: red;
	}
	.paul-button{
			margin: 10px auto 30px;
    display: block;
	color: #fff;
			width:300px;
			text-align: center;
    font-weight: bold;
		position: relative;
		 padding: 15px;
    border-radius: 5px;
    background:#ed1fc4;
		font-size: 14px;
			border: 3px solid #ed1fc4;
			
}
	.paul-button:hover{
		background: #fff;
		color:#ed1fc4;
	}
	.campervan-plan{
		padding: 5px 20px;
	}
	.campervan-plan .plan-item{
		line-height: 1.5;
		height: 36px;
	}
		#support .hero{
		background: #f7add6;
		overflow: hidden;
		margin-bottom: 30px;
		padding: 30px 0;
	}

		#support .hero h1{
			font-size: 20px;
			line-height: 1.5;
		color:#fff;
	}
	#support h3{
   border-bottom: 3px solid;
		padding: 10px 0;
		margin: 20px 0 30px;
	}
	#support .hero p{
		color: #fff;
		font-size: 22px;
	}
	#telework .hero{
		background:darkorange;
		overflow: hidden;
		margin-bottom: 30px;
   padding: 30px 0;
	}
		#telework .hero h1{
			font-size: 22px;
		color:#fff;
	}
	#telework h3{
   border-bottom: 3px solid;
		padding: 10px 0;
		margin: 20px 0 30px;
	}
	#telework .hero p{
		color: #fff;
		font-size: 22px;
	}
	.news-box{
		padding: 20px 0;
		border-bottom: 1px solid #ccc;
	}
	.news-box ul{
		padding: 0!important;
	}
	.news-box ul li{
		list-style-type: none!important;
		margin-bottom:10px;
	}
	.news-box .thumbnail{
		width: 30%;
		float: left;
		margin-right:10px;
	}
	.news-box-title {
    font-size: 25px!important;
    font-weight: bold;
}
	.news-box-title span{
    font-size: 15px!important;
    font-weight: bold;
		color: red;
		display: block;
		margin-top: 5px;
}
	.news__title--single {
		font-size: 17px!important;
line-height: 1.5!important;
		margin-bottom: 30px!important;
}
.news__title--single a{
color: #333!important;
}
.col-sm-6 .entry_clearfix{
 display: none;
}
	.col-sm-6 article.post{
		margin-top:0px!important;

	}
	.col-sm-6 .blog-single__main{
		margin-bottom:0!important;
	}
	.side-profile{
		display: none;
	}
		.single-footer{
padding: 15px;
background: #f3f3f3;
			margin-top: 20px;
margin-bottom: 20px;
}
.single-footer-number{
margin:0!important;
}
.single-author{
border: 5px solid #ccc;
padding: 	15px;
overflow:hidden;
	display: flex;
    flex-wrap: wrap;
}
.single-author-image{
margin-right: 5px;
}
	.article-list-bottom .single-author-image{
	width: 35px;
		float: left;
}
.single-author-image img.avatar{
width: 60px!important;
height: 60px!important;
}
	.article-list-bottom .single-author-image img.avatar{
		width: 30px!important;
		height: 30px!important;
	}
.single-author-content{
width: 75%;
}
.single-author-heading{
font-size: 12px!important;
	line-height: 1;
	margin-bottom:10px!important;
}
.single-author-name{
color: #ed1fc4;
	font-size: 16px!important;
font-weight: bold;
	line-height:1;
	margin-bottom:10px!important;
}
	.article-list-bottom .single-author-name{
color: #333;
	font-size: 10px!important;
		margin-bottom: 0!important;
		font-weight: normal;
}
	.article-list-bottom .like{
margin-left:auto;
}
	.single-author-position{
font-size: 10px!important;
		line-height:1.5;
color: #999;
		margin-bottom: 0!important;
}
	.news__tags{
		display: none;
	}
	.nav-title {
     margin-bottom: 0!important;
    font-size: 12px!important;
    transition: all .3s;
    line-height: 1.5!important;
}
	.single-share{
		padding: 20px 0;
	}
		.fb_iframe_widget{
		display: inline-grid!important;
		line-height: 1!important;
			margin-right: 7px;
	}
	.pocket-btn {
		display: inline-block;

	}
.pocket-btn iframe{
		    padding-top: 2px!important;
	}
.single-share-title{
		    text-align: center;
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 20px;
	}
.support-names-title {
    font-size: 13px!important;
    border-bottom: 3px solid;
    font-weight: bold;
}
	#support-names h2 {
    margin: 30px 0;
}
#support-names h3 {
    font-size: 25px!important;
    text-align: center;
    margin: 30px 0;
}
	.project-box {
    border: 1px solid #999;
    padding: 30px 20px;
    color: #999;
		margin-bottom: 20px;
}
	.project-contact-box {
		margin-bottom: 20px;
}
	.project-contact-box a{
		color: #ed1fc4;
}
		.memories-desc h3{
		margin-bottom: 20px;
	}
	.campaign-news-inner{
     padding: 20px;
	}
	.campaign-news-inner h3{
		color: red;
	}
	.campaign-news-inner p{
     font-size: 13px!important;
	}
   ul{
   		
	}
	#covid-19 h2{
		margin-top: 25px!important;
	}
	#covid-19 h3{
		margin-top: 20px!important;
	}
	#covid-19 p{
		font-size: 13px!important;
	}
	#covid-19 .box01{
		overflow: hidden;
	}

		#covid-19 .box01 .thumb{
		padding: 10px 10px 0 10px;
	  background: #f3f3f3;
	}
	#covid-19 .box01 .title{
font-size: 13px;
		font-weight: bold;
     margin-bottom: 10px;
	}
	.plan .inner{
		padding: 0!important;
	}
	/*全体*/
.car-list-box {
  /*前後の余白*/
    padding: 0;
	width: 100%;
}

/*ボタン装飾*/
.car-list-box label {
    padding: 7px 15px;
    font-weight: bold;
    border: solid 2px #ed1fc4;
    cursor :pointer;
	color: #ed1fc4;
	border-radius: 5px;
	font-size: 13px;
	    display: block;
    width: 200px;
    text-align: center;
    margin: 0 auto;
}

/*ボタンホバー時*/
.hidden_box label:hover {
    background: #efefef;
}

/*チェックは見えなくする*/
.car-list-box input {
    display: none;
}

/*中身を非表示にしておく*/
.car-list-box .car-list-show {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}

/*クリックで中身表示*/
.car-list-box input:checked ~ .car-list-show {
    padding: 10px 0;
    height: auto;
    opacity: 1;
}
	.modal_wrap input{
    display: none;
}

.modal_overlay{
    display: flex;
    justify-content: center;
    overflow: auto;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.7);
    opacity: 0;
    transition: opacity 0.5s, transform 0s 0.5s;
    transform: scale(0);
}

.modal_trigger{
    position: absolute;
    width: 100%;
    height: 100%;
}

.modal_content{
    align-self: center;
    width: 78%;
    max-width: 500px;
    box-sizing: border-box;
    background: #fff;
    line-height: 1.4em;
    transform: scale(0.5) rotateX(-270deg);
    transition: 0.5s;
}

.close_button{
    background: #333;
    height: 50px;
    top: -25px;
    right: -25px;
    font-size: 31px;
    cursor: pointer;
    width: 50px;
    border-radius: 50%;
    color: #fff;
    position: absolute;
    line-height: 50px;
    text-align: center;
}

.modal_wrap input:checked ~ .modal_overlay{
    opacity: 1;
    transform: scale(1);
    transition: opacity 0.5s;
}

.modal_wrap input:checked ~ .modal_overlay .modal_content{
    transform: scale(1) rotateX(0deg);
}

.open_button{
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 30px;
    margin: auto;
    padding: 8px 16px;
    color: #444;
    font-weight: bold;
    font-family: 'Montserrat', sans-serif;
    box-shadow: 0 1px 3px rgba(0,0,0,0.6);
    border-radius: 16px;
    cursor: pointer;
}
	#click-tel{
	background: -moz-linear-gradient(left,#ed1fc4,#ffc500);
    background: -webkit-linear-gradient(left,#ed1fc4,#ffc500);
    background: linear-gradient(to right,#ed1fc4 0%,#ffc500 100%);
color: #fff;
		font-size: 15px!important;
		font-weight: bold;
		position: fixed;
bottom: 20px!important;
    width: 65%!important;
    background-color: #222;
    z-index: 1000;
    text-align: center;
    display: block;
    z-index: 10000;
    height: 45px!important;
		border-radius: 25px;
		padding-left: 15px;
    font-size: 13px!important;
    line-height: 45px!important;
    text-decoration: none !important;
		left:calc(25% - 40%/2);
		box-shadow: 1px 1px 3px #999;
	}
	#click-tel:before {
 font-family: "Font Awesome 5 Free";
  content: '\f095';
 font-weight: 900;
		    position: absolute;
		width: 45px;
		height: 45px;
		left: 0px;
	}
	#click-line{
		margin-bottom: 0;
color: #fff;
  background: #07b53b;
padding-left: 25px;
		font-size: 15px!important;
		font-weight: bold;
		position: fixed;
bottom: 20px!important;
    width: 40%!important;
    z-index: 1000;
    text-align: center;
    display: block;
    z-index: 10000;
    height: 45px!important;
		border-radius: 25px;
    font-size: 13px!important;
    line-height: 45px!important;
    text-decoration: none !important;
		right:calc(25% - 40%/2);
		box-shadow: 1px 1px 3px #999;
	}
	#click-line:before {
 font-family: "Font Awesome 5 Brands";
  content: '\f3c0';
 font-weight: 400;
		    position: absolute;
		width: 45px;
		height: 45px;
		font-size: 25px;
		left: 0px;
	}
	body{
		padding-bottom: 70px!important;
	}
	.btn-details{
		margin-top: 0!important;
	}
	.news__title--single{
		margin-bottom: 10px!important;
	}
	ol.breadcrumb a{
		font-size: 10px!important;
	}
	.breadcrumb li{
		font-size: 10px!important;
	}
	.sideber-single-property{
		
    display: table;
    width: 100%;

	}
	.property__slider-nav--horizontal{
		height: 127px;
	}
	#office h2{
		font-family: "Montserrat","游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif!important;
    font-size: 40px!important;
		line-height: 1;
    letter-spacing: .1em;
    text-align: center;
    color: #f3f3f3;
    margin-bottom: 10px!important;
	margin-top: 30px!important;
}
	


#office h2 span{
    display: block;
    font-size: 20px;
    margin-top: -20px;
    color: #deb887;
}
	ul.office-list{
		border-bottom: none;
		padding: 0;
	}
	.office-list-item{
	  display:flex;
		flex-wrap: wrap;
		border-bottom:1px solid #ccc;
		padding: 20px 0;
	}
	.office-list-item-img{
	  position: relative;
  width: 100%;
  padding-top: 56.25%;
	}
	.office-list-item-img iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
	.office-list-item-text{
              text-align: left;
	}
	.office-list-item-button{
		display:flex;
		justify-content:center;
		padding: 15px 0;
		background: #333;
		border: 3px solid #191919;
		color: #fff;
		border-radius: 5px;
		font-weight: bold;
	} 
.office-list-item-button:hover{
		color: #fff;
	} 
	
	.breadcrumb{
		padding:0!important;
	}
	#office h1{
    font-size: 20px!important;
    margin-top: 20px!important;
    margin-bottom: 20px!important;
    line-height: 1.4!important;
	}

.toggle_contents {
	border: 1px solid #d9d9d9;
		border-radius: 5px;
		width: 100%;
		padding:0 10px;
}
.toggle_title {
	position: relative;
	padding: 15px;
	cursor: pointer;
	font-size: 14px;
	text-align: center;
	line-height: 1.5;
	color: #333;
}
.toggle_btn {
	position: absolute;
	top: 50%;
	right: 20px;
	transform: translateY(-50%);
	background: #ed1fc4;
	display: block;
	width: 30px;
	height: 30px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	border-radius: 50%;
}
.toggle_btn:before, .toggle_btn:after {
	display: block;
	content: '';
	background-color: #fff;
	position: absolute;
	width: 13px;
	height: 2px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.toggle_btn:before {
	width: 2px;
	height: 13px;
}
.toggle_title.selected .toggle_btn:before {
	content: normal;
}
.toggle_contents dd {
	display: none;
}
/*toggle_英語版SP*/

.toggle_contents_en {
	border: 1px solid #d9d9d9;
		border-radius: 5px;
		width: 100%;
		padding:0 10px;
}
.toggle_title_en {
	position: relative;
	padding: 15px;
	cursor: pointer;
	font-size: 14px;
	text-align: center;
	line-height: 1.5;
	color: #333;
}
.toggle_btn_en {
	position: absolute;
	top: 50%;
	right: 20px;
	transform: translateY(-50%);
	background: #ed1fc4;
	display: block;
	width: 30px;
	height: 30px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	border-radius: 50%;
}
.toggle_btn_en:before, .toggle_btn_en:after {
	display: block;
	content: '';
	background-color: #fff;
	position: absolute;
	width: 13px;
	height: 2px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.toggle_btn_en:before {
	width: 2px;
	height: 13px;
}
.toggle_title_en.selected .toggle_btn_en:before {
	content: normal;
}
.toggle_contents_en dd {
	display: none;
}

	h1.compensation-title{
    position: relative;
    line-height: 1.5!important;
    padding-left: 15px;
    padding-top: 20px;
		margin-bottom: 20px!important;
		font-size:20px;
		border: none;
		margin-top:0px!important;
		
	}
	h1.compensation-title:before{
     content: '';
    position: absolute;
    left: -20px;
    display: inline-block;
    width: 45px;
    height: 7px;
    background-color: #ed1fc4;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}
	#compensation{
		padding:0px;
	}
	.compensation-list{
		padding: 0;
	}
	.compensation-list-item{
		list-style-type: none!important;
	}
	.compensation-list-item-title{
    font-weight: bold;
	 font-size: 15px!important;
		border-left: 5px solid;
		padding-left: 10px;
		line-height: 1!important;
	}
	#option{
		padding: 0;
	}
	.car-price-title{
		position:relative;
		line-height: 1!Important;
		padding-left: 10px;
		margin: 20px 0!important;
	}
	.car-price-title:before{
     content: '';
    position: absolute;
    left: -23px;
    display: inline-block;
    width: 40px;
    height: 7px;
    background: linear-gradient(to right,#ed1fc4 0%,#ffc500 100%);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}
	#guide ul li{
		font-size: 12px!important;
	}
	.guide-hajimete-title-bg {
    height: 200px;
    background: url(https://www.japanroadtrip.com/wp-content/uploads/2020/08/top-slider-img02.png);
    background-size: cover;
    background-position: center;
}
	
	.guide-hajimete-title {
    font-size: 20px;
    color: #fff;
    padding: 20px 0 0 0;
		margin: 0 !important;
}
	
	.guide-hajimete-desc {
    color: #fff;
    font-size: 10px!important;
}
	#guide-hajimete ul{
		padding: 0;
	}
	#guide-hajimete ul li{
		list-style-type: none;
	}
.guide-info-list-item a {
    color: #fff;
    background: #333;
    padding: 15px;
    display: block;
    text-align: center;
    border-radius: 5px;
    margin-bottom: 20px;
    box-shadow: 2px 2px 2px #ccc;
	position:relative;
}
	.guide-info-list-item a:after {
    font-family: "Font Awesome 5 Free";
    content: '\f061';
		font-weight:700;
    position: absolute;
    padding-left: 10px;
    right: 30px;
}
	
	

	.guide-box{
    background: #f3f3f3;
    padding: 25px 0;
}
	span.q {
    font-size: 50px;
    font-weight: 700;
    color: #ed1fc4;
    margin-right: 10px;
    font-family: "Montserrat","游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif!important;
}
	span.a {
    font-size: 50px;
    font-weight: 700;
    margin-right: 10px;
    font-family: "Montserrat","游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif!important;
    color: #ffc000;
}
	.advisor-comment {
    background: #fff;
    padding: 20px;
    border-radius: 10px;
}
	.guide-advisor-title {

    border-bottom: 2px solid;
    padding: 10px;
    text-align: center;
    font-weight: bold;
		color: #ed1fc4;
}
		#discount-page h1.plan-title{
		position: relative;
    padding-left: 20px;
    margin-top: 30px;
    font-size: 22px!important;
    line-height: 1!important;
    margin-bottom: 20px!important;
			color: #333;
			text-align: left;
	}
	#discount-page h1.plan-title:before {
    content: '';
    position: absolute;
    left: -18px;
    display: inline-block;
    width: 45px;
    height: 8px;
    background-color: #ed1fc4 ;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}
	.plan-table-item-l{
	 background:#333;
		color: #fff;
		text-align: center;
		font-weight: bold;
	}
	.plan-table-item-r{
	 background:#f3f3f3;
		padding: 10px;
		font-size: 13px;
		
	}
	.plan-box{
		padding:30px 0 0;
	}
	.plan-box-title{
		border-bottom: 3px solid ;
	}
	.plan-list{
		display: flex;
		flex-wrap: wrap;
		padding: 0;
	}
	.plan-list-item{
		width: 50%;
		list-style-type: none!important;
                margin-bottom: 30px;
	}

         .plan-list-item-img img {
                width: 300px;
                margin: 0;
        }

	.plan-list-item:nth-child(2n){
		padding-right: 0;
	}
	.plan-list-item-text-title {
    font-size: 15px;
    font-weight: 700;
    color: #deb887;
		line-height: 1.5;
    margin: 0;
}
	.plan-list-item-text-desc {
    font-size: 12px!important;
   line-height: 1.5;
	
}
	.plan-list-item a:hover{
		color:#333;
	}
	.plan-list-item-button{
    display:none;
}
	.discount-title-bg{
		height: 200px;
    background: url(https://www.japanroadtrip.com/wp-content/uploads/2020/06/price-title-bg04.png);
    background-size: cover;
    background-position: center;
	}
	h1.discount-title {
    font-size: 40px;
    margin: 0!important;
    letter-spacing: .1em;
    margin: 0 auto;
    padding-top: 35px;
    color: #333;
	}
	h1.discount-title span {
    font-size: 18px!important;
    display: block;
}
	.campaign-list-title {
    border-bottom: 3px solid;
    margin-bottom: 20px!important;
    color: #ffc000;
}
	h2.plan-list-title {
    border-bottom: 3px solid;
    margin-bottom: 20px!important;
}
	.news{
                display:block;
		clear: both;
		padding: 0 0 30px 0;
	}
	.news-title{
		font-family: "Montserrat","游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif!important;
    font-size: 20px!important;
    letter-spacing: .1em;
    text-align: left;
    color: #141b38;
    margin-bottom: 20px!important;
	}
	.news-title span {
    font-size: 13px;
    color: #333;
		margin-left: 10px;
}
	
	.news-list {
    border-top: 1px #ccc solid;
		padding-left: 0;
}
	.news-list li{
		border-bottom: 1px #ccc solid;
    list-style-type:none!important;
		padding: 10px 0;
}

	.news-list-date{
		font-size: 13px;
		font-weight: bold;
		color:#ccc;
		display: block;
	}
	.news .cancel-title{
		font-size: 15px!important;
		line-height:1.5!important;
		font-weight: bold;
		color: #dd2626;
	}
	.single-footer-heading{
		font-size: 20px;
	}
	a.single-footer-contact{
    width: 100%;
    border-radius: 5px;

    padding: 20px;
    background: -moz-linear-gradient(left,#ed1fc4,#ffc500);
    background: -webkit-linear-gradient(left,#ed1fc4,#ffc500);
    background: linear-gradient(to right,#ed1fc4 0%,#ffc500 100%);
    color: #fff!important;
    font-weight: bold;
    padding: 15px;
    margin-bottom: 20px;
    box-shadow: #ccc 3px 3px 3px;
    transition: .3s;
    display: block;
    text-align: center;
}

	a.single-footer-contact:hover{
   color: #fff!important;
}
	.guide-advisor-contact-list-item.tel a{
		width: 100%;
		 background: #ed1fc4;
    border: 3px solid #ed1fc4;
    padding: 20px;
    display: block;
    text-align: center;
    margin: 0 auto;
    border-radius: 5px;
    color: #fff;
    font-weight: bold;
		font-size: 18px;
	}
	.guide-howTo-list{
		display: flex;
		flex-wrap: wrap;
	}
	.guide-howTo-title{
    font-size: 25px!important;
    padding: 10px;
    line-height: 1.5!important;
		margin: 30px!important;
	}
	
	
	.guide-howTo-list-item ul li::after{
  content: '';
  width: 6px;
  height: 6px;
  border: 0px;
  border-top: solid 2px #5bc0de;
  border-right: solid 2px #5bc0de;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -4px;
}
	.guide-howTo-list-item{
	color: #42d442;
	}
	.guide-howTo-list-item:nth-child(2){
    color: #ed1fc4;
	}
	.guide-howTo-list-item:nth-child(3){
    color:#FFC000;
	}
	.guide-howTo-list-item:nth-child(4){
    color:#FE7E58;
	}
	
	.guide-howToMn-list{
		padding: 0!important;
	}
	.guide-howToMn-list-item{
		list-style:none!important;
		background: #fff;
		margin-bottom: 30px;
	}
		.guide-howToMn-list-item-thumbnail img{
	width: 100%;
	}
	
	.guide-howToMn-list-title{
    font-size: 20px!important;
    padding-left: 10px;
    border-left: 5px solid;
    line-height: 1!important;
    margin: 30px 0!important;
}
	.guide-howTo-manner{	
    background: #f3f3f3;
    padding: 20px 0;
    margin-top: 30px;
}
.guide-howToMn-list-item-text{
		padding: 10px;
}
	.guide-advisor-contact-list{
		padding: 0!important;
	}
	
	.guide-advisor-contact-list-item{
		list-style: none!important;
	}
	.movie{
		  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
	.movie iframe{
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
	
	#second-anniversary h2{
	font-family:"Montserrat","游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meirfguideyo,sans-serif!important;
		padding:50px 0;
		text-align: center;
		font-size:30px;
	}
	#second-anniversary .mainvisual {

	}
	#second-anniversary .period{
		background: #ff169b;
		padding: 30px 0;
		text-align: center;
	}
	#second-anniversary .period .period-top span {
    display: inline-block;
    background: #fff;
    color: #ff169b;
    font-size: 15px;
    padding: 10px;
    border-radius: 5px;
		margin-right: 10px;
}
	#second-anniversary .period .period-top{
		font-size: 25px!important;
		font-weight: bold;
		color:#fff;
	}
	#second-anniversary .period .period-bottom{
         margin:0;
		color:#fff;
	}
	#second-anniversary .campaign{
		background: url(https://www.japanroadtrip.com/wp-content/uploads/2020/12/180112_haikei.jpg);
		padding: 50px 0;
	}
	#second-anniversary .campaign h2{
		padding: 0 50px;
		margin-bottom:50px!important;
		line-height: 2;
		margin: 0 auto;
	}
	#second-anniversary .campaign h3{
	    text-align:center;
		background:#333;
		color: #fff;
		padding: 20px;
		margin:0;
	}
	#second-anniversary .campaign-desc{
		background:#fff;
		padding:50px;
		margin-bottom: 30px;
	}
	#second-anniversary .campaign-desc p.large{
		font-weight: bold;
		font-size: 20px;
		text-align:center;
		line-height:1.5;
	}
	#second-anniversary .campaign-desc span{
		font-weight: bold;
		font-size: 30px;
		color:#ff169b;
	}
	#second-anniversary .case span.red{
		color:#ff169b;
		font-weight: bold;
		font-size: 25px;
	}
	
#second-anniversary .campaign-contact {
    margin: 0 auto;
    display: block;
    text-align: center;
    padding: 20px 0;
    background: #ed1fc4;
    color: #fff;
    font-size: 15px;
    font-weight: bold;
	border-radius: 10px;
}
	#second-anniversary .campaign-contact:hover {
    color: #fff!important;
}
	#second-anniversary .point-box-wrap{
		display: flex;
		flex-wrap:wrap;
		padding: 30px 0;
	}
	#second-anniversary .point .point-box-content h3{
		font-family:"Montserrat","游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meirfguideyo,sans-serif!important;
   
    font-weight: bold;
		color:#fff;
		font-size: 25px!important;
}
	#second-anniversary .point-box-content h3 span {
    font-size: 50px;
		line-height:1;
			font-weight: bold;
    display: block;
		margin-bottom:10px!important;
}
	#second-anniversary .point .point-box-content p{
		color: #fff;
}
	#second-anniversary .point-box01{
   background:#24a8dc;
}
	#second-anniversary .point-box01 .point-box-image{
    width:100%;
}
	#second-anniversary .point-box01 .point-box-content{
}
	#second-anniversary .point-box02{
   background:#46dd44;
}
	#second-anniversary .point-box02 .point-box-image{

		width:100%;
}
	#second-anniversary .point-box02 .point-box-content{
	order:1;
		
}
	#second-anniversary .point-box03{
   background:#ffa216;
}
		#second-anniversary .point-box03 .point-box-content{
	
		
}
	
	#second-anniversary .point-box03 .point-box-image{
	
		width:100%;
}
	
	#second-anniversary .point-box04{
   background:#f6d42c;
}
	#second-anniversary .point-box04 .point-box-image{
   width:100%;
	
}
	#second-anniversary .point-box04 .point-box-content{

		
}

	#second-anniversary .photo-contest-box{
	display:flex;
	flex-wrap: wrap;
		margin: 20px 0 0;
	}
	#second-anniversary .photo-contest-wrap{
			background: #f3f3f3;
		padding: 30px 0;
	}
	#second-anniversary .photo-contest-box .photo-contest-box-content{
	
}
	#second-anniversary .photo-contest-box .photo-contest-box-image{
	width:100%;

}
	#second-anniversary .contact{
		background:#ff169b;
		padding: 30px 0 50px;
	}
	#second-anniversary .contact h2{
		color: #fff;
		padding: 0;
		margin: 0;
	}
	#second-anniversary .contact p{
		color: #fff;
		text-align:center;
	}
	#second-anniversary .contact a{
		display:block;
		color: #ff169b;
		background: #fff;
		font-size: 15px;
		font-weight: bold;
		width: 100%;
		padding:15px 0;
		text-align:center;
		margin: 0 auto;
		border-radius:10px;
	}
	
	
	
	
	
.campaign h2{
	font-family:"Montserrat","游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meirfguideyo,sans-serif!important;
		padding:50px 0;
		text-align: center;
		font-size:30px;
	}
	.campaign .mainvisual {

	}
	.campaign .period{
		background: #ff169b;
		padding: 30px 0;
		text-align: center;
	}
	.campaign .period .period-top span {
    display: inline-block;
    background: #fff;
    color: #ff169b;
    font-size: 15px;
    padding: 10px;
    border-radius: 5px;
		margin-right: 10px;
}
	.campaign .period .period-top{
		font-size: 25px!important;
		font-weight: bold;
		color:#fff;
	}
	.campaign .period .period-bottom{
         margin:0;
		color:#fff;
	}
	.campaign .campaign-area{
		background: url(https://www.japanroadtrip.com/wp-content/uploads/2020/12/180112_haikei.jpg);
		padding: 50px 0;
	}
	.campaign .campaign-area h2{
		padding: 0 50px;
		margin-bottom:50px!important;
		line-height: 2;
		margin: 0 auto;
	}
	.campaign .campaign-desc h3{
	    text-align:center;
		background:#ffc000;
		color: #fff;
		padding: 20px;
		margin:0 0 50px;
	}
	.campaign .campaign-desc{
		background:#fff;
		padding-bottom:50px;
		margin-bottom: 30px;
	}
	.campaign .campaign-desc p.large{
		font-weight: bold;
		font-size: 20px;
		text-align:center;
		line-height:1.5;
	}
	.campaign .campaign-desc span{
		font-weight: bold;
		font-size: 30px;
		color:#ff169b;
	}
	.campaign .case span.red{
		color:#ff169b;
		font-weight: bold;
		font-size: 25px;
	}
	
.campaign .campaign-contact {
    margin: 0 auto;
    display: block;
    text-align: center;
    padding: 20px 0;
    background: #ed1fc4;
    color: #fff;
    font-size: 15px;
    font-weight: bold;
	border-radius: 10px;
}
	.campaign .campaign-contact:hover {
    color: #fff!important;
}
	.campaign .point-box-wrap{
		display: flex;
		flex-wrap:wrap;
		padding: 30px 0;
	}
	.campaign .point .point-box-content h3{
		font-family:"Montserrat","游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meirfguideyo,sans-serif!important;
   
    font-weight: bold;
		color:#fff;
		font-size: 25px!important;
}
	.campaign .point-box-content h3 span {
    font-size: 50px;
		line-height:1;
			font-weight: bold;
    display: block;
		margin-bottom:10px!important;
}
	.campaign .point .point-box-content p{
		color: #fff;
}
	.campaign .point-box01{
   background:#24a8dc;
}
	.campaign .point-box01 .point-box-image{
    width:100%;
}
	.campaign .point-box01 .point-box-content{
}
	.campaign .point-box02{
   background:#46dd44;
}
	.campaign .point-box02 .point-box-image{

		width:100%;
}
	.campaign .point-box02 .point-box-content{
	order:1;
		
}
	.campaign .point-box03{
   background:#ffa216;
}
		.campaign .point-box03 .point-box-content{
	
		
}
	
	.campaign .point-box03 .point-box-image{
	
		width:100%;
}
	
	.campaign .point-box04{
   background:#f6d42c;
}
	.campaign .point-box04 .point-box-image{
   width:100%;
	
}
	.campaign .point-box04 .point-box-content{

		
}

	.campaign .plan-area-box{
	display:flex;
	flex-wrap: wrap;
		margin: 20px 0 0;
	}
	.campaign .plan-area-wrap{
			background: #f3f3f3;
		padding: 30px 0;
	}
	.campaign .plan-areat-box .plan-areat-box-content{
	
}
	.campaign .plan-area-box .plan-areat-box-image{
	width:100%;

}
	.campaign .contact{
		background:#ff169b;
		padding: 30px 0 50px;
	}
	.campaign .contact h2{
		color: #fff;
		padding: 0;
		margin: 0;
	}
	.campaign .contact p{
		color: #fff;
		text-align:center;
	}
	.campaign .contact a{
		display:block;
		color: #ff169b;
		background: #fff;
		font-size: 15px;
		font-weight: bold;
		width: 100%;
		padding:15px 0;
		text-align:center;
		margin: 0 auto;
		border-radius:10px;
	}
	
	
	
	
	
	.list-photo-contest .contact{
		background:#ff169b;
		padding: 30px 0 50px;
	}
	.list-photo-contest .contact h2{
		color: #fff;
		padding: 0;
		margin: 0;
		text-align: center;
	}
	.list-photo-contest .contact p{
		color: #fff;
		text-align:center;
	}
	.list-photo-contest .contact a{
		display:block;
		color: #ff169b;
		background: #fff;
		font-size: 15px;
		font-weight: bold;
		width: 100%;
		padding:15px 0;
		text-align:center;
		margin: 0 auto;
		border-radius:10px;
	}
	.top-plan{
		padding: 50px 0 30px;
		background: beige;
	}
	.top-plan-list{
		display: flex;
		flex-wrap: wrap;
		padding: 0;
		position:relative;
	}
		.top-plan-list-item{
		width: 100%;
		margin-bottom: 20px;
		list-style: none!important;
	}
	.top-plan-list-heading{
		font-weight: bold;
		margin: 0!important;
	}
	.top-plan-list-title{
        font-size: 25px!important;
	
		font-weight: bold;
		color: #ff169b;
	}
	.top-plan-list-item img{
		
	}
	.top-plan-bottom{
		display: flex;
		flex-direction: column;
		padding: 30px 0 0;
	}
	.top-plan-img-area {
    width: 100%;
    display: none;
}
	
.other-plan-title {
    font-size: 23px!important;
	line-height:1.5;
    font-weight: bold;
}
	
.top-plan-text-area a {
    font-weight: bold;
    text-decoration: underline;
    color: #ed1fc4;
    font-size: 20px;
}
	
		.ribbon22 {
  display: inline-block;
  position: absolute;
  height: 45px;
  text-align: center;
  box-sizing: border-box;
  -webkit-transform: rotate(-10deg) skew(-17deg,4deg);
  transform: rotate(-10deg) skew(-17deg,4deg);
		z-index:3;
		top: -70px;
}
.ribbon22:before {
  content: '';
  position: absolute;
  width: 40px;
  height: 40px;
  background: #eb9920;
  bottom: -7px;
  left: -15px;
  z-index: -2;
}

.ribbon22:after {
  content: '';
  position: absolute;
  width: 40px;
  height: 40px;
  background: #eb9920;
  bottom: -10px;
  right: -25px;
  z-index: -2;
}

.ribbon22 h3 {
  display: inline-block;
  position: relative;
  margin: 0;
  padding: 0 15px;
  line-height: 45px!important;
  font-size: 13px!important;
  color: white;
  background: #ffc000;
}
.ribbon22 h3:before {
  position: absolute;
  content: '';
  top: 100%;
  left: 0;
  border: none;
  border-bottom: solid 7px transparent;
  border-right: solid 25px #c6821e;
}
.ribbon22 h3:after {
  position: absolute;
  content: '';
  top: 100%;
  right: 0;
  border: none;
  border-bottom: solid 10px transparent;
  border-left: solid 15px #c6821e;
}
	.cancel-policy{
		padding; 20px 0;
	}
	.list-photo-contest-title-bg{
        background-image: url(https://www.japanroadtrip.com/wp-content/uploads/2020/10/photo-contest2.png);
		height: 375px;
		background-size: cover;

	}
	.filter {
    background: rgba(0,0,0,.6);
    height: 375px;
    display: flex;
    align-items: center;
    justify-content: center;
}
	.list-photo-contest h1{
		font-size: 30px;
		text-align:center;
		color: #fff;
	}
	
	.list-photo-contest h2.title-best{
	position:relative;
		font-size: 28px!important;
		line-height: 60px;
		margin-top:30px;
		padding-bottom:20px;
		padding-bottom: 10px;
		font-family:"Montserrat","游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meirfguideyo,sans-serif!important;
		margin-bottom: 30px;
		border-bottom: 5px solid;
}
	.list-photo-contest h2.title-best:before{
		content:"";
	position:absolute;
		background:url(https://www.japanroadtrip.com/wp-content/uploads/2021/01/287-1.png);
		width:100px;
		height: 100px;
		left:50%;
		top:-80px;
		transform: translateX(-50%);
		background-size: cover;
		background-repeat: no-repeat;
}
	.list-photo-contest .content-wrapper{
		
	}
	.title-theme{
		font-family:"Montserrat","游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meirfguideyo,sans-serif!important;
		background:#ff169b;
		padding: 30px 0;
		margin: 0!important;
		text-align:center;
		color: #fff;
	}
	.contest-top{
		padding-top:60px;
		padding-bottom: 30px;
		background: beige;
	}
	.contest-top h3{
		border-bottom: 1px solid;
    font-size: 25px;
    padding-bottom: 5px!important;
    margin-bottom: 20px!important;
	}
	.contest-bottom{
padding: 60px 0;
	}
	.contest-bottom h2{
		font-size: 35px;
    margin-bottom: 30px!important;
    padding: 30px;
    border-radius: 10px;
		background: #f3f3f3;
	}
	.contest-bottom h3{
    border-bottom: 1px solid;
    font-size: 20px!important;
    padding-bottom: 5px!important;
    margin-bottom: 20px!important;
}
	.img-area{
		width: 100%;
		margin-bottom:20px;
	}
	.text-area{
		width: 100%;
	}
	.contest-list{
		display: flex;
		flex-direction: column;
		padding: 0;
		margin-bottom: 30px;
	}
	.contest-list img{
		margin-bottom: 20px!important;
	}
.contest-list .text-area .title {
    font-size: 20px!important;
    font-weight: bold;
    margin-bottom: 20px;
}
	.contest-list-item{
				list-style-type: none!important;

	}
	.contest-list-item:last-child{
		margin-right: 0;
	}
	.button{
		display: block;
		background:#333;
		border-bottom: 5px solid #191919;
		text-align: center;
		font-size: 15px;
		font-weight:bold;
		color: #fff;
		padding: 15px 0;
		border-radius: 10px;
		position: relative;
	}
	.button:hover{
		color:#fff!important;
	}
	.top-banner{
   padding: 15px 0 30px;
	background: #ff169b;
}
.top-banner h2{
font-size: 25px;
	line-height: 1.5;
	padding: 15px 0;
	color: #fff;
}
.top-banner-content{
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
}
.top-banner-content .img-area{
	width: 100%;
}
.top-banner-content .text-area{
    width: 100%;
}
.top-banner-content .text-area p{
    color: #fff;
}
	.top-banner-content .button{
		background: #333;
		border-bottom: none;
	}
	input:checked{
background:#333!important;
	}
}

.prefectures{
		margin-bottom:0;
        font-weight: bold;
	    color: #deb887;
	}

.banner-area{

}
.plan-list table{
	margin-bottom: 30px;
}
.scroll table{
width:100%;
}
.scroll{
overflow: auto;　　　　/*tableをスクロールさせる*/
white-space: nowrap;　　/*tableのセル内にある文字の折り返しを禁止*/
}
.scroll::-webkit-scrollbar{　　/*tableにスクロールバーを追加*/
 height: 5px;
}
.scroll::-webkit-scrollbar-track{　　/*tableにスクロールバーを追加*/
 background: #F1F1F1;
}
.scroll::-webkit-scrollbar-thumb {　　/*tableにスクロールバーを追加*/
 background: #BCBCBC;
}

.label-area ul{
		display: flex;
		flex-wrap: wrap;
		padding: 0;
	justify-content:space-between;
	}
.label-area ul li{
		width: 48%;
		background: #ccc;
		list-style-type:none;
		color: #fff;
		padding:20px; 
		text-align: center;
        margin-bottom: 20px;
	}
	


	.label-area ul li.on{

		background: #ff169b;

	}

	.label-area ul li img{
		width: 30px;
		margin: 0 auto;
		margin-bottom: 10px!important;
	}
	.label-area ul li p{
		margin-bottom: 0;
		font-weight: bold;
	}
    .benefits-area{
        background: #f3f3f3;
		padding: 20px 40px;
		margin: 40px 0;
	}
	
	.benefits-area h3{
        font-size: 30px;
		font-weight: bold;
		color: #ed1fc4;
		text-align: center;
		margin: 20px 0;
	}
	
	.benefits-area p{
        font-size: 20px;
		font-weight: bold;
		line-height: 2;
	}
	
	.benefits-area p span{
		color: #ff169b;
	}

    .stay-price{
		font-size: 25px;
		margin-bottom: 30px;
	}
	
	.stay-price .price{
		font-size: 30px;
		font-weight: bold;
		color: #ffc000;
	}
	
	.stay-desc{
		margin-bottom: 30px;
	}
	.side-area-title{
		background:#333;
		padding: 20px;
		font-weight: bold;
		color: #fff;
		margin:0;
		text-align: center;
	}
	.side-area-content{
		background: #f3f3f3;
		padding: 20px;
		margin-bottom: 20px;
	}
	.side-area-content p{
		margin: 0;
		font-size: 13px;
	}
	.side-area .button{
		font-size: 18px;
		margin: 10px 0 20px;
	}
 .ion-ios-calendar-outline{
		display:none;
	}

/* 目次余白*/
#toc-container{
		margin-bottom: 60px;
	}
	
    span[id^="i"] {
	padding-top: 1.6em;
}
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12{
	width: 100%;
}

.sidebar-single-property .widget {f
	display: grid;
}




.taxonomy-list {
    list-style: none;
    padding-left: 20px;
}

.taxonomy-item {
    margin: 5px 0;
}

.taxonomy-item > .taxonomy-link {
    text-decoration: none;
    color: #0073aa;
}

.taxonomy-item > .taxonomy-link:hover {
    text-decoration: underline;
    color: #005880;
}

/* 子要素をインデント */
.taxonomy-list .taxonomy-list {
    margin-left: 15px;
}


/*media Queries PCサイズ（800px）以上で適応したいCSS - PCのみ
---------------------------------------------------------------------------------------------------*/
@media print, screen and (min-width: 800px) {
#new_campaign .cp_box {
  width: 80%;
  height: auto;
  margin: auto;
  justify-content: center;
  text-align: center;
}

#new_campaign .cp_title { 
  font-weight: bold;
  font-size: 22px;
  text-align: center;
  text-decoration: underline 6px yellow;
}

#new_campaign .p_title {
  font-size: clamp(20px,1.5vw,24px);
  font-weight: bold;
  text-align: center;
}

#new_campaign .contents_txt {
  line-height: 1.5;
  font-size: clamp(2em,1.5vw,3em);
  color: brown;
  font-weight: bold;
  margin: 30px 0px;
  text-align: center;
}

#new_campaign .condition_bg {
  text-align: center;
  background-color: ivory;
  border-radius: 10px;
  width: min(90%,900px);
  padding: 20px 0px;
  margin: auto;
}
  
#new_campaign .cond_txt {
  line-height: 2;
  font-size: clamp(16px,1.5vw,20px);
  text-align: center;
}
#new_campaign .campaign_box {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-evenly;
  width: 100%;
  margin: auto;
}


/* =========================================
   基本設定・レイアウト調整
   ========================================= */
*, *::before, *::after {
  box-sizing: border-box;
}

img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
}

/* ヘッダー・ロゴのレスポンシブ崩れ防止（800px以下） */
@media (max-width: 800px) {
  header, .site-header, #masthead {
    display: flex !important;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 10px 15px;
    background-color: #fff; /* 背景白を確保 */
    z-index: 9999;
  }
  header img, .logo img, .custom-logo {
    max-width: 150px !important;
    width: auto !important;
    height: auto !important;
  }
}


	
	
	.class-title-unit{
		display: flex;
	}
	.opaleslate-container h4.entry-title.mb5 a{
		    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-font-smoothing: antialiased;
    overflow: hidden;
	}
	.class-heading{
		display: flex;
	}
	.class-heading-img{
		width: 30%;
	}
	.class-heading-text{
		width: 70%;
		padding-left: 20px;
	}
	.class-person{
    font-size: 18px;
    font-weight: bold;
    color: #999;
    padding-left: 5px;
}
	.class-desc{
    padding: 30px 20px;
    background: #f3f3f3;
    border-radius: 10px;
}
	.mv-wrapper{
		position: relative;
		height: 100vh;
		overflow: hidden;
	}
	.mv-link{
		border-radius: 50%;
    position: absolute;
    top: 470px;
    left: 730px;
    background: #999;
    padding: 20px;
    width: 180px;
    height: 180px;
    display: flex;
    justify-content: center;
    align-items: center;
		border: 8px solid #fff;
	}
	.mv-link-button{
		text-align: center;
    font-size: 25px;
    font-weight: bold;
    color: #fff;
	}
	.mv-link-button span {
    display: block;
    text-align: center;
    font-size: 12px;
}
	.serch-box{
		width: 
	}
	.rensapo-container{
/*		position: absolute;
		top: 150px;
		left: 80px;
		width: 600px;*/
		
	}
	.mv-text{
		line-height:5!important;
		position: absolute;
		top: 180px;
		left: 730px;
	}
	.mv-text p{
		font-family: "Caveat","游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo, cursive;
      font-size: 6vw;
		color: #fff;
		-webkit-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    transform: rotate(-5deg);
		margin: 0;
	}
	.mv-text span{
                color: #fff;
		font-size: 2vw;
		font-weight: bold;
	}
	.search-box form {
    background-color: rgba(0,0,0,.3);

}
	.search-box .inner{
		background: none;
	}
	.search-box dl{
		background: rgba(243,243,243,.7)
	}
	.archive-title{
		font-size: 28px;
	}
	
	
	table.price-table {
		width: 100%;
		border-spacing: 10px 0;
		border-collapse: separate;
		table-layout: fixed;
	}
	table.price-other-table{
    width: 100%;
    border-spacing: 10px 0;
    border-collapse: separate;
    table-layout: fixed;
		margin-bottom: 60px;
}
	table.price-other-table tbody th {
   width: 280px;
		color: #fff;
    background: #333;
    border-bottom: 3px solid #fff;
}
	table.price-other-table tbody td　a.option{
	color: #ed1fc4;
    font-size: 16px;
    text-decoration: underline;
	}
	table.price-other-table　tbody tr th td p{
	font-size: 16px;
	font-weight: normal;
	}
	.price-other-table .option{
		color: #22bacb;
	}
		.dli-plus {
  display: inline-block;
  vertical-align: middle;
  color: #333;
  line-height: 1;
  width: 1em;
  height: 0.1em;
  bottom: -4px;
  background: currentColor;
  border-radius: 0.1em;
  position:relative;
  left: calc(63% - 14px);
}
.price-area	.price-title{
		font-size: 28px;
    font-weight: bold;
    border-bottom: 3px solid;
    padding: 15px 0;
    margin-bottom: 15px;
	}
.dli-plus::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: inherit;
  border-radius: inherit;
  transform: rotate(90deg);
}
	table.price-table tbody th{
		color: #fff;
		background: #333;
		border-bottom: 3px solid #fff;
	}
	table.price-table thead th{
                background: #333;
		color: #fff;
		word-wrap: break-word;
		text-align: center;
		padding: 15px 0;
		
	}
	.price-season-title span{
		font-size: 14px;
		font-weight: normal;
	}
	

	table.price-table tbody tr td:nth-child(2){
		color: #8ac842;

	}
		table.price-table tbody tr td:nth-child(3){
		color: #2cafbf;

	}
	table.price-table tbody tr td:nth-child(4){
		color: #f0ba26;

	}

	table.price-table tbody tr td.price.large{
		font-size: 28px;
		position: relative;
	}
	

	.header{
		height: 80px;
	}
	.reserve-button{
		color: #fff;
	}
        .reserve-button a{
    position: absolute;
    right: 0;
    height: 80px;
    width: 220px;
    display: flex;
    z-index: 9999;
    background: -moz-linear-gradient(left,#ed1fc4,#ffc500);
    background: -webkit-linear-gradient(left,#ed1fc4,#ffc500);
    background: linear-gradient(to right,#ed1fc4 0%,#ffc500 100%);
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    padding: 15px;
}
	.news-blog .news-blog-title img{
		width: 250px;
	}
	.news__cat{
	font-size: 13px;
}
	.news__cat .post-categories {
	 padding: 0;
	}
	.news__cat .post-categories li a{
	  background: #f3f3f3;
    padding: 0 10px;
    border-radius: 3px;
    color: #333;
	}
	.news__meta-time--single{
		font-size: 13px;
		font-weight: bold;
		color: #999;
	}
	.hero.vt{
		height: 200px;
	}
	.hero.vt .hero-text img{
		width: 250px;
	}
	.spec .equipment　ul{
		display:flex;
		flex-wrap:wrap;
		text-align: center;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
	}
	.spec .equipment　ul li{
	width: calc(100% / 6);
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}
	
	
	
	
	
	.campaign h2{
	font-family:"Montserrat","游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meirfguideyo,sans-serif!important;
		padding:50px 0;
		text-align: center;
	}
.campaign .mainvisual{
		height: 375px;
		background-position:center;
	}
	.campaign .period{
		background: #ff169b;
		padding: 30px 0;
		text-align: center;
	}
.campaign .period .period-top{
		font-size: 35px!important;
		font-weight: bold;
		color:#fff;
	}
		.campaign .period .period-top span {
    display: inline-block;
    background: #fff;
    color: #ff169b;
    font-size: 15px;
    padding: 10px;
    border-radius: 5px;
		margin-right: 10px;
}
	.campaign .period .period-bottom{
         margin:0;
		color:#fff;
	}
	.campaign .campaign-area{
		background: url(https://www.japanroadtrip.com/wp-content/uploads/2020/12/180112_haikei.jpg);
		padding: 50px 0;
	}
	.campaign .campaign-area h2{
		width: 700px;
		margin-bottom:50px!important;
		line-height: 2;
		margin: 0 auto;
	}
	.campaign .campaign-desc h3{
	    text-align:center;
		background:#ffc000;
		color: #fff;
		padding: 20px;
		margin:0 0 50px;
	}
.campaign .campaign-desc{
		background:#fff;
		padding-bottom:50px;
		margin-bottom: 30px;
	}
	.campaign .campaign-desc p.large{
		font-weight: bold;
		font-size: 30px;
		text-align:center;
		line-height:1.5;
	}
	.campaign .campaign-desc span{
		font-weight: bold;
		font-size: 50px;
		color:#ff169b;
	}
	.campaign .case span.red{
		color:#ff169b;
		font-weight: bold;
		font-size: 25px;
	}
	
.campaign .campaign-contact {
    width: 700px;
    margin: 0 auto;
    display: block;
    text-align: center;
    padding: 20px!important;
    background: #ed1fc4;
	border-bottom: 5px solid #1a8f9c;
    color: #fff;
    font-size: 25px;
    font-weight: bold;
	border-radius:10px;
}
	.campaign .campaign-contact:hover {
    color: #fff!important;
}
	.campaign .point-box-wrap{
		display: flex;
		flex-wrap:wrap;
	}
	.campaign .point .point-box-content h3{
		font-family:"Montserrat","游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meirfguideyo,sans-serif!important;
   
    font-weight: bold;
		color:#fff;
		font-size: 30px!important;
}
	.campaign .point-box-content h3 span {
    font-size: 70px;
		line-height:1;
			font-weight: bold;
    display: block;
		margin-bottom:10px!important;
}
	.campaign .point .point-box-content p{
		color: #fff;
}
	.campaign .point-box01{
   background:#24a8dc;
}
	.campaign .point-box01 .point-box-image{
	margin-right:30px;
}
	.campaign .point-box01 .point-box-content{
	width: 690px;
}
	.campaign .point-box02{
   background:#46dd44;
}
	.campaign .point-box02 .point-box-image{
	order:2;
		margin-left:30px;
		width:450px;
}
	.campaign .point-box02 .point-box-content{
	order:1;
		width: 690px;
		
}
	.campaign .point-box03{
   background:#ffa216;
}
		.campaign .point-box03 .point-box-content{
		width: 690px;
		
}
	
	.campaign .point-box03 .point-box-image{
	margin-right:30px;
		width:450px;
}
	
	.campaign .point-box04{
   background:#f6d42c;
}
.campaign .point-box04 .point-box-image{
        order:2;
		width:450px;
		margin-left:30px;
}
	.campaign .point-box04 .point-box-content{
	order:1;
		width: 690px;
		
}

	.campaign .plan-area-box{
	display:flex;
	flex-wrap: wrap;
		margin: 20px 0;
	}
	.campaign .plan-area-wrap{
			background: #f3f3f3;
		padding: 30px 0;
	}
	.campaign .plan-area-box .plan-area-box-content{
	width: 690px;
}
	.campaign .plan-area-box .plan-area-box-content h3{

		font-family:"Montserrat","游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meirfguideyo,sans-serif!important;
}

	.campaign .plan-area-box .plan-area-image{
	width: 450px;
    margin-right: 30px;
}
	.campaign .contact{
		background:#ff169b;
		padding: 50px 0;
	}
	.campaign .contact h2{
		color: #fff;
		padding: 0;
	}
	.campaign .contact p{
		color: #fff;
		text-align:center;
	}
	.campaign .contact a{
		display:block;
		color: #ff169b;
		background: #fff;
		font-size: 25px;
		font-weight: bold;
		width: 700px;
		padding:15px 30px;
		text-align:center;
		margin: 0 auto;
		border-radius:10px;
		margin-bottom:30px;
		
	}
	
	
	
	
	
	
	
	.list-photo-contest .contact{
		background:#ff169b;
		padding: 50px 0;
	}
	.list-photo-contest .contact h2{
		color: #fff;
		padding: 0;
		text-align: center;
	}
	.list-photo-contest .contact p{
		color: #fff;
		text-align:center;
	}
	.list-photo-contest .contact a{
		display:block;
		color: #ff169b;
		background: #fff;
		font-size: 25px;
		font-weight: bold;
		width: 700px;
		padding:15px 30px;
		text-align:center;
		margin: 0 auto;
		border-radius:10px;
		margin-bottom:30px;
	}
	.cancel-policy{
		padding: 30px 0;
	}
	.list-photo-contest-title-bg{
        background-image: url(https://www.japanroadtrip.com/wp-content/uploads/2020/10/photo-contest2.png);
		height: 375px;
		background-size: cover;

	}
	.filter {
    background: rgba(0,0,0,.6);
    height: 375px;
    display: flex;
    align-items: center;
    justify-content: center;
}
	.list-photo-contest h1{
		font-size: 45px;
		text-align:center;
		color: #fff;
	}
	
	.list-photo-contest h2.title-best{
	position:relative;
		padding-left: 80px;
		font-size: 45px;
		line-height: 60px;
		padding-bottom: 10px;
		font-family:"Montserrat","游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meirfguideyo,sans-serif!important;
		margin-bottom: 30px;
		border-bottom: 5px solid;
}
	.list-photo-contest h2.title-best:before{
		content:"";
	position:absolute;
		background:url(https://www.japanroadtrip.com/wp-content/uploads/2021/01/287-1.png);
		width:60px;
		height: 60px;
		left:0;
		background-size: cover;
		background-repeat: no-repeat;
}
	.list-photo-contest .content-wrapper{
		
	}
	.title-theme{
		font-family:"Montserrat","游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meirfguideyo,sans-serif!important;
		background:#ff169b;
		padding: 30px 0;
		margin: 0!important;
		text-align:center;
		color: #fff;
	}
	.contest-top{
		padding-top:60px;
		padding-bottom: 60px;
		background: beige;
	}
	.contest-top h3{
		border-bottom: 1px solid;
    font-size: 25px;
    padding-bottom: 5px!important;
    margin-bottom: 20px!important;
	}
	.contest-bottom{
padding: 60px 0;
	}
	.contest-bottom h2{
		font-size: 35px;
    margin-bottom: 30px!important;
    padding: 30px;
    border-radius: 10px;
		background: #f3f3f3;
	}
	.contest-bottom h3{
    border-bottom: 1px solid;
    font-size: 25px;
    padding-bottom: 5px!important;
    margin-bottom: 20px!important;
}
	.img-area{
		width: 65%;
		
	}
	.text-area{
		width: 35%;
		padding-left: 50px;
	}
	.contest-list{
		display: flex;
		padding: 0;
		margin-bottom: 50px;
	}
	
.contest-list p.title {
    font-size: 25px;
    font-weight: bold;
    margin-bottom: 20px;
}
	.contest-list-item{
		margin-right: 30px;
				list-style-type: none!important;

	}
	.contest-list-item:last-child{
		margin-right: 0;
	}
	.button{
		display: block;
		background:#333;
		border-bottom: 5px solid #191919;
		text-align: center;
		font-size: 20px;
		font-weight:bold;
		color: #fff;
		padding: 20px 0;
		margin: 20px 0;
		border-radius: 10px;
	}
	.button:hover{
		color: #fff!important;
	}
	.button:active{
        color: #fff!important;
	}
	.button:visited{
		color:#fff!important
	}
	.top-banner{
   padding: 30px 0 60px;
	background: #ff169b;
}
.top-banner h2{
font-size: 35px;
	padding: 30px 0;
	color: #fff;
}
.top-banner-content{
	display: flex;
	flex-wrap: wrap;
}
.top-banner-content .img-area{
	width: 60%;
}
.top-banner-content .text-area{
    width: 40%;
}
.top-banner-content .text-area p{
    color: #fff;
}
		.top-banner-content .button{
		background: #333;
			border-bottom: none;
	}

	submit .inlineBlock ._2tga{
		top: 8px;
	}
	div.wpforms-container-full .wpforms-form input[type=checkbox]{
		
	}
	div.wpforms-container-full .wpforms-form input[type=checkbox]{
		background-color: #fff;
	}
	:checked{
background:#333!important;
	}
	
	.campervan_rental_office h2{
	background: #333;
		color:#fff;
		padding: 20px;
		margin: 30px 0!important;
	}
	.campervan_rental_office .plan-discount{
		background: none;
	}
	.campervan_rental_office .price-system{
		background: none;
		margin-top: 50px;
		padding-bottom: 0;
	}	
	.campervan_rental_office .price-system-icon span{
		background:none;
	}
	.campervan_rental_office .price-system-list-item{
		background:beige;
	}
	.single-stay{
		width: 800px;
		float: left;
	}
	h2.stay-title{
		margin-top: 30px; 
	}
	
	.stay-price{
		font-size: 25px;
		margin-bottom: 30px;
	}
	
	.stay-price .price{
		font-size: 30px;
		font-weight: bold;
		color: #ffc000;
	}
	
	.stay-desc{
		margin-bottom: 30px;
	}
	.side-area-title{
		background:#333;
		padding: 20px;
		font-weight: bold;
		color: #fff;
		margin:0;
		text-align: center;
	}
	.side-area-content{
		background: #f3f3f3;
		padding: 20px;
		margin-bottom: 20px;
	}
	.side-area-content p{
		margin: 0;
		font-size: 13px;
	}
	.side-area .button{
		font-size: 18px;
		margin: 10px 0 20px;
	}
	
	.benefits-area{
        background: #f3f3f3;
		padding: 20px 40px;
		margin: 40px 0;
	}
	
	.benefits-area h3{
        font-size: 30px;
		font-weight: bold;
		color: #ed1fc4;
		text-align: center;
		margin: 20px 0;
	}
	
	.benefits-area p{
        font-size: 20px;
		font-weight: bold;
		line-height: 2;
	}
	
	.benefits-area p span{
		color: #ff169b;
	}
	
	.single-stay h2{
		font-family:"Montserrat","游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meirfguideyo,sans-serif!important;
	}
	
	.single-stay h3{
		font-family:"Montserrat","游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meirfguideyo,sans-serif!important;
	}
	.label-area ul{
		display: flex;
		flex-wrap: wrap;
		padding: 0;
	}
	.label-area ul li{
		width: 185px;
		background: #ccc;
		list-style-type:none;
		color: #fff;
		padding:20px; 
		text-align: center;
		margin-right: 20px;
		margin-bottom: 20px;
	}
	
	.label-area ul li.on{

		background: #ff169b;

	}

	.label-area ul li:nth-child(4n){
		margin-right: 0;
	}
	.label-area ul li img{
		width: 60px;
		margin: 0 auto;
		margin-bottom: 10px!important;
	}
	.label-area ul li p{
		margin-bottom: 0;
		font-weight: bold;
	}
	#slider-wrap {
    position:relative;
    height:auto;
    margin:0;
    z-index:9998;
    overflow:hidden;
}

 

/* 宿泊施設一覧ページ*/	
	main{
		width:700px;
		float: left;
	}
	.stay-list{
		padding: 0;
	}
	.stay-item{
    list-style-type: none;
    border-bottom: 1px solid #999;
    margin-bottom: 20px;
	}
	.stay-item a{
		display: block;
	}
	.stay-item:hover a{
	    color:#333;
	}
	.stay-content{
		display: flex;
		flex-wrap: wrap;
		margin-bottom: 20px;
	}
	.stay-img{
		width: 200px;
		margin-right: 20px;
	}
	.stay-body{
		width: 480px;
	}
	.stay-list .stay-title{
		font-size: 23px;
		font-weight: bold;
	}
	.stay-item:hover .stay-address{
		color:#333;
	}
	.stay-list .stay-price{
	 font-size: 20px;
	 text-align: right;
	}
	.stay-list:hover .stay-price{
		color: #333;
	}
	span[id^="i"] {
	padding-top: 1.6em;
}
	.stay-address img{
    width: 20px;
    margin-right: 5px;
}
	#toc_container{
		margin-top: 40px;
		margin-bottom: 100px!important;
	}
    .like-icon:before{
		font-family: "Font Awesome 5 Free";
    content: '\f004';
    font-weight: 900;
    margin-right: 5px;
		color: #ff4d6e;
	}
	.like-count{
		font-weight: bold;
		color: #333;
	}
	.breadcrumb{
	}
	#breadcrumb{
		width: 1180px;
		margin: 0 auto;
	}
	#breadcrumb a{
		font-weight: bold;	}
	#breadcrumb a:active span {
		color:#ed1fc4!important;
	}
	#breadcrumb a:hover span{
    color: #ed1fc4;
	}
	 .ion-ios-calendar-outline{
		display:none;
	}

	
	.cpcm-header {
    display: block;
    width: 100%;
    min-width: 1260px;
    height: 100px;
    z-index: 100;
    top: 0;
	}
	.cpcm-header-inner {
    display: block;
    width: 100%;
    min-width: 1260px;
    padding: 0 20px;
    z-index: 10;
}
	.cpcm-header-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    max-width: 1260px;
    height: 80px;
    margin: 0 auto;
    -webkit-transition: all .25s ease;
    transition: all .25s ease;
}
	.cpcm-header-content.header-logo{
		
	}
	.cpcm-header-menu .header-navi-item{
		width: 250px;
	}
	.cpcm-header-menu .header-navi-item a{
		font-size: 18px;
		color: #333;
	}
	
	h2.service-title{
	
		margin: 30px 0 60px;
		text-align: center;
	}
	h2.service-title  span.txt-en{
		font-family: 'Josefin Sans', sans-serif;
		display:block;
		font-size: 65px;
		font-style: italic;
		color:#dd2626;
		margin-bottom: 20px;
	}
	h2.seminar-title{
	
		margin: 30px 0 60px;
		text-align: center;
	}
	h2.seminar-title span.txt-en{
		font-family: 'Josefin Sans', sans-serif;
		display:block;
		font-size: 65px;
		font-style: italic;
		color:#dd2626;
		margin-bottom: 20px;
	}
	section .service{
		padding: 0 60px;
	}
	.service-box01,.service-box02,.service-box03{
		display: flex;
		flex-wrap: wrap;
		position: relative;
	  margin-bottom: 60px;
	}


 .service-box01 .service-box-text {
    position: absolute;
    top: 50px;
    left: 0;
	z-index: 3;
}
	 .service-box02 .service-box-text {
    position: absolute;
    top: 0;
    left: 0;
	z-index: 3;
}
	 .service-box03 .service-box-text {
    position: absolute;
    top: 0;
    left: 0;
	z-index: 3;
}
	.service-box01 .service-box-text img {
    width: 500px;
    height: auto;
}
	.service-box02 .service-box-text img {
    width: 700px;
    height: auto;
}
	.service-box03 .service-box-text img {
    width: 700px;
    height: auto;
}
	.service-box01 .service-box-body{
    width: 100%;
    margin: 180px 0 0 0;
    padding: 60px 0px 54px 63px;
  
		display: flex;
		flex-wrap: wrap;
		position: relative;
	}
	.service-box02 .service-box-body{
    width: 100%;
    margin: 180px 0 0 0;
    padding: 66px 0px 54px 63px;
  
		display: flex;
		flex-wrap: wrap;
		position: relative;
	}
	.service-box03 .service-box-body{
     width: 100%;
    margin: 180px 0 0 0;
    padding: 60px 0px 54px 63px;
  
		display: flex;
		flex-wrap: wrap;
		position: relative;
	}
	.service-box01 .service-box-body:after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 85%;
    height: 100%;
		left: -60px;
    background-color: rgba(232, 196, 26, 0.85);
	}
		.service-box02 .service-box-body:after{
    content: '';
    position: absolute;
    top: 0;
    width: 85%;
    height: 100%;
		right: -60px;
    background-color: rgba(232, 196, 26, 0.85);
	}
	.service-box03 .service-box-body:after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 85%;
    height: 100%;
		left: -60px;
    background-color: rgba(232, 196, 26, 0.85);
	}
	.service-box-item{
   width: 50%;
		padding: 0 10px;
		margin-bottom: 30px;
	}
	.service-box01 .service-box-item-title{
		font-size: 33px!important;
		margin-top: 30px!important;
		margin-bottom: 30px!important;
	padding-left: 80px;
		border-bottom: 3px solid;
		padding-bottom: 10px;
	  }
	.service-box02 .service-box-item-title{
		font-size: 33px!important;
		margin-top: 30px!important;
		margin-bottom: 30px!important;
	padding-right: 60px;
			border-bottom: 3px solid;
		padding-bottom: 10px;
	  }
	.service-box03 .service-box-item-title{
		font-size: 33px!important;
		margin-top: 30px!important;
		margin-bottom: 30px!important;
	padding-left: 80px;
			border-bottom: 3px solid;
		padding-bottom: 10px;
	  }
	.service-box01 .service-box-item-desc{
	padding-left: 80px;
	  }
	.service-box02 .service-box-item-desc{
	padding-right: 80px;
	  }
	.service-box03 .service-box-item-desc{
	padding-left: 80px;
	  }
	.service-box03 .service-box-image {
    height: calc(70vw / 1.77);
		max-width: 1170px;
    width: 60%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
		.service-box01 .service-box-item-left{
		width: 43%;
			z-index:1;
		
	}
	.service-box02 .service-box-item-left{
		width: 55%;
		z-index:2;
	  margin-top: -200px;
	}
	.service-box03 .service-box-item-left{
		width: 43%;
			z-index:1;
	
	}
	.service-box01 .service-box-item-right{
		width: 57%;
		z-index:2;
	  margin-top: -200px;
		margin-left: -50px;
	}
	.service-box02 .service-box-item-right{
		width: 45%;
			z-index:2;
		 margin-left: -50px;
	}
		.service-box03 .service-box-item-right{
		width: 57%;
		z-index:2;
	  margin-top: -200px;
		margin-left: -50px;
	}

.toggle_title {
	position: relative;
	padding: 15px;
	cursor: pointer;
	font-size: 18px;
	text-align: center;
	line-height: 1.4;
	color: #333;
}
.toggle_btn {
	position: absolute;
	top: 50%;
	right: 20px;
	transform: translateY(-50%);
	background: #ed1fc4;
	display: block;
	width: 30px;
	height: 30px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	border-radius: 50%;
}
.toggle_btn:before, .toggle_btn:after {
	display: block;
	content: '';
	background-color: #fff;
	position: absolute;
	width: 13px;
	height: 2px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.toggle_btn:before {
	width: 2px;
	height: 13px;
}
.toggle_title.selected .toggle_btn:before {
	content: normal;
}
.toggle_contents dd {
	display: none;
}

/* toggle_英語版PC*/

.toggle_title_en {
	position: relative;
	padding: 15px;
	cursor: pointer;
	font-size: 18px;
	text-align: center;
	line-height: 1.4;
	color: #333;
}
.toggle_btn_en {
	position: absolute;
	top: 50%;
	right: 20px;
	transform: translateY(-50%);
	background: #ed1fc4;
	display: block;
	width: 30px;
	height: 30px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	border-radius: 50%;
}
.toggle_btn_en:before, .toggle_btn_en:after {
	display: block;
	content: '';
	background-color: #fff;
	position: absolute;
	width: 13px;
	height: 2px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.toggle_btn_en:before {
	width: 2px;
	height: 13px;
}
.toggle_title_en.selected .toggle_btn_en:before {
	content: normal;
}
.toggle_contents_en dd {
	display: none;
}

		h1.plan-title{
		padding-top: 50px;
		padding-left: 30px;
		margin-bottom: 30px!important;
			position: relative;
	}
	h1.plan-title:before {
    content: '';
    position: absolute;
	 top: 55px;
    left: -30px;
    display: inline-block;
    width: 70px;
    height: 10px;
    background-color: #ed1fc4 ;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}
	.plan-table{
		display: flex;
		flex-wrap: wrap;
		margin-bottom: 50px!important;
	}
	.plan-table-item-l{
		width: 22%;
		background:#333;
		color:#fff;
		display: flex;
		justify-content: center;
		align-items: center;
		font-weight: bold;
		padding: 30px;
		border: 3px solid #fff;
	
	}
	.plan-table-item-r{
		width: 78%;
		background: #f3f3f3;
		padding: 30px;
		border: 3px solid #fff;
		
	}
	.discount-title-bg{
		background-image: url(https://www.japanroadtrip.com/wp-content/uploads/2020/06/price-title-bg04.png);
		background-position: center;
		height: 375px;
	}
	.discount-title{		
    padding: 140px 0;
    letter-spacing: .1em;
    font-size: 60px;
    margin: 0!important;
	}
	.discount-title span{
	font-size: 25px;
    display: block;
    margin-top: 15px;
	}
	.plan-box{
		padding: 30px 0;
	  
		margin-bottom:50px;
	}
	#discount-page .plan-box{
		background: #f3f3f3;
	}
	.plan-box-title{
		border-bottom: 3px solid;
		padding-bottom: 15px;
		margin-bottom: 30px!important;
	}
	.plan-list{
		padding: 0;
                display:flex;
                flex-wrap:nowrap;
　　　　　  justify-content:space-evenly;
                width:100%
	}

		.campaign-list-title{
		border-bottom: 3px solid;
			margin: 40px 0 20px;
		padding-bottom: 10px;
			color: #ffc000;
	}
	h2.plan-list-title{
		border-bottom: 3px solid;
		padding-bottom: 10px;
	    margin: 40px 0 20px;
	}
	.plan-list-item{
		width: calc(93% / 4);
		list-style-type: none!important;
	  background: #fff;
		padding: 0px;
                margin: 3px;
	}
	.plan-list-item a:hover{
		color: #333;
	}
	.plan-list-item:nth-child(4n){
		margin-right:10;
}


.plan-list-item:nth-child(4n+1):nth-last-child(-n+4),
.plan-list-item:nth-child(4n+1):nth-last-child(-n+4) ~ li {
border-bottom: none;
	}
 
	.plan-list-item:last-child{
	
	}
	.plan-list-item-img{
		
	}
	.plan-list-item-img img{
		width: 300px;
                margin: 0;

		
	}
	.plan-list-item-text{
	}
	.plan-list-item-text-title{
		font-size: 18px;
		font-weight: bold;
		color:  #deb887;
	}
	.plan-list-item-text-desc{
		height: 78px;
	}
	.plan-list-item-button{
		display: flex;
		justify-content: center;
		border: 1px solid #333;
		padding: 5px 0;
		border-radius: 5px;
		color:#333;
		background: #fff;
		position: relative;
	}
	.plan-list-item-button:after{
		font-family: "Font Awesome 5 Free";
    content: '\f061';
    font-weight: 700;
    position: absolute;
    right: 20px;
	}

	.plan-list-item2{
		width: 50%;
		list-style-type: none!important;
		padding-right: 10px;
		
	}
	.plan-list-item2:nth-child(2n){
		padding-right: 0;
		padding-left: 10px;
	}

	.breadcrumb{
		padding: 10px 0!important;
	}
	#office h1{
	font-size: 30px!important;
    margin-top: 50px!important;
    margin-bottom: 60px!important;
    line-height: 1!important;
	}

	#office h2{
		font-family: "Montserrat","游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif!important;
    font-size: 100px;
		line-height: 1;
    letter-spacing: .1em;
    text-align: center;
    color: #f3f3f3;
    margin-bottom: 30px!important;
	margin-top: 50px!important;
}
	


#office h2 span{
    display: block;
    font-size: 30px;
    margin-top: -30px;
    color: #deb887;
}
	
	ul.office-list{
		border-bottom: none;
	}
	.office-list-item{
	  display:flex;
		flex-wrap: wrap;
		border-bottom:1px solid #ccc;
		padding: 20px 0;
	}
	.office-list-item-img{
  width: 50%;
	}
	.iframe-wrap{
	  position: relative;
  width: 100%;
  padding-top: 56.25%;
	}
	.iframe-wrap iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
	.office-list-item-text{
	  width:50%;
          padding-left: 20px;
          text-align: left;
	}
	.office-list-item-button{
		display:flex;
		justify-content:center;
		padding: 15px 0;
		background: #333;
		border-bottom: 5px solid #191919;
		color: #fff;
		border-radius: 5px;
		font-weight: bold;
	} 
	.office-list-item-button:hover{
	color: #fff!important;
	}
.property__slider-nav--horizontal{
		height: 83px;
	}
		/*全体*/
.car-list-box {
  /*前後の余白*/
    padding: 0;
	width: 100%;
}

/*ボタン装飾*/
.car-list-box label {
    padding: 7px 15px;
    font-weight: bold;
    border: solid 2px #ed1fc4;
    cursor :pointer;
	color: #ed1fc4;
	border-radius: 5px;
	font-size: 13px;
	    display: block;
    width: 200px;
    text-align: center;
    margin: 0 auto;
}

/*ボタンホバー時*/
.hidden_box label:hover {
    background: #efefef;
}

/*チェックは見えなくする*/
.car-list-box input {
    display: none;
}

/*中身を非表示にしておく*/
.car-list-box .car-list-show {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}

/*クリックで中身表示*/
.car-list-box input:checked ~ .car-list-show {
    padding: 10px 0;
    height: auto;
    opacity: 1;
}
	h2.plan{
		font-family:"Montserrat","游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif!important;
	}
	.rental-price-img{
		margin-bottom: 20px;
	}
	#price .hero{
		height: 375px;
	}
	#menu-side2 li a {
    background: #ed1fc4;
    display: block;
    text-align: center;
    padding: 15px;
    color: #fff;
    font-weight: bold;
    border-radius: 5px;
		border: 3px solid;
}
	#menu-side2 li a:hover {
   
}
	#covid-19 .box01{
		overflow: hidden;
	}

		#covid-19 .box01 .thumb{
		width: 400px;
			float: left;
			margin-right:20px;
	}
	#covid-19 .box01 .title{
		font-weight: bold;
     margin-bottom: 10px;
	}
	#covid-19 h2{
		text-align: center;
	}
	#covid-19 h3{
		    margin-top: 40px;
    margin-bottom: 15px;

	}
	#covid-19 .desc{
		text-align: center;
		margin-top: 20px;
		margin-bottom: 60px;
	}
	.campaign-news-inner{
      width: 1170px;
		margin: 20px auto;
		padding: 20px 50px;
		border: 1px solid #333;
		font-size: 14px;
	}
	.campaign-news-inner h3{
		color: red;
	}
	.news-article-title{
		clear: both;
		width: 240px;
	}
		.news-article-title a{
		font-size: 15px!important;
	}
	#support-names h2{
	border-left: 10px solid;
    padding-left: 15px;
    margin-bottom: 60px;
    margin-top: 40px;
	}
	#support-names a{
		color: #ed1fc4;
	}
	.support-names-title{
	border-bottom: 3px solid;
    font-weight: bold;
		font-size: 18px!important;
		padding: 5px 0;
	}
	.support-names-box{
		padding: 30px 0;
	}
		.support-names-box h3{
		font-size: 30px;
			text-align:center;
			margin: 50px 0!important;
	}
	.support-names-box ul{
		display:flex;
		flex-wrap:wrap;
	}
	.support-names-box ul li{
		width: 33%;
	margin: 15px 0;
	}
	.project-box{
		padding: 30px;
		border: 1px solid;
		margin-bottom: 30px;
	}
	.project-contact-box{

		margin-bottom: 30px;
	}
	.loopSliderWrap {
    top: 0;
    left: 0;
    height: 400px;
    overflow: hidden;
    position: absolute;
		box-sizing: border-box;
}
 
.loopSlider {
    margin: 0 auto;
	padding: 0!important;
	z-index:-1;
    width: 100%;
    height: 400px;
    text-align: left;
    position: relative;
	box-sizing: border-box;
}
 
.loopSlider ul {
	padding:0!important;
    height: 400px;
    float: left;
    overflow: hidden;
	box-sizing: border-box;
}
 
.loopSlider ul li {
    width: 780px;
    height: 400px;
    float: left;
    display: inline;
    overflow: hidden;
	padding: 0;
	box-sizing: border-box;
}
 
/* ------------------------------
   CLEARFIX ELEMENTS
------------------------------ */
.loopSliderWrap:after {
    content: "";
    display: none;
    clear: none;
}

.loading {
  position: fixed;
  z-index: 99999;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #fff;
}
.loading__img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}

	 .inlineBlock{
		background: #fff!important;
		color: red!important;
	}
		._3jn_{
		display: none!important;
	}
	.single-share{
		    padding: 20px 125px;
    margin-top: 20px;
	}
	.single-share-title{
		    text-align: center;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 20px;
	}
	.pocket-btn{
		display: inline-block;
	}
		.pocket-btn iframe{
		    padding-top: 2px!important;
	}
	.fb_iframe_widget{
		display: inline-grid!important;
		margin-right: 7px;
		line-height: 1!important;
	}
	.single-footer{
padding: 20px;
background: #f3f3f3;
margin-top: 20px;
margin-bottom: 20px;
}
.single-footer-number{
margin:0!important;
}
.single-author{
border: 5px solid #ccc;
padding: 20px;
overflow:hidden;
padding: 20px;
}
.single-author-image{
width: 100px;
float: left;
margin-right: 20px;
}
	.article-list-bottom .single-author-image{
width: 40px;
		margin-right: 0;
}
.single-author-image img.avatar{
width: 100px!important;
height: 100px!important;
}
	.article-list-bottom .single-author-image img.avatar{
width: 40px!important;
height: 40px!important;
		margin-bottom: 0;
}
.single-author-content{
float: left;
width: 630px;
}
.single-author-heading{
font-size: 15px;
}
.single-author-name{
color: #ed1fc4;
font-weight: bold;
font-size: 20px;
margin: 0!important;
}
	.article-list-bottom .single-author-name{
color: #333;
	font-size: 10px!important;
font-weight: bold;
		margin-left: 5px!important;
}
.single-author-position{
font-size: 13px;
color: #999;
}
	.article-list-bottom .like{
margin-left: auto;
}
	.news__inner{
		flex-shrink: 0;
		width: 100%;
	}
	#glt-translate-trigger{
		display:none;
	}
 	.col-md-12.category,.col-md-12.archive{
	width: 850px;
		float: left;
	}
	.widget_categories li:before,.widget_archive li:before{
		display: none!important;
	}
	.news__tags{
		display: none;
	}
	.sidebar.clearfix.mt50{
		margin-top: 0 !important;
	}
	.news__entry.clearfix img{
		margin: 30px 0!important;
		
}
	#content.site-content{
		
	
	}
	.blog-single__main{
		margin-bottom:0!important;
	}
	.col-xs-12 .blog-single__main{
		width: 800px;
		float: left;
	
	}
	.col-sm-6 .blog-single__main{
		width: 100%;
	}

	.col-md-12 .single-sidebar{
		float: right;
		width: 300px;
	}
	.single-sidebar .sidebar.clearfix.mt50{
	margin-top: 15px!important;	
	}

	span.page-numbers.current{
		font-size: 20px!important;
	}
	a.page-numbers{
		font-size: 20px!important;
	}
	.col-sm-6 .news__thumbnail--single {
    margin-bottom: 15px;
    width: 100%;
		height: 272px;
    overflow: hidden;	
}
	.news__thumbnail--single a.post-thumbnail img{
		    object-fit: cover;
    width: 395px;
    height: 272px;
	}
	.col-sm-6 article.post{
		margin-top:0px!important;
        border-bottom:1px solid #ccc;
	}
	.col-sm-6 .blog-single__main{
		margin-bottom:0!important;
		padding-top: 0!important;
	}
	h1.news__title--single{
line-height: 1.5!important;
		font-size: 27px!important;
}
.col-sm-6 .news__title--single{
    font-size: 20px!important;
line-height: 1.5!important;
height: 60px;
	margin-bottom: 10px;
}
	.news-blog .article-list-bottom{
		margin-bottom: 0;
	}
.news__title--single a{
color: #333!important;
	-webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    -webkit-font-smoothing: antialiased;
}
	
.col-sm-6 .entry_clearfix{
	display:none;
}
.col-md-9{
width: 850px!important;
}
.col-md-3{
width: 300px!important;
padding: 0!important;
	float: right!Important;
}
.col-md-3 .sidebar{
width: 300px!important;

}
	.news-box{
		background:#f3f3f3;
		padding: 20px 0;
	}
	.news-box .inner{
		background:#fff;
		padding: 20px 0;
	}
	.news-box-title{
		    font-size: 25px;
    font-weight: bold;
    padding: 0 30px;
	}
	.news-box-title span{
		font-size: 18px;
    color: red;
    margin-left: 30px;
	}
	.news-box ul{
		display:flex;
		flex-wrap:wrap;
	}
	.news-box ul li{
      width: 25%;
		list-style-type:none!important;
		
	}
		.news-box ul li .thumbnail{
		width: 240px;
		height: 123px;
			float: left;
		overflow: hidden;
			margin-right: 15px;
	}
	#support .hero{
		background: #f7add6;
		overflow: hidden;
		margin-bottom: 60px;
		padding: 30px 0;
	}

		#support .hero h1{
			font-size: 27px;
		color:#fff;
	}
	#support h3{
   border-bottom: 3px solid;
		padding: 10px 0;
		margin: 20px 0 30px;
	}
	#support .hero p{
		color: #fff;
		font-size: 22px;
	}
	#support .hero-left{
		width:55%;
	   float: left;
	}
	#support .hero-left img{
	   float: left;
	}
	#support .hero-right img{
		width: 500px;
		float:right;
	}
	
	
	#telework .hero{
		background:darkorange;
		overflow: hidden;
		margin-bottom: 60px;
	}
		#telework .hero h1{
      margin-top: 30px;
		color:#fff;
	}
	#telework h3{
   border-bottom: 3px solid;
		padding: 10px 0;
		margin: 20px 0 30px;
	}
	#telework .hero p{
		color: #fff;
		font-size: 22px;
	}
	#telework .hero-left{
		width:55%;
	   float: left;
	}
	#telework .hero-left img{
	   float: left;
	}
	#telework .hero-right img{
		width: 500px;
		float:right;
	}
	.flex-box{
		width: 100%;
	   display: flex;
		flex-wrap: flex;
		background: #f3f3f3;
	}
	
	#campervan-healthcare h1{
		margin: 100px 0 30px;
	}
	#campervan-healthcare img{
		width: 100%;
		margin-bottom: 30px!important;
	}
	.flex-item{
		width: 50%;
		padding: 20px;
	}
	
	.campervan-plan .plan-item{
		height: 60px;
	}
	#guide .campervan-plan{
		padding: 20px 50px;
	}
	#guide .plan{
		padding:15px;
		
	}
	#guide h4{
		font-size: 18px!important;
		color: #deb887;
		margin: 30px 0 15px; 
	}
	#premiam-campaign .otoiawase-button{
		margin-bottom: 50px;
		margin-top: 50px;
	}
	#premiam-campaign h3.red{
		color: red;
	}
		.paul-button{
			margin: 30px auto 50px;
    display: block;
	color: #fff;
			width:400px;
			text-align: center;
    font-weight: bold;
		position: relative;
		 padding: 20px;
    border-radius: 5px;
    background:#ed1fc4;
		font-size: 14px;
			border: 3px solid #ed1fc4;
			
}
	.paul-button:hover{
		background: #fff;
		color:#ed1fc4;
	}
	.paul-button:after {
 font-family: "Font Awesome 5 Free";
  content: '\f054';
  font-weight: 900;
		    position: absolute;
    right: 20px;
	}
	#premiam-campaign h3{
		text-align: center;
		margin: 20px 0 30px;
	}
	.paul-button:hover{
		background: #fff;
		color: #ed1fc4;
	}
	#premiam-campaign .su-column{
		height: 200px;
	}
	#premiam-campaign .hero{
	}
	.option-inner{
		width: 1170px;
		margin: 0 auto;
	}
	
.pcnone{
	display:none;
}
.guide-title{
	 padding: 165px 0;
    letter-spacing: .1em;
    font-size: 50px;
    margin: 0!important;
	}
	.guide-title span{
	    font-size: 20px;
    margin-left: 20px;
	}
	
	.guide-title-bg{
  
		height: 375px;
		background:url(https://www.japanroadtrip.com/wp-content/uploads/2020/06/guide-title-bg.png);
		background-position: 0;
		background-size: cover;
	}
	.contact-title-bg{
		height: 375px;
		background:url(https://www.japanroadtrip.com/wp-content/uploads/2020/04/memo_info.jpg);
		background-position: 0;
		background-size: cover;
	}

		.blog-title-bg{
		height: 375px;
		background:url(https://www.japanroadtrip.com/wp-content/uploads/2020/04/startup-593328_1280.jpg);
		background-position: 0;
		background-size: cover;
	}
	.hero{
		height: 375px;
		position:relative;
		background-position: center;
		background-size: cover;
	}
	.hero-text{
		position:absolute;
		width: 100%;
		top:50%;
	        -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
		text-align: center;
	}
	.hero-title{
    letter-spacing: .1em;
    font-size: 60px;
    margin: 0!important;
	}
	.hero-desc{
	    font-size: 22px;
		font-weight:bold;
    margin-top: 20px;
		color: #ed1fc4;
	}
		#price .class-list-item-img{
		height: 200px;
	}
	.car-price .class-list-item-img{
		height: 200px;
	}
	#price .class-list-item-img-bottom{
		height: 150px;
	}
	.option-list{
		display: flex; 
		flex-wrap: wrap;
		align-items: center;
	}
	.option-item{
	     width: 215px;
		margin-right:23px;
		margin-bottom: 23px;
    height: 300px;
		padding: 0 0 20px;
		background: #fff;
	}
	.option-item:nth-child(5n){
	margin-right: 0;
	}

	.option-item-img{
	 width: 100%;
	 height: 161px;
	 overflow: hidden;
    margin: 0 auto;
    padding:0;
		margin-bottom:30px;
		
	}
	
	.option-item-title{
	 text-align: center;
		font-weight: bold;
		    padding: 0 5px;
	}
	h1.option-title{
		padding-left: 30px;
    line-height: 1!important;
		margin: 60px 0 20px!important;
		position: relative;
	}
h1.option-title:before{
      content: '';
    position: absolute;
    left: -30px;
    display: inline-block;
    width: 70px;
    height: 10px;
    background-color: #ed1fc4;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}
	.option-desc{
	margin-bottom: 30px;
	}
		.option-item-price{
	 text-align: center;
       font-size: 13px;
    color: #999;
	}
	.car-price-title{
		font-size: 30px!important;
		margin-top: 50px!important;
		margin-bottom: 60px!important;
		line-height: 1!important;
	}

	.class-list{
		display: flex;
		justify-content: space-between;
	}
	.class-list-item{
    width: 360px;
	background:#fff;
   color: #8c6c41;
		
	}
	.class-list-item-img{
    width: 100%;
    background-size: cover;
    background-position: center;
	}
	.class-list-item ul{
   padding: 0;
		display:block;
	}
	.class-list-item ul li{
		font-size: 13px;
		font-weight: bold;
		padding-left: 20px;
		margin-right: 20px;
		margin-bottom: 10px;
list-style: none!important;
		position: relative;
	}
	.class-list-item ul li::after{
  content: '';
  width: 6px;
  height: 6px;
  border: 0px;
  border-top: solid 2px #5bc0de;
  border-right: solid 2px #5bc0de;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -4px;
}
	.class-list-item:nth-child(2){
    color: #848788;
	}
	.class-list-item:nth-child(3){
    color:#c1a91d;
	}
	.class-list-item-title{
		    font-size: 25px;
    font-weight: 700;
    margin: 20px 0px 10px;
	}
	ul.car-list-standard li{
		color: #333;
	}
	ul.car-list-high li{
		color: #333;
	}
	ul.car-list-premiam li{
		color: #333;
	}
	.step{
		margin-bottom: 60px;
	}
	h3.office-tokyo{
		text-align:center;
		margin-bottom: 30px!important;
		padding:20px;
		background: #f3f3f3;
		border-bottom: 5px solid #ccc;
	}
	h3.office-hokkaido{
		text-align:center;
		margin-bottom: 30px!important;
		background: #f3f3f3;
		padding: 20px;
		border-bottom: 5px solid #ccc;
	}
	.flow{
		padding: 60px 0;
	}

h2.flow-title {
    font-size: 30px!important;
    margin-top: 50px!important;
    margin-bottom: 60px!important;
    line-height: 1!important;
	}


	.flow-title02{
		font-size: 30px;
		color: #333;
		text-align:left;
		padding-left:30px;
		position: relative;
		margin-top: 40px!important;
		margin-bottom: 20px!important;
		line-height: 1.5!important;
	}
		.flow-title02:before{
      content: '';
    position: absolute;
    left: -30px;
    display: inline-block;
    width: 70px;
    height: 10px;
    background-color: #ed1fc4;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}
	 #guide h2.office-title{
	    font-family: "Montserrat","游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif!important;
    font-size: 50px;
    letter-spacing: .1em;
    text-align: center;
    color: #deb887;
    margin-bottom: 30px!important;
		 	margin-top: 80px;
	}
	#guide h2.office-title span{
	display: block;
    font-size: 18px;
    margin-top: 15px;
    color: #333;
	}
	
	.office-list{
		overflow: hidden;
		clear: both;
		margin-bottom: 40px;
		padding: 0 0 30px 0;
		border-bottom: 1px solid #d8d8d8;
	}
	.office-text{
		width: 55%;
		float: right;
		padding-left: 30px;
	}
	.office-map{
		float: left;
		width: 45%;
	}
	.step{
  display: flex;
}
	.step-list-body{
		    padding: 15px 0 25px;;
	}
	.step-list02{
		clear: both;
		overflow: hidden;
		padding: 30px 0;
	}
	.step-list02-img{
		width: 100px;
		height: 100px;
		float: left;
		margin: 0 30px;
	}
	.step-list02 span.large{
		font-family: "Montserrat","游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif!important;
	}
	span.large{
	 margin-left: 10px;
    font-size: 40px;
    margin-right: 20px;
	}
	span.bold{
		color: #333;
	}
	.step-list02 a{
	text-decoration: underline;
		color: #ed1fc4;
	}
	.step-list02-button{
		padding-left: 160px;
	}
	.step-list02-button a{

	}
	.step-list02 ul{
		padding-left: 185px;
	}
	.step-list02 h4{
		padding-left: 160px;
		margin-top: 30px!important;

	}
	.menkyo-box{
		border: 1px solid #ccc;
		margin-left: 160px;
		padding: 20px;
	}
	.menkyo-box p{
		margin-left: 0!important;
	}
	
	.step{
  display: flex;
  flex-wrap: wrap;
}
	.step-list02 h3.step01{
	 font-size: 23px;
	 font-weight: bold;
    letter-spacing: .1em;
    border-bottom: 3px solid;
    color: #42d442;
	 margin-left: 160px;
	 margin-top: 0;
		margin-bottom: 20px;
	 padding-bottom: 10px;
		
	}
	.step-list02 h3.step02{
	 font-size: 23px;
    letter-spacing: .1em;
    border-bottom: 3px solid;
    color: #ed1fc4;
		margin-left: 160px;
		 margin-top: 0;
		margin-bottom: 20px;
	 padding-bottom: 10px;
	}
	.step-list02 h3.step03{
	 font-size: 23px;
    letter-spacing: .1em;
    border-bottom: 3px solid;
    color: #ffc000;
		margin-left: 160px;
		 margin-top: 0;
		margin-bottom: 20px;
	 padding-bottom: 10px;
	}
	.step-list02 h3.step04{
	 font-size: 23px;
    letter-spacing: .1em;
    border-bottom: 3px solid;
    color: #fe7e58;
		margin-left: 160px;
		 margin-top: 0;
		margin-bottom: 20px;
	 padding-bottom: 10px;
	}
	.step-list02 p{
		margin-left:160px;
	}
	.number-list li{
		list-style-type:decimal!important;
	}
	.step .step-list{
  width: 277px;
		margin-right: 20px;
		background: #f3f3f3;	
	}
.step .step-list:last-child{
margin-right: 0;
	}
	.step-list-body p{
		font-weight: bold;
	   font-size: 17px;
		padding: 0 25px;
		text-align:center;
	}
	.step-list-img{
		width: 80px;
		height: 80px;
		margin: 20px auto;
	}

	.step-list-title01{
	font-size: 25px;
	padding: 30px 0;
}
.step-list-title02{
	font-size: 25px;
	padding: 30px 0;
}
.step-list-title03{
	font-size: 25px;
	padding: 30px 0;
}
.step-list-title04{
	font-size: 25px;
	padding: 30px 0;
}
	.step-list-title01 span{
		display:block;
	   font-size: 35px;
		line-height: 1;
		font-weight: bold;
}
.step-list-title02 span{
	display:block;
	   font-size: 35px;
		line-height: 1;
		font-weight: bold;
}
.step-list-title03 span{
	display:block;
	   font-size: 35px;
		line-height: 1;
		font-weight: bold;
}
.step-list-title04 span{
	display:block;
	   font-size: 35px;
		line-height: 1;
		font-weight: bold;
}
	h3.plan-title-standard{
	font-size: 28px;
		margin: 50px 0 20px!important;
}
	h3.plan-title-highclass{
	font-size: 28px;
		margin: 50px 0 20px!important;
}
	h3.plan-title-premiam{
	font-size: 28px;
		margin: 50px 0 20px!important;
}
.plan-title-standard span{
	    font-size: 15px;
    display: block;
    margin-top: 10px;
    font-weight: bold;
}
	.plan-title-highclass span{
	    font-size: 15px;
    display: block;
    margin-top: 10px;
    font-weight: bold;
}
	.plan-title-premiam span{
	    font-size: 15px;
    display: block;
    margin-top: 10px;
    font-weight: bold;
}
	.plan-list-img{
		width: 1000px;
		margin: 0 auto;
	}
	h3.office-plan-title{
    border-left: 5px solid #333;
	 padding-left: 20px;
		margin: 50px 0 15px!important;
    background: #f3f3f3;
    padding: 30px;
    text-align: center;
    border: none;
    border-bottom: 5px solid #ccc;
	}
	h4.plan-title-standard{
	text-align: center;
    font-size: 35px;
		width:100%;
    margin: 60px 0 15px!important;
}
	h4.plan-title-highclass{
	text-align: center;
    font-size: 35px;
		width:100%;
    margin: 60px 0 15px!important;
}
	h4.plan-title-premiam{
	text-align: center;
    font-size: 35px;
		width:100%;
    margin: 60px 0 15px!important;
}
	.plan-title-desc{
		text-align:center;
		margin-bottom: 30px;
	}

	table tbody tr th span{
		font-size: 11px;
		display: block;
	}
	table tbody tr{
		border: 2px solid #fff;;
	}
	table tbody tr th{
		width: 260px;
		height: 100px;
		padding: 0 25px!important;
		font-size: 18px;
		text-align: center;
		border-right: 2px solid #fff;
	}
	
	table tbody tr th.none{
		height: 50px;
		background:#a2a0a0;
	}
	table tbody tr td{
  
    text-align: center;
    font-size: 18px;
    font-weight: bold;
		background: #f3f3f3;
		border: 2px solid #fff;
	}
	.clm3 tr td{
    width: 439px;
	}
	.clm6 tr td{
    width: 175px;
	}
	.plan-list table{
	width: 100%;
	margin-bottom: 30px;
}
	table tbody tr td.time{
		font-size: 15px;
		background: #a2a0a0;
    color: #fff;
	}
	table tbody tr.price{
		height: 80px;
		font-size: 15px;
		background: #a2a0a0;
    color: #fff;
	}
	table tbody tr th.regular{
		    background: #a2a0a0;
    color: #fff;
	}
	table tbody tr th.regular-holiday{
    background: #42d442;
    color: #fff;

	}
	table tbody tr th.high{
		background: #ed1fc4;
		color: #fff;
	}
	table tbody tr th.golden{
		background: #ffc000;
		color: #fff;
	}
	table tbody tr th.orinpic{
		background: #fe7e58;
    color: #fff;
	}
	table tbody tr td.orinpic-td{
		
	}
.style-hover-zoom img{
		width: 360px;
		height: 240px;
}
.opalesate-archive-top{
background:#22355b;
	}
	.post h2{
		font-size: 25px;
		padding: 15px 0;
    border-bottom: 1px solid #333;
    margin-top: 60px;
    margin-bottom: 35px;
    line-height: 1.5;
	
	}
	.post h3{
		font-size: 20px!important;
		border-radius: 20px!important;
    background: #f3f3f3!important;
    padding: 20px!important;
    margin: 60px 0 20px!important;
	}
	.blog-single__main h2{
font-size: 25px!important;
		padding: 15px 0!important;
    border-bottom: 1px solid #333!important;
    margin-top: 60px!important;
    margin-bottom: 35px!important;
    line-height: 1.5!important;
	}
	
	
.blog-single__main h3{
		font-size: 20px!important;
		border-radius: 10px!important;
    background: #f3f3f3!important;
    padding: 20px!important;
    margin: 60px 0 20px!important;
	}
	.news{
                display:block;
		overflow:hidden;
		padding: 0 0 30px 0;
	}
	.news-title{
		float: left;
		margin-right: 50px;
		font-family: "Montserrat","游ゴシッ4ク",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif!important;
    font-size: 22px!important;
    letter-spacing: .1em;
    text-align: center;
    color: #141b38;
    margin-bottom: 30px!important;
	}
	.news-title span {
    display: block;
    font-size: 18px;
    margin-top: 15px;
    color: #333;
}
	
	.news-list {
    border-top: 1px #ccc solid;
    margin: 0 0 30px 230px;
		padding-left: 0;
		margin-top: 30px;
}
	.news-list li{
		border-bottom: 1px #ccc solid;
    list-style-type:none!important;
		padding: 10px 0;
		
}

	.news-list-date{
		font-weight: bold;
		color: #ccc;
		font-size: 16px!Important;
	}

/* ===== collaboration 共通エリア ===== */
.collab_box {
    border-top: 1px #ccc solid;
    margin: 30px 0; 
    padding-left: 0;
}

/* 各アイテム（画像＋テキスト） */
.collab-item {
    display: flex;              /* 横並び */
    align-items: center;        /* 縦位置を揃える */
    margin-bottom: 30px;
}

/* 画像部分 */
.collab-item-img img {
    max-width: 300px;           /* 最大幅 */
    height: auto;
    border-radius: 10px;        /* 角丸 */
    box-shadow: 0 4px 8px rgba(0,0,0,0.2); /* 軽い影 */
    margin-right: 30px;
}

/* テキスト部分 */
.collab-item-text {
    flex: 1;                    /* 残り幅いっぱいに広がる */
}

.collab-item-text-title {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 10px;
}

.collab-item-text-desc {
    font-size: 16px;
    color: #333;
    line-height: 1.6;
    margin-bottom: 15px;
}

/* ボタン */
.collab-item-button {
    display: inline-block;
    padding: 10px 20px;
    background: #deb887;        /* タイトルカラーと統一 */
    color: #fff;
    border-radius: 5px;
    text-decoration: none;
    font-weight: bold;
    transition: background 0.3s;
}
.collab-item-button:hover {
    background: #c79a66;
}

/* ===== タイトル部分 (PC用) ===== */
@media print, screen and (min-width: 800px) {
    .collab-title {
        float: left;
        margin-right: 50px;
        font-family: "Montserrat", "游ゴシック", YuGothic,
                     "ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN",
                     "メイリオ", Meiryo, sans-serif !important;
        font-size: 50px !important;
        letter-spacing: .1em;
        text-align: center;
        color: #deb887;
        margin-bottom: 30px !important;
    }

    .collab-title span {
        display: block;
        font-size: 18px;
        margin-top: 15px;
        color: #333;
    }
}

/* ===== スマホ版 (600px以下) ===== */
@media screen and (max-width: 600px) {
    .collab-item {
        flex-direction: column;   /* 縦積み */
        align-items: flex-start;  /* 左寄せ */
    }

    .collab-item-img img {
        margin-right: 0;          /* 横余白を消す */
        margin-bottom: 15px;      /* 下に余白 */
        max-width: 100%;          /* スマホでは横幅いっぱい */
    }

    .collab-title {
        font-family: "Montserrat", "游ゴシック", YuGothic,
                     "ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN",
                     "メイリオ", Meiryo, sans-serif !important;
        font-size: 30px !important;
        letter-spacing: .1em;
        text-align: left !important;
        color: #deb887 !important;
        margin-bottom: 20px !important;
    }

    .collab-title span {
        display: block;
        font-size: 14px !important;
        margin-top: 8px;
        color: #333 !important;
    }
    .collab .inner{
        padding: 0;
   }
}


	.cancel-title{
		font-size: 20px;
		font-weight: bold;
		color: #dd2626;
		border: none!important;
	}
	.post p.yoyaku{
		    font-size: 20px;
    padding: 10px 0;
    margin: 50px 0 10px;
	}

	[class*=su-column]+[class*=su-column]:last-child {
    float: left!important;
	}
	.su-row .su-column:first-child {
		margin-left: 0;
	}
	.blog-img{
		width: 700px;
		margin: 20px auto 30px;
	}
	h1.contact-title{
		font-size: 45px;
    margin:  0 0 80px!important;
    letter-spacing: .1em;
		width: 1170px;
		margin: 0 auto;
		padding-top: 130px;
	}
	.contact-title span{
		    font-size: 18px;
    padding-left: 20px; 
    
	}
	h1.blog-title{
		font-size: 45px;
    margin:  0 0 80px!important;
    letter-spacing: .1em;
		width: 1170px;
		margin: 0 auto;
		padding-top: 130px;
		color: #fff;
	}
	.blog-title span{
		    font-size: 18px;
    padding-left: 20px; 
    
	}
	.contact-desc{
		    text-align: center;
    margin: 80px;
    line-height: 2;
	}
	.contact-box{
		    padding: 30px;
    border: 1px solid #ccc;
    text-align: center;

	}
	.contact-box-tel{
		    font-size: 40px;
    letter-spacing: .1em;
    font-weight: bold;
	}
	.contact-box-note{
		font-size: 13px;
	}
	.inner{
                
		width: 1170px;
		margin: 0 auto;
	}	
	.contact-form-content{
		background: #f3f3f3;
		padding: 50px ;
		margin-top: 60px;
	}
	.contact-form-content .wpforms-container {
		    padding: 50px;
		background:#fff;
	}
	.contact-form-content .wpforms-field-medium{
		width: 40%!important;
		background: #f3f3f3!important;
		border-radius: 5px!important;
		border: none!important;
		height: 60px!important;
	}
	
	.contact-form-content .wpforms-container-full .wpforms-form .wpforms-field{
		padding: 30px 0px;
		overflow: hidden;
	}
	.contact-form-content .wpforms-container-full .wpforms-form .wpforms-field-label{
		width: 200px;
		margin-right: 50px;
		float: left;
	}
	#wpforms-13506-field_30{
		background:#f3f3f3;
		height: 60px;
		 border: none;
		border-radius: 5px;
	}
	#lecture-form{
		overflow: hidden;
		padding-bottom: 60px;
	}
	#lecture-form h1{
		font-size: 30px;
		padding-left: 20px;
		border-left:5px solid #333;
		line-height: 1;
		margin: 60px 0;
	}
	#lecture-form .wpforms-container-full .wpforms-form .wpforms-field-label{
			width: 200px;
		margin-right: 50px;
		float: left;
	}
	#lecture-form .wpforms-form .wpforms-field-medium{
		float: left;
	}
	#wpforms-16165-field_2{
		width: 684px;
	}
	#lecture-form .wpforms-form .wpforms-field{
		padding: 30px 0;
		overflow: hidden;
	}
	.wpforms-form .wpforms-submit-container{
		text-align: center;
	}
  .contact-form-content  .wpforms-container-full .wpforms-form ul li {
   
	}
	.contact-form-content #wpforms-13506-field_16{
		display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
	}
	.contact-form-content #wpforms-13506-field_16 li{
		width: 100%;
	}
	.contact-form-content #wpforms-13506-field_23{
		display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
	}
		.contact-form-content #wpforms-13506-field_23 li{
		width: 100%;
	}
	.contact-form-content .wpforms-field-description{
		padding-left: 250px!important;
	}
	.contact-form-content #wpforms-13506-field_27{
	 padding-left: 250px;
	}
	.contact-form-content #wpforms-13506-field_27 a{
	color: #33bad2
	}
	.contact-form-content #wpforms-13506-field_0-container .wpforms-field-medium{
		background: none!important;
		width: 200px;
		float: left;
	}
	    .contact-form-content #wpforms-13506-field_0{
			background: #f3f3f3;
    border: none;
    height: 50px;
    border-radius: 5px;
}
	.contact-form-content #wpforms-13506-field_0-last{
			background: #f3f3f3;
    border: none;
    height: 50px;
    border-radius: 5px;
	}
	.contact-form-content #wpforms-submit-13506{
	 background-color: #333;
    border: none;
    color: #fff;
    font-size: 1em;
    width: 400px;
    padding: 10px 15px;
    height: 65px;
	border: 3px solid #333;
    border-radius: 35px;
		transition:.3s;
		font-weight: bold;
	}
	.contact-form-content #wpforms-submit-12594{
	 background-color: #333;
    border: none;
    color: #fff;
    font-size: 1em;
    width: 400px;
    padding: 10px 15px;
    height: 65px;
	border: 3px solid #333;
    border-radius: 35px;
		transition: .3s;
		font-weight: bold;
	}
	
	 .contact-form-content #wpforms-12594-field_0{
			background: #f3f3f3;
    border: none;
    height: 50px;
    border-radius: 5px;
}
	.contact-form-content #wpforms-12594-field_0-last{
			background: #f3f3f3;
    border: none;
    height: 50px;
    border-radius: 5px;
	}
	#wpforms-12594-field_0-container .wpforms-field-medium,#wpforms-13514-field_0-container .wpforms-field-medium,#wpforms-13514-field_27-container.wpforms-field-medium{
    float: left!important;
    background: #fff!important;
}
	.contact-form-content div.wpforms-container-full .wpforms-form .wpforms-field .wpforms-field-row:last-of-type{
		float: left;
		background: #fff!important;
	}
	.contact-form-content div.wpforms-container-full .wpforms-form input[type=text]{
        background: #f3f3f3!important;
		height: 60px!important;
		border: none!important;
		border-radius: 5px;
	}
	.contact-form-content #wpforms-submit-13514 {
    background-color: #333;
    border: none;
    color: #fff;
    font-size: 1em;
    width: 400px;
    padding: 10px 15px;
    height: 65px;
    border-bottom: 5px solid #191919;
    border-radius: 35px;
    transition: .3s;
    font-weight: 700;
}
	#wpforms-submit-13514:hover{
	color: #333;
	background:#fff;
	}
	textarea#wpforms-12594-field_2{
		height: 120px!Important;
	}
	.contact-form-content #wpforms-13514-field_49{
display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
	}
	.contact-form-content #wpforms-13514-field_49 li{
width: 100%;
	}
		.contact-form-content #wpforms-13514-field_50{
display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
	}
	.contact-form-content #wpforms-13514-field_50 li{
width: 100%;
	}

.contact-form-content #wpforms-13514-field_2,.contact-form-content #wpforms-13514-field_37,.contact-form-content #wpforms-13514-field_29,.contact-form-content #wpforms-13514-field_14,.contact-form-content #wpforms-13514-field_8{
		background: #f3f3f3;
		border: none;
		height: 60px;
		border-radius: 5px;
	}

#lecture-form #wpforms-submit-16165{
	 background-color: #333;
    border: none;
    color: #fff;
    font-size: 1em;
    width: 400px;
    padding: 10px 15px;
    height: 65px;
	border-bottom: 5px solid #191919;
    border-radius: 35px;
		transition:.3s;
		font-weight: bold;
	}
#wpforms-submit-13506:hover{
	color: #333;
	background:#fff;
	}
	#wpforms-submit-12594:hover{
	color: #333;
	background:#fff;
	}
	#lecture-form #wpforms-submit-16165:hover{
	color: #333;
	background:#fff;
	}
	.contact-form-content .wpforms-submit-container{
		text-align: center;
		margin-top: 20px;
	}
	.l-header {
    position: fixed;
    display: block;
    width: 100%;
    min-width: 1260px;
    height: 80px;
		z-index: 100;
		top: 0;
	}
	.l-header-inner{
    display: block;
    width: 100%;
    min-width: 1260px;
    padding: 0 20px;
    background: #181818;
    z-index: 10;
	}
	.header-logo.vantime{
		text-align: center;
		padding-top: 15px;
	}
	.header-logo .vantime-logo{
  width: 200px;
		margin: 0;
}
	.header-logo img{
		width: 100px;
	}
	
	.header-menu {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
}
	.logo{
		display:block;
	}
	.header-navi-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
		padding: 0;
}
	.header-navi-item {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
	list-style: none;
			width: 130px;
}
	.header-navi-text {
    position: relative;
    display: block;
    height: 100%;
    padding: 13px 10px 0;
    font-size: 11px;
		font-weight: bold;
    color: #fff;
    text-align: center;
}
	

.l-header-inner {
    display: block;
    width: 100%;
    min-width: 1260px;
    padding: 0 20px;
    background: #333;
    z-index: 10;
}
	.l-header-inner, .l-header-inner.is-header-inner-open {
    position: relative;
}
	.l-header-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    max-width: 1260px;
    height: 80px;
    margin: 0 auto;
    -webkit-transition: all .25s ease;
    transition: all .25s ease;
}
	.header-navi-text-en {
    display: block;
    padding: 6px 0;
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    text-align: center;
    line-height: 1;
}
	.header-navi-text-jp {
    display: inline-block;
    -webkit-transition: opacity .25s ease .15s,-webkit-transform .25s ease .15s;
    transition: transform .25s ease .15s,opacity .25s ease .15s;
    transition: transform .25s ease .15s,opacity .25s ease .15s,-webkit-transform .25s ease .15s;
	 color: #fff;
}
	.header-navi-mark {
    position: relative;
    display: none;
    width: 16px;
    height: 16px;
    margin: 0 0 0 20px;
    border: 1px solid #999;
    border-radius: 50%;
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
}
	.header-text-bg{
		overflow: hidden;
		position: relative;
		height: 80px;
	}
	.header-text-bg-inner{
		padding-top: 10px;
		text-align: center;
		position: absolute;
		width: 100%;
	}
	.header-text-bg p{
		    font-weight: 700;
    font-size: 700%;
    color: #f3f3f3;
    letter-spacing: .1em;
	}

	
	/*タブ切り替え全体のスタイル*/
.tabs {
  margin-top: 50px;
	margin-bottom: 60px;
  padding-bottom: 40px;
  margin: 0 auto;
	background: #fff;
	}
	#guide .tabs{
		background:#f3f3f3;
	}
	#guide .tab_content{
		padding: 40px 0;
	}
	.contact-form-content .form-choice{
    text-align: center;
    font-size: 25px;
    font-weight: bold;
    margin-bottom: 30px!important;
}
.tab_item {
  width: calc(100%/2);
  border-bottom: 3px solid #ed1fc4;
  background-color: #d9d9d9;
  line-height: 50px;
	padding: 10px 0;
  font-size: 16px;
  text-align: center;
  color: #565656;
  display: block;
  float: left;
  text-align: center;
  font-weight: bold;
  transition: all 0.2s ease;
}
	#yoyaku-mitumori{
		overflow: hidden;
	}
	#yoyaku-mitumori label.tab_item{
		width: calc(100%/2)!important;
	}
.tab_item:hover {
  opacity: 0.75;
}

/*ラジオボタンを全て消す*/
input[name="tab_item"] {
  display: none;
}

/*タブ切り替えの中身のスタイル*/
.tab_content {
  display: none;
  padding: 40px 40px 0;
  clear: both;
  overflow: hidden;
}


/*選択されているタブのコンテンツのみを表示*/
#all:checked ~ #all_content,
#programming:checked ~ #programming_content,
#design:checked ~ #design_content {
  display: block;
}

/*選択されているタブのスタイルを変える*/
.tabs input:checked + .tab_item {
  background-color: #333;
  color: #fff;
}
	.contact-form-content #wpforms-12594-field_0{
	    background: #f3f3f3;
    border: none;
    height: 60px;
    border-radius: 5px;
	}
	.contact-form-content #wpforms-12594-field_0-last{
	    background: #f3f3f3;
    border: none;
    height: 60px;
    border-radius: 5px;
	}
	#wpforms-125944-field_0-container .wpforms-field-medium{
		background: none!important;
		    float: left;
	}
	.form-title{
		font-weight: bold;
    padding: 0 0 0 50px!important;
    margin: 20px 0 0 0 !important;
	}
	#wpforms-12594-field_10-container{
		display: flex;
	}
		 #wpforms-16165-field_0{
	    background: #f3f3f3;
    border: none;
    height: 60px;
    border-radius: 5px;
	}
	 #wpforms-16165-field_0-last{
	    background: #f3f3f3;
    border: none;
    height: 60px;
    border-radius: 5px;
	}
	#wpforms-16165-field_3{
	    background: #f3f3f3;
    border: none;
    height: 60px;
    border-radius: 5px;
	}
	#wpforms-16165-field_7{
	    background: #f3f3f3;
    border: none;
    height: 60px;
    border-radius: 5px;
	}
	#wpforms-16165-field_1{
	    background: #f3f3f3;
    border: none;
    height: 60px;
    border-radius: 5px;
	}
	#wpforms-16165-field_4{
	    background: #f3f3f3;
    border: none;
    height: 60px;
    border-radius: 5px;
	}
	#wpforms-16165-field_4-time{
	    background: #f3f3f3;
    border: none;
    height: 60px;
    border-radius: 5px;
	}
	#wpforms-16165-field_2{
	    background: #f3f3f3;
    border: none;
    border-radius: 5px;
	}
	#wpforms-16165-field_5{
	    background: #f3f3f3;
    border: none;
    border-radius: 5px;
	}
	#wpforms-16165-field_0-container .wpforms-field-medium{
		background: none!important;
		    float: left;
	}

	.top-slider{
		position: relative;
background: beige;
	}
	.top-slider-inner{

		    padding: 20px 0;
width: 1200px;
margin: 0 auto;
	}
	.metaslider .flex-viewport{

}
	.top-header-bg{
		position: relative;

    
	}
	.top-service{
		padding-bottom: 30px;
	}
	.top-service-title{
		        text-align: center;
    color: #333;
    font-size: 25px;
    line-height: 2!important;
    margin: 0 0 30px 0!important;
	}
	

	
		.service-list{
		display: flex;
			flex-wrap: wrap;
}
	.service-list-item{
		color: #333;
    width: 28%;
		padding: 0 ;
		margin: 20px 30px;
	}
	.service-list-item-img{
		    border-radius: 50%;
    width: 232px;
    margin: 0 auto;
    height: 232px;
		background-size: cover;
    background-position: center;
	}
	.service-list-item ul{
   padding: 0;
		display:block;
	}
	.service-list-item ul li{
		font-size: 13px;
		font-weight: bold;
		padding-left: 20px;
		margin-right: 20px;
		margin-bottom: 5px;
list-style: none!important;
		position: relative;
	}
	.service-list-item ul li::after{
  content: '';
  width: 6px;
  height: 6px;
  border: 0px;
  border-top: solid 2px #5bc0de;
  border-right: solid 2px #5bc0de;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -4px;
}
	.service-list-item:first-child .service-list-item-title{
     color: #42D442;
	}
	.service-list-item:nth-child(2) .service-list-item-title{
    color: #ed1fc4;
	}
	.service-list-item:nth-child(3) .service-list-item-title{
    color:#FFC000;
	}
	.service-list-item:nth-child(4) .service-list-item-title{
    color:#FE7E58;
	}
	.service-list-item-title{
		font-size: 24px;
		text-align: center;
    font-weight: 700;
    margin: 20px 0;
    padding-bottom: 20px;
    border-bottom: 1px solid #ccc;
	}
    .service-list-item-text{
		color: #333;
		font-size: 14px;
		height: 130px;
	}
	 .service-list-item-button{
	 display: flex;
    justify-content: center;
    border: 1px solid #333;
    padding: 7px 0;
    border-radius: 5px;
    font-size: 14px;
    color: #333;
    background: #fff;
    position: relative;
	}
	.service-list-item-button:after {
    font-family: "Font Awesome 5 Free";
    content: '\f061';
    font-weight: 700;
    position: absolute;
    right: 20px;
}
	.guide-info{
		margin: 20px 0 30px;
	}
	.guide-info-desc{
		font-weight: bold;
		text-align: center;
		margin-bottom: 20px;
	}
	.price-system{
		padding:  30px 0;
		background: beige;
		position: relative;
	}
	p.price-system-title{
		margin-top: 10px;
		margin-bottom: 20px;
		font-size: 20px;
		font-weight: bold;
	text-align:center;
	}
		.price-system-icon span {
    height: 80px;
    width: 80px;
		background:beige;
		border-radius: 50%;
}
	
	
	.price-system-icon{
	top: -40px;
    position: absolute;
    left: 50%;
    display: block;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
}
	.price-system-icon span{
		position: relative;
		display: block;
	}
	.price-system-icon span:before, .price-system-icon span:after {
    height: 5px;
    width: 45px;
}
	.price-system-icon span:after {
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
}
	.price-system-icon span:before, .price-system-icon span:after {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    content: '';
    display: block;
    margin: auto;
    background: #ed0000;
}
	.price-system-list{
		display: flex;
		justify-content: space-between;
		padding: 20px;
	}
	.price-system-list-item{
		    list-style-type: none!important;
    width: 100%;
    background: #fff;
    display: flex;
    margin-right: 30px;
	flex-direction: column;
}

	.price-system-list-item:last-child{
    margin-right:0;
		
	}
	
	.price-system-list-item-img{
	    margin: 0 auto;

		
	}
	.price-system-list-item-img img{
		
	}

	.price-system-list-item-text{
        flex: 1;
    padding: 15px 15px 30px;
    display: flex;
    flex-direction: column;
    height: 63%;

}
	.price-system-list-item-title{
		font-size: 18px;
		font-weight: bold;
	}
	.price-system-list-item-price{
	font-size: 14px;	
	}
	.price-system-list-item-price span{
		font-size: 20px;
		color:#ffc000;
		font-weight: bold;
	}
	.price-system-list-item:nth-child(3) .price-system-list-item-desc{
		margin-bottom: 49px;

	}
	.price-system-list-item-desc{
		font-size:14px;
	
	}
	.price-system-list-item-button{
		margin-top: auto;
	}
	.price-system-list-item-button a{
		font-size:14px;
		padding: 10px;
		border: 1px solid ;
		display: flex;
		justify-content: center;
		position: relative;
	}
	
	.plan-discount{
		background: beige;
		padding: 40px 0;
	}
	.plan-discount-unit{
		display:flex;
		flex-wrap: wrap;
	}
	.plan-discount-img{
		width:400px;
	}
	.plan-discount-text{
		flex:1;
		padding-left: 30px;
	}
	
.plan-discount-button a {
    border-bottom:5px solid #191919;
    padding: 20px;
    display: flex;
    justify-content: center;
    font-weight: bold;
    background: #333;
    color: #fff;
    border-radius: 5px;
    font-size: 20px;
	position:relative;
}
.plan-discount-button a:after {
    font-family: "Font Awesome 5 Free";
    content: '\f061';
    font-weight: 900;
    position: absolute;
    padding-left: 10px;
    right: 30px;
	}
	.plan-discount-button a:hover {
color: #fff!important;
}
	.plan-discount-desc{
		margin-bottom: 30px!important;
	}
	.plan-discount-button a:hover {
    
}
	.guide-info-list{
		display: flex;
		flex-wrap: wrap;
	}
	.guide-info-list-item{
		width: 33%;
		list-style-type:none!important;
		margin-bottom: 30px;
	}
	.guide-info-list-item a{
	 background: #333;
    padding: 20px;
    display: block;
    text-align: center;
    margin: 0 auto;
    width: 300px;
    border-radius: 5px;
    color: #fff;
    font-weight: bold;
		box-shadow: 2px 2px 2px #ccc;
		position: relative;
	}
	.guide-info-list-item a:after {
    font-family: "Font Awesome 5 Free";
    content: '\f061';
    font-weight: 900;
    position: absolute;
    padding-left: 10px;
    right: 30px;
}
	.guide-info-list-item a:hover {
    color: #fff!important;
}
	#price .plan-list{
		padding: 30px 0 40px;
		background: beige;
	}
	h3.plan-list-title{
		padding-left: 10px;
		border-left: 5px solid;
		line-height: 1;
		margin-bottom: 20px;
	}
		h3.case-title{
		padding-left: 10px;
		border-left: 5px solid;
		line-height: 1;
	    margin-bottom: 20px;
	}
	.case{
		padding: 40px 0;
	}
	.case-unit{
		display: flex;
		flex-wrap: wrap;
	}
	.case-img{
		width: 400px;
	}
	.case-text{
		flex: 1;
		padding: 10px 30px;
	
	}
	.case-textCar{
		font-size: 25px;
		margin-bottom:30px;
	}
   
	.case-text span.largeBold{
		font-size: 25px;
		font-weight: bold;
	}
	.case-textTotal{
	
		margin-bottom: 30px;
	}
	.case-textParson{
		text-align: center;
	}
	.case-textPrice{
		text-align: center;
		font-size: 25px;
		font-weight: bold;
		border-bottom: 3px dotted;
		padding-bottom:10px;
	}
	.case-text .case-textPrice span.largeBold{
		font-size: 40px;
		font-weight: bold;
		color: #ffc000;
		margin-left: 10px;
	}
	span.ffc000{
		color: #ffc000;
	}
	.car-price .plan-list-img{
		width: 1170px;
	}
	.car-price .plan-list-img img{
		width: 100%;
	}
	h1.compensation-title{
		border: none!important;
		margin-top: 40px!important;
		margin-bottom: 60px!important;
		padding-left: 30px!important;
		position: relative;
	}
	.compensation-title:before{
      content: '';
    position: absolute;
    left: -30px;
    display: inline-block;
    width: 70px;
    height: 10px;
    background-color: #ed1fc4;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}
	span.compensation-title-sub{
		margin-bottom: 50px;
		display: block;
	}
		.compensation-list{
			padding: 0;
					margin-bottom: 50px;
	}
	.compensation-list-item{
		list-style-type: none!important;
		margin-bottom: 30px;
	}
	.compensation-list-item-title{
border-left: 5px solid;
    padding-left: 10px;
    font-size: 20px;
    font-weight: bold;
	}
		.guide-info-price{
		margin: 20px 0 30px;
	}
	.prefectures{
		margin-bottom:0;
        font-weight: bold;
		color:#deb887;
		font-size: 20px;
		margin-bottom:10px;
	}
	.section-address{
		padding: 60px 0 0;
	}
	.section-address h2{
		padding: 10px 0;
		margin-bottom: 30px!important;
		border-bottom: 3px solid;
	}
	.section-base{
		padding: 60px 0 0;
	}
	.section-base h2.base-title{
		padding: 10px 0;
		margin-bottom: 30px!important;
		border-bottom: 3px solid;
	}
	.guide-info-desc{
		font-weight: bold;
		text-align: center;
		margin-bottom: 20px;
		
	}
	 ul.guide-info-price-list{
		display: flex;
		flex-wrap: wrap;
		padding: 0;
     width: 1170px;
		margin: 0 auto;
		align-items: flex-end;
		margin-bottom: 10px;
	}
	 .guide-info-price-list-item{
	  width: 20%;
		list-style-type:none!important;
	}
		.guide-info-price .guide-info-price-list-item.active a{
            color: #ed1fc4;
			 border-left: 3px solid #ed1fc4;
			border-top: 3px solid #ed1fc4;
			border-right: 3px solid #ed1fc4;
			border-bottom: 3px solid #ed1fc4;
	}
	.guide-info-price-list-item a{
		    background: #f3f3f3;
    border-left: 2px solid #fff;
    border-right: 2px solid #fff; 
	border-bottom: 4px solid #fff;
    padding: 15px;
    display: flex;
    justify-content: center;
	

   
    color: #333;
    font-weight: bold;
	}
  .guide-info-price-list-item.active a:hover{
		   
          opacity:1!important;
	}
	.guide-howTo-list{
		display: flex;
			flex-wrap: wrap;
}
	.guide-howTo-list-item{
    width: 232px;
   color: #42D442;
		padding: 0 ;
		margin: 20px 30px;
	}
	.guide-howTo-list-item-title {
    font-size: 24px;
    text-align: center;
    font-weight: 700;
    margin: 20px 0;
    padding-bottom: 20px;
    border-bottom: 1px solid #ccc;
}
		.guide-howTo-list-item-img{
		    border-radius: 50%;
    width: 232px;
    margin: 0 auto;
    height: 232px;
		background-size: cover;
    background-position: center;
	}
	.guide-howTo-list-item ul{
   padding: 0;
		display:block;
	}
	.guide-howTo-list-item ul li{
		font-size: 13px;
		font-weight: bold;
		padding-left: 20px;
		margin-right: 20px;
		margin-bottom: 5px;
list-style: none!important;
		position: relative;
	}
	.guide-howTo-list-item ul li::after{
  content: '';
  width: 6px;
  height: 6px;
  border: 0px;
  border-top: solid 2px #5bc0de;
  border-right: solid 2px #5bc0de;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -4px;
}
	.guide-howTo-list-item:nth-child(2){
    color: #ed1fc4;
	}
	.guide-howTo-list-item:nth-child(3){
    color:#FFC000;
	}
	.guide-howTo-list-item:nth-child(4){
    color:#FE7E58;
	}
	.guide-howTo-list-item-title{
		font-size: 24px;
		text-align: center;
    font-weight: 700;
    margin: 20px 0;
    padding-bottom: 20px;
    border-bottom: 1px solid #ccc;
	}
    .guide-howTo-list-item-text{
		color: #333;
		font-size: 14px;
	}
	.guide-advisor-contact{
		padding: 20px;
		background: #f3f3f3;
		margin-bottom:30px;
	}
	.guide-visit-lecuture-contact{
		margin-top: 20px;
		padding: 20px;
		margin-bottom:20px;
	}
		.guide-visit-lecture-list{
			display: flex;
			flex-wrap:wrap;
     padding: 0;
	}
	.guide-visit-lecture-list-item{
		width: 50%;
				list-style-type: none!important;
	}
	.guide-visit-lecture-list-item.visit a{
		width: 500px;
		 background: #333;
    border-bottom: 5px solid #191919;
    padding: 20px;
    display: block;
    text-align: center;
    margin: 0 auto;
    border-radius: 5px;
    color: #fff;
    font-weight: bold;
		font-size: 20px;
		position: relative;
	}
	.guide-visit-lecture-list-item.visit a:after{
	font-family: "Font Awesome 5 Free";
    content: '\f061';
    font-weight: 900;
    position: absolute;
    padding-left: 10px;
    right: 30px;
	}
	
	.guide-visit-lecture-list-item.lecture a{
		width: 500px;
		 background: #333;
    border-bottom: 5px solid #191919;
    padding: 20px;
    display: block;
    text-align: center;
    margin: 0 auto;
    border-radius: 5px;
    color: #fff;
    font-weight: bold;
	 font-size: 20px;
		position:relative;
	}
		.guide-visit-lecture-list-item.lecture a:after{
	font-family: "Font Awesome 5 Free";
    content: '\f061';
    font-weight: 900;
    position: absolute;
    padding-left: 10px;
    right: 30px;
	}
	.guide-visit-lecture-list-item.lecture a:hover{
	
		color: #fff!important;
	}
	.guide-visit-lecture-list-item.visit a:hover{
	
		color: #fff!important;
	}
		.guide-advisor-contact-list-item.visit a:hover{
		color: #ed1fc4!important;
		background: #fff;
	}
	.guide-advisor-list-item.lecture a:hover{
		color: #5ae628!important;
		background: #fff;
	}
	.guide-box{
		background: #f3f3f3;
		padding: 40px 0;
	}
	.guide-howTo{
		padding: 40px 0;
	}
	
	h3.guide-howTo-title{
		text-align: center;
		font-size: 30px!important;
		margin-bottom:30px!important;
	}
	p.guide-howTo-desc{
		padding: 0 165px;
	}
	.guide-howTo-manner{
		padding: 40px 0;
		background:beige;
	}
	.guide-howToMn-list{
		padding-left: 0;
      margin-bottom: 30px;
	}
	h3.guide-howToMn-list-title{
		border-left: 5px solid;
		padding-left: 10px;
		line-height: 1!important;
		margin-bottom: 15px!important;
	}
	.guide-howToMn-list-item{
		list-style-type:none!important;
		overflow: hidden;
		margin: 10px 0;
	}
	.guide-howToMn-list-item-title{
		font-size: 18px;
		font-weight: bold;
	}
	.guide-howToMn-list-item-thumbnail{
		float: left;
		margin-right: 10px;
		width: 200px;
	}
	.howToMn-number{
		font-size: 30px;
color: #42d442;
		font-family:"Montserrat","游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif!important;
	}

	.guide-howToMn-list-item{
		clear: both;
	
	}
		.guide-howToMn-list-item-text{
	background:#fff;
	width: 960px;
			height: 113px;
		float: right;
			padding: 0 20px;
	}
	h3.guide-howTo-manner-title{
		position: relative;
		text-align:center;
		font-size: 30px;
			margin-bottom: 30px!important;
	}
	.guide-howTo-manner-desc{
		padding: 0 200px;
		margin-bottom: 60px;
	}
	.guide-howTo-manner-title:before{
		position: absolute;
		display:block;
		content:"";
		background-size: contain;
		background-image: url(https://www.japanroadtrip.com/wp-content/uploads/2020/06/guide-howTo-marubatsu.png);
		width: 150px;
		height: 150px;
		top: -20px;
		left: 0;
	}
	.guide-qa{
		margin-bottom: 40px!important;
		text-align: center;
	}
	h3.guide-qa-title{
		margin-bottom:30px!important;
	}
	.guide-qa p{
		padding: 0 125px;
	}
	span.q{
		font-size: 100px;
		font-weight: bold;
		color: #ed1fc4;
		margin-right: 10px; 
	font-family:"Montserrat","游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif!important;
	}
	span.a{
		font-size: 100px;
		font-weight: bold;
		margin-right: 10px; 
	font-family:"Montserrat","游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif!important;
		color: #ffc000;
	}
	p.guide-advisor-title {
    text-align: center;
    border-top: 3px solid;
    border-bottom: 3px solid;
    width: 500px;
    margin: 50px auto 30px;
    padding: 20px;
    font-size: 18px;
    color: #999;
    font-weight: bold;
	}
	.guide-hajimete-title-bg {
    height: 375px;
    background: url(https://www.japanroadtrip.com/wp-content/uploads/2020/08/top-slider-img02.png);
    background-position: 0;
    background-size: cover;
		overflow: hidden;
	
	}
	.guide-hajimete-title{
		color: #fff;
		margin-top: 138px!important ;
		margin-bottom:30px!important;
		position: relative;
		padding-left:50px;
	}
	.guide-hajimete-title:before{
     position: absolute;
    width: 40px;
    height: 60px;
		
		top: -5px;
		left: 0;
    display: block;
    content: " ";
		background-size:contain;
		background-repeat: no-repeat;
		background-image: url(https://www.japanroadtrip.com/wp-content/uploads/2020/01/beginner-mark_835.png);
	}
	.guide-hajimete-desc{
color:#fff;
		width:750px;
	}
	.guide-advisor-contact p{
		text-align: center;
		font-size: 25px;
		font-weight: bold;
		margin-bottom:30px;
	}
	.guide-advisor-contact-list{

     padding: 0;
	}
	.guide-advisor-contact-list-item{
				list-style-type: none!important;
	}
	.guide-advisor-contact-list-item.tel a{
		width: 800px;
		 background: #ed1fc4;
    border: 3px solid #ed1fc4;
    padding: 20px;
    display: block;
    text-align: center;
    margin: 0 auto;
    border-radius: 5px;
    color: #fff;
    font-weight: bold;
		font-size: 20px;
	}
	.guide-advisor-contact-list-item.line a{
		width: 500px;
		 background: #5ae628;
    border: 3px solid #5ae628;
    padding: 20px;
    display: block;
    text-align: center;
    margin: 0 auto;
    border-radius: 5px;
    color: #fff;
    font-weight: bold;
	 font-size: 20px;
	}
		.guide-advisor-contact-list-item.tel a:hover{
		color: #ed1fc4!important;
		background: #fff;
	}
	.guide-advisor-contact-list-item.line a:hover{
		color: #5ae628!important;
		background: #fff;
	}
	.guide-visit-lecture-contact{
		padding: 40px 0 0;
	}
	p.guide-visit-lecture-contact-title{
		text-align: center;
		font-size: 25px;
		font-weight: bold;
		margin-bottom:30px;
	}
	p.guide-visit-lecture-contact-desc{
		padding: 0 165px;
		margin-bottom: 30px;
	}
	.guide-visit-lecture-contact-list{
		display: flex;
		flex-wrap:wrap;
     padding: 0;
	}
	.guide-visit-lecture-contact-list-item{
		width: 50%;
				list-style-type: none!important;
	}
	.guide-visit-lecture-contact-list-item.visit a{
		width: 500px;
		 background: #333;
    border-bottom: 5px solid #191919;
    padding: 20px;
    display: block;
    text-align: center;
    margin: 0 auto;
    border-radius: 5px;
    color: #fff;
    font-weight: bold;
		font-size: 20px;
	}
	.guide-visit-lecture-contact-list-item.lecture a{
		width: 500px;
		 background: #333;
    border-bottom: 5px solid #191919;
    padding: 20px;
    display: block;
    text-align: center;
    margin: 0 auto;
    border-radius: 5px;
    color: #fff;
    font-weight: bold;
	 font-size: 20px;
	}
	
	.guide-hajimete h3{
	 text-align: center;
		margin: 20px 0 30px!important;
	}
		.top-header-desc{
	padding-top: 80px;
		text-align: center;
			letter-spacing: .1em;
			margin: 0!important;
	}
	
	.top-header-desc .furigana{
		color: #333;
		margin-top: 35px!important;
	}
		.top-header-desc span{
			margin-top: 20px;
font-size: 18px;
			display:block;
			color: #777;
	}
	.top-header-title{
	text-align: center;
    letter-spacing: .1em;
    margin: 70px 0 0 0!important;
    position: absolute;
    left: 0;
    color: #fff;
    font-size: 700%;
    width: 100%;
		text-shadow: 3px 3px 3px #333;
	}
	.top-header-title .sub{
    margin: 0 auto 70px;
    color: #fff;
    padding: 20px 0;
    font-size: 50px;
    display: block;
		line-height: 1.5;

	}
	.top-header-title .sub span{
	background: linear-gradient(transparent 50%,#333a 50%);
    font-weight: 700;
    display: inline-block;
		padding-left: 10px;
	}
	.pickup{
		padding: 60px 0;
	}
	.pickup-list-item-inner{
                
             
	}
		.pickup-list{
		display: grid;
			gap: 1.5rem;
    grid-template-columns: repeat(auto-fit, minmax(223px,1fr));
	}
	.pickup-list-item{

	}
	.pickup-list-item-img{
		position: relative;
		    height: 180px;
    width: 100%;
    background-size: cover;
    background-position: center;
		border-radius: 10px;
	}
	.pickup-list-item ul{
   padding: 0;
		display:block;
	}
	.pickup-list-item ul li{
		font-size: 13px;
		font-weight: bold;
		padding-left: 20px;
		margin-right: 20px;
		margin-bottom: 5px;
list-style: none!important;
		position: relative;
	}
	.pickup-list-item ul li::after{
  content: '';
  width: 6px;
  height: 6px;
  border: 0px;
  border-top: solid 2px #5bc0de;
  border-right: solid 2px #5bc0de;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -4px;
}

	.pickup-list-item-title{
		    font-size: 18px;
    font-weight: 700;
    margin-bottom: 5px;
	}
	.pickup-list-item-text{
   font-size: 14px;
   height: 52px;
	margin-bottom: 5px;
	}
	.pickup-list-item-price{
		font-size: 14px;
		font-weight: bold;
	}
	.pickup-office-title{
		    font-size: 22px;
    font-weight: bold;
    padding-left: 15px;
	
    border-left: 5px solid #333;
		margin-bottom: 20px;
	}
	.pickup-office-title-link{
		    font-size: 15px;
         color:	#333;
		
		display: block;
		text-align:right;
		padding-right:20px;
		margin-bottom: 5px;
		margin-top: 5px;
	}
	.pickup-office-title-link:after {
 font-family: "Font Awesome 5 Free";
  content: '\f061';
  font-weight: 900;
		    position: absolute;
		padding-left: 5px;
	}
	.class-label{
		font-size: 10px;
		font-weight: bold;
		padding: 3px 10px;
		display: inline-block;
		margin: 10px 0;
		border-radius: 20px;
		color: #fff;
		background: #848788;

	}
		.class-label-standard{
	font-size: 11px;
    padding: 5px 15px;
    display: inline-block;
    background: #8c6c41;
    font-weight: bold;
    margin: 10px 0;
    border-radius: 20px;
			color: #fff;
	}
	.class-label-high{
	font-size: 11px;
    padding: 5px 15px;
    display: inline-block;
    background: #848788;
    font-weight: bold;
    margin: 10px 0;
    border-radius: 20px;
		color:#fff;
	}
	.class-label-premiam{
	font-size: 11px;
    padding: 5px 15px;
    display: inline-block;
    background: #c1a91d;
    font-weight: bold;
    margin: 10px 0;
    border-radius: 20px;
		color:#fff;
	}
	.pickup-title{
		font-family: "Montserrat","游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif!important;
	    font-size: 22px;

		margin-bottom: 30px!important;
	}
	

	.top-flow-title{
		font-family: "Montserrat","游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif!important;
	    font-size: 50px;
    letter-spacing: .1em;
    text-align: center;
    color: burlywood;
		margin-bottom: 30px!important;
}
	.top-flow-title span{
		display: block;
    font-size: 18px;
    margin-top: 15px;
    color: #333;
}
	.pickup-list-item-body{
	
	}
	
	

	
	.memories{
		background:#f5f5dc;
		padding-bottom: 30px;
	}
	.memories-list{
		display: flex;
		flex-wrap: wrap;
	}
	
	.memories-list-item{
		        width: 430px;
    background: #fff;
    border-radius: 10px;
    position: relative;
    padding: 30px 20px 30px 130px;
    margin-left: 135px;
    margin-bottom: 30px;
	}
	.memories-list-item-img{
        width: 230px;
    height: 200px;
    float: left;
    position: absolute;
    left: -100px;
}
	.memories-list-item-img-inner{
       background-image: url(https://www.japanroadtrip.com/wp-content/uploads/2019/12/hawaian-thumb.png);
    height: 200px;
		width: 200px;
		border-radius: 50%;
		box-shadow: 5px 5px 10px #555;
		background-size: cover;
}
	.memories-list-title{
		font-weight: bold;
	}
	.memories-list-text{
		font-size: 14px;
	}
	.memories-list-text-bottom .price-title{
    background: #f3f3f3;
    font-size: 13px;
    padding: 10px;
    color: #ed1fc4;
    border-radius: 5px;
		font-weight: bold;
		
		
}
	.memories-list-text-bottom .price{
        margin-left: 15px;
		font-weight: bold;
}
	.memories-title-bg{
		background-image: url(https://www.japanroadtrip.com/wp-content/uploads/2019/07/c68f55d666a9d4ac66761b31ce2a1fb30_4620693218520522671_190723_0002.jpg);
		 -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  width: 100%;
  height: 230px;
  position: relative;
  box-sizing: border-box;
  padding-top: 75px;
 margin-bottom: 30px;
 background-position: center;
	}
	.memories-title-bg:before {
  position: absolute;
    width: 100%;
    bottom: 0;
    right: 50%;
    border-bottom: 30px solid #f5f5dc;
    border-right: 30px solid transparent;
    display: block;
    content: " ";
}
.memories-title-bg:after {
     position: absolute;
    left: 50%;
    bottom: 0;
    right: 0;
    border-bottom: 30px solid #f5f5dc;
    border-left: 30px solid transparent;
    display: block;
    content: " ";
}
	.memories-title{
		color: #fff;
			text-align: center;

	}

	.news-blog{
		padding: 60px 0;
		overflow: hidden;
	}
	.news-blog-title {
		font-family: "Montserrat","游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif!important;
    font-size: 50px;
    letter-spacing: .1em;
    text-align: center;
    color: #deb887;
    margin-bottom: 30px!important;
}
	.news-blog-title span{
    display: block;
    font-size: 18px;
    margin-top: 15px;
   
}
	.article-list ul {
	  width: 700px;
		float: left;
	}
	
	.article-list ul li{
		clear: both;
		overflow: hidden;
		padding-bottom: 20px;
		margin-bottom: 20px;
		border-bottom: 1px solid #ccc;
	}
	.article-list-item-img{
		width: 240px;
		float: left;
		margin-right: 20px;
	}
	.article-list-title{
		font-size: 22px;
	}

	.sidebar{
	  width: 100%;
	float: right;
	}

.ribbon1-content {
  position: absolute;
  top: -6px;
  right: -6px;
  width: 89px;
  height: 91px;
  overflow: hidden;
  }

.ribbon1 {
  display: inline-block;
  position: absolute;
  padding: 7px 0;
  left: -23px;
  top: 22px;
  width: 160px;
  text-align: center;
  font-size: 16px;
	font-weight: bold;
  line-height: 16px;
  background: #ffa520;
  color: #fff;
  letter-spacing: 0.05em;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

.ribbon1:before, .ribbon1:after {
  position: absolute;
  content: "";
  border-top: 4px solid #b2751b;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  bottom: -4px;
}

.ribbon1:before {
  left: 14px;
}

.ribbon1:after {
  right: 18px;
}
	.ribbon2-content {
  position: absolute;
  top: -6px;
  left: -6px;
  width: 89px;
  height: 91px;
  overflow: hidden;
  }

.ribbon2{
  display: inline-block;
  position: absolute;
  padding: 7px 0;
  right: -23px;
  top: 22px;
padding-left: 10px;
  width: 160px;
  text-align: center;
  font-size: 14px!important;
	font-weight: bold;
  line-height: 16px;
  background: #ffc000;;
  color: #fff;
  letter-spacing: 0.05em;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

.ribbon2:before, .ribbon2:after {
  position: absolute;
  content: "";
  border-top: 4px solid #b2751b;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  bottom: -4px;
}

.ribbon2:before {
  left: 20px;
}

.ribbon2:after {
  right: 13px;
}
	.header-space{
	margin-top: 80px;
	}
	.campaign-period {
    text-align: center;
    font-size: 35px;
    font-weight: bold;
    padding: 30px;
    margin: 0;
    background: #346;
    color: #fff;
}
	.onecoin-campaign-firstarea{
		background: #ed1fc4;
		overflow: hidden;
		padding: 50px 0;
}
	.coin-box{
    width: 250px;
    height: 250px;
    border-radius: 50%;
    background: gold;
    padding: 30px;
}
	.coin-time{
    text-align: center;
    border: 2px solid red;
    width: 100px;
    font-weight: bold;
    margin: 0px auto;
    border-radius: 23px;
    padding: 5px;
    color: red;

}
	.coin-price{
	font-size: 75px;
    text-align: center;
    margin-top: 40px;
    margin-bottom: 15px;
    font-weight: bold;
    color: red;
	}
	.coin-price span{
    font-size: 30px;
}
	.coin-precautions{
    font-size: 13px;
    text-align: center;
    font-weight: bold;
    color: red;
}
	
	.coin-box{
		float: left;
	}
	.coin-text{
		width :800px;
		float: left;
		padding: 30px;
		margin-left: 50px;
	}
	.coin-desc{
		color: #fff;
	}
	.coin-title{
		width: 755px;
		 position: relative;
  display: inline-block;
  padding: 0 45px;
		color: #fff;
		font-size: 30px;
    font-weight: bold;
		margin-bottom: 30px;
	}
	.coin-title:before{
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 44px;
  height: 5px;
  background-color: #fff;
  -webkit-transform: rotate(-120deg);
  transform: rotate(-120deg);
}
	.coin-title:after{
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 44px;
  height: 5px;
  background-color: #fff;
  -webkit-transform: rotate(-60deg);
  transform: rotate(-60deg);
}
.coin-title:before {
  left:0;
}
.coin-title:after {
  right: 0;
}

	.coin-content{
		    background: #f3f3f3;
    padding: 10px 20px;
    color: #333;
    border-radius: 5px;
    font-weight: bold;
	}
	.coin-conditions{
		    background: #f3f3f3;
    padding: 10px 20px;
    color: #333;
    border-radius: 5px;
    font-weight: bold;
	
	}
.otoiawase-button{
    clear: both;
    text-align: center;
}
	.otoiawase-button a{
    display: inline-block;
	color: #fff;
	 border-radius: 10px;
    font-weight: bold;
		position: relative;
		 padding: 20px;
    display: inline-block;
    width: 400px;
    border-radius: 5px;
    background: #ed1fc4;
		border: 3px solid #ed1fc4;
}
	.otoiawase-button a:after {
 font-family: "Font Awesome 5 Free";
  content: '\f054';
  font-weight: 900;
		    position: absolute;
    right: 20px;
	}
	.otoiawase-button a:hover{
   background: #fff;
		color:#fabd47;
		opacity: 1!important;
}
	.onecoin-campaign-secondarea{
		padding: 60px 0;
	}
	.onecoin-campaign-secondarea-l{
		    width: 420px;
    float: left;
	}
	.onecoin-campaign-secondarea-l h3{
    padding: 10px 0px;
    border-bottom: 3px solid;
    margin-bottom: 10px;
}
	.h3-bottom{
	    font-weight: bold;
	}
	.onecoin-campaign-secondarea-l-text{
		font-size: 14px;
	}
		.onecoin-campaign-secondarea-r{
		    width: 720px;
    float: right;
	}
	.heiyou{
		font-size: 30px;
		padding: 30px;
		clear: both;
		text-align: center;
	}
	.heiyou-content span{
	padding: 20px;
    display: inline-block;
    background: #fabd47;
    color: #fff;
    font-weight: bold;
    border-radius: 10px;
		width: 245px;
		margin: 0 20px;
		text-align: center;
}
	
.ribbon13 {
  display: inline-block;
  position: relative;
  box-sizing: border-box;
  padding: 5px 0;
  margin: 0 0 0 -20px;
  width: calc(100% + 20px);
  color: white;
  background: #70a6ff;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.ribbon13 h3{
  margin: 0;
  padding: 0 30px 0 15px;
  border-top: dashed 1px #FFF;
  border-bottom: dashed 1px #FFF;
  font-size: 20px;
  line-height: 46px;
}

.ribbon13:after {
  position: absolute;
  content: '';
  z-index: 1;
  top: 0;
  right: 0;
  width: 0px;
  height: 0px;
  border-width: 30px 15px 30px 0px;
  border-color: transparent #f1f1f1 transparent transparent;
  border-style: solid;
}

.ribbon13:before {
  position: absolute;
  content: '';
  top: 100%;
  left: 0;
  border: none;
  border-bottom: solid 15px transparent;
  border-right: solid 20px #6081b7;
}
	
	.secondarea-detail-button{
		text-align: center;
	}
	.secondarea-detail-button a{
		background: #ed1fc4;
	   padding: 15px 100px;
    display: inline-block;
    border: 1px solid #fff;
    color: #fff;
	 
}
	.campaign-contact{
		
		overflow: hidden;
		padding: 50px 0 20px;

	}
	.campaign-contact-box{
		    background: #fff;
    overflow: hidden;
    padding: 50px;
		border: 3px solid #ccc;
		border-radius: 0;
		margin-bottom: 50px;
		
	}
	
	
	.campaign-contact-box h3{
	margin: 0 0 25px!important;
    font-size: 20px;
    text-align: center;
	}
	.campaign-contact-box-l{
	width: 50%;
		float: left;
		border-right: 1px solid #ccc;
	}
	.campaign-contact-box-r{
	width: 50%;
	float:  right;
	}
	.campaign-contact-box-l p{
		text-align: center;
	}
	.campaign-contact-box-l .number{
    margin-top: 20px;
    font-size: 35px;
    letter-spacing: .1em;
    font-weight: bold;
	}
	.campaign-contact-button{
	text-align: center;
	}
	.campaign-contact-button a{
    background: #333;
    border-bottom: 5px solid #191919;
    color: #fff;
    border-radius: 5px;
    width: 400px;
		margin-top: 14px;
    padding: 15px 0;
    display: inline-block;
    font-weight: bold;
		position: relative;
			font-size: 16px;
	}
	.campaign-contact-button a:after {
 font-family: "Font Awesome 5 Free";
  content: '\f061';
  font-weight: 900;
		    position: absolute;
    right: 20px;
	}
	.campaign-contact-button a:hover{
	
	}
	h2.campaign-contact-title{
			font-family: "Montserrat","游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif!important;
		font-size: 40px;
		color: #deb887;
  margin-bottom: 30px!important;
		 letter-spacing: .1em;
	}
	h2.campaign-contact-title span{
		display: block;
		font-size: 18px;
		margin-top: 10px;
		color: #333;
	}
		.campaign-contact h2 span {
    display: block;
    font-size: 18px;
    margin-top: 10px;
			color: #333;
}
	.contact{
		
		overflow: hidden;
		padding: 50px 0 20px;

	}
	.contact-box{
		    background: #fff;
    overflow: hidden;
    padding: 50px;
		border: 3px solid #ccc;
		border-radius: 0;
		margin-bottom: 50px;
		
	}
	
	
	.contact-box h3{
	margin: 0 0 25px!important;
    font-size: 20px;
    text-align: center;
	}
	.contact-box-l{
	width: 50%;
		float: left;
		border-right: 1px solid #ccc;
	}
	.contact-box-r{
	width: 50%;
	float:  right;
	}
	.contact-box-l p{
		text-align: center;
	}
	.contact-box-l .number{
    margin-top: 20px;
    font-size: 35px;
    letter-spacing: .1em;
    font-weight: bold;
	}
	.contact-button{
	text-align: center;
	}
	.contact-button a{
    background: #333;
    border-bottom: 5px solid #191919;
    color: #fff;
    border-radius: 5px;
    width: 400px;
		margin-top: 14px;
    padding: 15px 0;
    display: inline-block;
    font-weight: bold;
		position: relative;
			font-size: 16px;
	}
	.contact-button a:after {
 font-family: "Font Awesome 5 Free";
  content: '\f061';
  font-weight: 900;
		    position: absolute;
    right: 20px;
	}
	.contact-button a:hover{
	
	}
	h2.contact-title{
			font-family: "Montserrat","游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif!important;
		font-size: 40px;
		color: #deb887;
  margin-bottom: 30px!important;
		 letter-spacing: .1em;
	}
	h2.contact-title span{
		display: block;
		font-size: 18px;
		margin-top: 10px;
		color: #333;
	}
	.contact h2 span {
    display: block;
    font-size: 18px;
    margin-top: 10px;
			color: #333;
}
	#discount .campaign-contact-box,#option .campaign-contact-box,#compensation .campaign-contact-box,#discount-page .campaign-contact-box{
		border: 3px solid #ccc;
		border-radius: 0;
		margin-bottom: 50px;
	}
	.option-box{
		background: #f3f3f3;
		padding: 30px 0;
	}
	.top-contact{
		background: url(https://www.japanroadtrip.com/wp-content/uploads/2020/01/footer-contact-bg2-1.png);
		background-position: bottom;
		background-size: cover;
		overflow: hidden;
		padding: 60px 0 80px;
		clear: both;
	}
	.top-contact-box{
	background: rgba(255,255,255,.7);
    overflow: hidden;
    padding: 50px;
		border-radius: 15px;
	}
	.top-contact-box h3{
	 margin: 0 0 25px!important;
    font-size: 20px;
    text-align: center;
	}
	.top-contact-box-l{
	width: 50%;
		float: left;
		border-right: 1px solid #ccc;
	}
	.top-contact-box-l.tel-title{
font-weight: bold;
	}
	.top-contact-box-r{
	width: 50%;
	float:  right;
	}
	.top-contact-box-l p{
		text-align: center;
	}
	.top-contact-box-l .number{
    margin-top: 20px;
    font-size: 35px;
    letter-spacing: .1em;
    font-weight: bold;
	}
	.top-contact-button{
	text-align: center;
	}
	.top-contact-button a{
	  padding: 15px 80px;
    display: inline-block;
		position: relative;
    background: #3c3;
    color: #fff;
    border-radius: 5px;
    margin-top: 10px;
    font-weight: 700;
    border: 3px solid #3c3;
	}
		.top-contact-button a:after{
	  font-family: "Font Awesome 5 Free";
    content: '\f061';
    font-weight: 900;
    position: absolute;
    padding-left: 10px;
    right: 30px;
	}
	.top-contact-button a:hover{
	 background: #fff;
		color: #3c3!important;
	}
	.top-contact h2{
		font-family: "Montserrat","游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif!important;
    color: #fff;
    letter-spacing: .1em;
    font-size: 40px;
    margin-bottom: 50px!important;
		
}
		.top-contact h2 span {
    display: block;
    font-size: 18px;
    margin-top: 10px;
}
	.number:before {
 font-family: "Font Awesome 5 Free";
  content: '\f095';
  font-weight: 900;
		margin-right: 10px;
	}
	.plan-details-list{
		display:flex;
	flex-wrap: wrap;
	}
		.plan-details-list-item{
		width: 180px;
			margin-right: 15px;
			margin-bottom: 15px;
	}
	.plan-details-list-item:nth-child(4){
			margin-right: 0px;
	}
	.plan-details-list-item:nth-child(8){
			margin-right: 0px;
	}
	.plan-details-price{
		margin-bottom: 30px;
	}
	.contact-button{
	text-align: center;
	}
	.contact-button a{
    background: #333;
    border-bottom: 5px solid #191919;
    color: #fff;
    border-radius: 5px;
    width: 400px;
		margin-top: 14px;
    padding: 15px 0;
    display: inline-block;
    font-weight: bold;
		position: relative;
			font-size: 16px;
	}

		.contact-button a:after {
 font-family: "Font Awesome 5 Free";
  content: '\f054';
  font-weight: 900;
		    position: absolute;
    right: 20px;
	}
	.plan-details-list{
	margin-bottom: 15px;
	}

	.plan-details-price-standard{
		color: #8c6c41!important;
		font-size: 20px;
		font-weight: bold;
	}
	.plan-details-price-highclass{
		color: #848788!important;
		font-size: 20px;
		font-weight: bold;
	}
	.plan-details-price-premiam{
		color: #c1a91d!important;
		font-size: 20px;
		font-weight: bold;
	}
	.discount-wrapper{
	
	}
	.coin-box1{
width: 200px;
		height: 200px;
		 border-radius: 50%;
    background: gold;
    padding: 30px;
		float: left;
		position: relative;
		bottom: -100px;
		margin-right: 60px;
	}


.coin-box1	.coin-price {
   font-size: 35px;
    text-align: center;
    margin-top: 25px;
    margin-bottom: 15px;
    font-weight: 700;
    color: red;
}
		.coin-box1::before{
    left: 4px;
    box-sizing: border-box;
    width: 6px;
    height: 6px;
    border: 6px solid transparent;
    border-left: 6px solid #7a0;
}
.coin-box1::after{
    left: 0;
    width: 8px;
    height: 6px;
    border-left: 4px solid #7a0;
}
		.coin-box2{
width: 250px;
		height: 250px;
		 border-radius: 50%;
    background: gold;
    padding: 30px;
			float: left;
			position: relative;
			bottom: -50px;
			margin-right: 60px;
	}
	.coin-box2	.coin-price {
  font-size: 55px;
    text-align: center;
    margin-top: 40px;
    margin-bottom: 17px;
    font-weight: 700;
    color: red;
		float: left;
}
	.coin-box3{
width: 300px;
		height: 300px;
		 border-radius: 50%;
    background: gold;
    padding: 30px;
	 float: left;
   	position: relative;
	}
	.coin-box3	.coin-price {
  font-size: 75px;
    text-align: center;
    margin-top: 60px;
    margin-bottom: 20px;
    font-weight: 700;
    color: red;
}
	.discount-wrapper{
		overflow: hidden;
		padding: 0 150px;
	}
   .campaign-period{
		font-size: 25px;
	}
   .campaign-period span{
		font-size: 15px;
		display: block;
	}
	#post-15938 .campaign-banner{
		background :#ff0;
	}
	#post-16013 .campaign-banner{
		background:#002061;
	}

	.coin-price2 {
   font-size: 30px;
    text-align: center;
    margin-top: 15px;
    margin-bottom: 15px;
    font-weight: 700;
    color: red;
	}
	.discount-wrapper2{
		overflow: hidden;
    padding: 0 150px;
	}
	.discount-wrapper2 .coin-box1{
		padding: 20px;
	}
		.discount-wrapper2 .coin-box2{
		padding: 25px;
	}
		.discount-wrapper2 .coin-box3{
		padding: 30px;
	}
	.discount-wrapper2 .coin-box1 .coin-price{
		margin-top: 0px;
	}
		.discount-wrapper2 .coin-box2 .coin-price{
		margin-top: 5px;
	}
	.discount-wrapper2 .coin-box3 .coin-price{
		margin-top: 25px;
	}
.coin-price2:after{/*疑似要素*/
   font-family: "Font Awesome 5 Free";
  content: '\f103';
  font-weight: 900;
  display: block; 
}
		.repeat-campaign-firstarea{
    overflow: hidden;
    padding: 0 050px 0;
}
	.repeat-campaign-firstarea .coin-title{
    color: #333;
		margin-left: 115px;
}
	.repeat-campaign-firstarea .coin-title:before{
    background: #333;
}
	.repeat-campaign-firstarea .coin-title:after{
   background: #333;
}
	.repeat-campaign-firstarea h3{
    border-bottom: 3px solid #333;
    width: 750px;
    text-align: center;
    margin: 60px auto 20px!important;
    font-size: 30px;
    border-top: 3px solid #333;
    padding: 30px 0;
	}
	.firstarea-title{
		font-family: "Montserrat","游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif!important;
    text-align: center;
    border-top: 3px solid;
    border-bottom: 3px solid;
    padding: 30px 0;
    line-height: 1.5!important;
    width: 600px;
    letter-spacing: .1em;
    margin: 50px auto 30px!important;
	}
	.firstarea-title span{
		    font-size: 45px;
    margin-right: 10px;
    color: darkorange;
    font-weight: bold;
	}
	.firstarea-desc{
  padding: 20px 200px;
		line-height: 2;
	}
	.discount-wrapper img{
		padding: 0 85px;
	}
	.discount-wrapper2 img{
		padding: 0 85px;
	}
	.repeat-discount-textarea{
		width :900px;
		padding: 30px;
		margin: 0 auto;
	}
	.repeat-discount-content{
		    background: #f3f3f3;
    padding: 10px 20px;
    color: #333;
    border-radius: 5px;
    font-weight: bold;
	}
	.planclick{
		padding: 7px 10px!important;
		background: #fabd47!important;
	}
	.row{

	}
	.row img{
		margin-bottom: 0!important;
	}
	.firstarea-wrapper{
		padding: 30px 0;
		overflow: hidden;
	}
	.firstarea-wrapper-l{
		width: 450px;
		float: left;
		margin-right: 20px;
	}
	.firstarea-wrapper-r{
		width: 650px;
		float: left;
	}
	.firstarea-wrapper-r .firstarea-title{
	margin-top: 0!important;
	}
	.firstarea-titleh3{
		clear: both;
	}
	.campaign-firstarea table{
		width: 100%;
	}
	
	.campaign-firstarea table tbody th{
		background: lightcyan;
	}
		.campaign-firstarea table tbody td span{
			font-size: 22px;
		color: orange;
	}
	.top-plan{
		padding: 60px 0 30px;
		background: beige;
	}
	.top-plan-list{
		display: flex;
		flex-wrap: wrap;
		padding: 0;
		position:relative;
	}
		.top-plan-list-item{
		width: 33%;
		padding: 10px;
		list-style: none!important;
	}
	.top-plan-list-heading{
		font-weight: bold;
		margin:0!important;
	}
	.top-plan-list-title{
        font-size: 30px;
		padding: 15px 0;
		font-weight: bold;
		color: #ff169b;
	}
	
	.top-plan-bottom{
		display: flex;
		padding: 30px 0;
	}
	.top-plan-img-area {
    width: 700px;
    margin-right: 30px;
}
	
.other-plan-title {
    font-size: 30px;
    font-weight: bold;
}
	
.top-plan-text-area a {
    font-weight: bold;
    text-decoration: underline;
    color: #ed1fc4;
    font-size: 20px;
}
	h2.top-plan-title{
		    padding: 20px!important;
    margin-top: 20px!important;
    text-align: center;
	}
	h2.plan-title{
		font-family: "Montserrat","游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif!important;
    font-size: 50px;
    letter-spacing: .1em;
    text-align: center;
    color: #deb887;
    margin-bottom: 30px!important;
	}
	.plan-title span {
    display: block;
    font-size: 18px;
    margin-top: 15px;
    color: #333;
}
	.floating {
		z-index:100;
		position: fixed;
    right: 20px;
    bottom: 10px;
		border-radius: 5px;
background: -moz-linear-gradient(left,#ed1fc4,#ffc500);
    background: -webkit-linear-gradient(left,#ed1fc4,#ffc500);
    background: linear-gradient(to right,#ed1fc4 0%,#ffc500 100%);
   display: none;
    color: rgb(255, 255, 255);
    padding: 10px 20px;
    box-shadow: rgb(51, 51, 51) 5px 5px 5px;
		transition: .3s;
}
.floating-number{
display: block;
    color: #333;
    background: #f3f3f3;
    font-weight: bold;
    text-align: center;
    padding: 10px;
    font-size: 25px;
    text-decoration: none;
}
	.floating-number:before{
	font-family: "Font Awesome 5 Free";
    content: '\f095';
    font-weight: 900;
    margin-right: 10px;
	}
	.floating-title{
     font-weight: bold;
		font-size: 16px!important;
		margin-bottom: 5px!important;
	}
	.floating-number span{
display: block;
font-size: 11px;
line-height: 1.5;
}

	.memories-desc h3{
		text-align: center;
		font-size: 22px;
	}
	.memories-desc h3 span{
		font-size: 30px;
	}
	.memories-desc p{
		padding: 30px 200px;
		line-height: 2;
	}
	.pickup-plan-list{
		display: flex;
		flex-wrap: wrap;
		position: relative;
	}
	.pickup-plan-list-item:nth-child(4){
	display: none;
	}

	.pickup-plan-list-item{
		width: 240px;
		margin-right: 20px;
		padding-bottom: 10px;
	}
	.pickup-plan-list-item-img{
		width: 240px;
		margin-bottom: 10px;
	}
	.pickup-plan-list-item-title{
		    font-weight: bold;
    margin-bottom: 5px;
	}
	.pickup-plan-list-item-desc{
		font-size: 13px;
	}
	.pickup-plan{
		position: relative;
		padding: 30px 0 0;
	}
	.pickup-plan:before{
		content: '';
    left: 0;
    bottom: 0;
    display: block;
    width: 100%;
    height: auto;
    padding: 210px 0 0;
    background: #f3f3f3;
		position: absolute;
		z-index: -1;
	}
	.pickup-plan h4{
		font-size: 20px;
    padding-left: 10px;
    border-left: 5px solid #333;
    margin-bottom: 20px!important;
	}
	.pickup-plan-link-all{
	width: 380px;
	}

	.pickup-plan-link-button{
	width: 200px;
    height: 135px;
		background-image: url(https://www.japanroadtrip.com/wp-content/uploads/2020/01/fukidashi01.png);
			
	}
	.pickup-plan-link-button a{
    color: #ed1fc4;
    display: block;
    padding: 46px 33px;
    font-weight: bold;
    font-size: 13px;
    text-decoration: underline;
	}
	.pickup-plan-img-t{
		position: absolute;
		bottom: 0;
		right: 20px;
		width: 200px;
	}
   .news-blog .main-article li{
		overflow: hidden;
	   list-style: none;
    border-bottom: 1px solid #ccc;
	}
	.article-list-body{
		width: 490px;
	}
	.main-article ul li a{
		display: flex;
		opacity:1!important;
	    padding: 30px 0;
	}
	  .main-article ul li .thumbnail{
		margin-right: 20px;
		  width: 240px;
		  height: 160px;
                  border-radius: 10px;
		  overflow: hidden;
	}
		  .main-article ul li .thumbnail img{
transition:.5s all;
	}
	.main-article ul li:hover .thumbnail img{
		transform:scale(1.2,1.2);
		transition:.5s all;
	}
	.article-list-body{
		display: flex;
		flex-direction: column; 
	}
	.article-list-top{
		width: 100%;
		display: flex;
		align-items: center;
		margin-bottom: 10px;
	}
	.article-list-bottom {
    width: 100%;
    display: flex;
    align-items: center;
	 margin-top: auto;
    margin-bottom: 15px;
	}

		.main-article ul li .title{
	    font-size: 20px;
    font-weight: 700;
width: 100%;
			float: left;
			margin-bottom: 10px;
			    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
	}
	.main-article ul li .likes{
		color: #fff;
    font-weight: bold;
    font-size: 20px;
		line-height: 1.5;
		float: right;
}
	
	.main-article ul li .likes:before{
		font-family: "Font Awesome 5 Free";
    content: '\f004';
    font-weight: 900;
    margin-right: 10px;
	}
	.main-article ul li .category{
		display: inline-block;
    background: #f3f3f3;
    color: #333;
    font-weight: bold;
    font-size: 12px;
    padding: 3px 20px;
    border-radius: 15px;
		margin-right: 10px;
		
	}
	.main-article ul li .date{
	color: #ccc;
		font-weight: bold;
		display: inline-block;
    float: left;
    margin-right: 20px;
	}
	a.flow-link-button{
	}
	.flow-link-button{
		display: block;
		text-align: right;
		color: #ed1fc4;
			position: relative;
		text-decoration: underline;
	    padding-right: 45px;
    font-weight: bold;
		
	}
	.flow-link-button:after{
	font-family: "Font Awesome 5 Free";
    content: '\f061';
    font-weight: 900;
    position: absolute;
    padding-left: 5px;
    right: 20px;
	}
	.main-article{
		width: 750px;
		float: left;
		padding-left: 0;
	}
	.main-article ul{
		padding-left: 0;
	}
	.top-sidebar{
		width: 320px;
		float: right;
		overflow: hidden;
	}
	.top-sidebar .category-list{
		padding: 0;
	}
	.top-sidebar .category-list li{
		padding-left: 15px;
	     list-style: none;
    padding: 15px 0;
    border-bottom: 1px solid #ccc;
	}
	.top-sidebar .category-list li a{
		position: relative;
		display: block;
		
	}
	.top-sidebar .category-list li a:after{
		    font-family: "Font Awesome 5 Free";
    content: '\f061';
    font-weight: 900;
    position: absolute;
    padding-left: 10px;
    right: 20px;
	}
	.side-profile{
		margin-bottom: 30px;
	}
	.side-profile-txt{
		padding: 25px;
		background: #f3f3f3;
	}
	.side-profile-txt a{
		color: #333;
		font-weight: bold;
		background: #fff;
		width: 100%;
		padding: 10px;
		text-align:center;
		display: block;
		border: 1px solid #333;
		border-radius: 5px;
		box-shadow: 2px 2px 2px #ccc;
		position: relative;
	}
   .side-profile-txt a:after{
		    font-family: "Font Awesome 5 Free";
    content: '\f061';
    font-weight: 900;
    position: absolute;
    padding-left: 10px;
    right: 30px;
	}
	.side-profile-txt a:hover{
		color: #333!important;
		background: #fff;

	}
		.side-profile-title{
		font-weight: bold;
			line-height:1.5 ;
	}
	.side-profile-title span{
		font-size: 13px;
		
	}
	.side-profile-desc{
		font-size: 12px;
	}
	
	.top-sidebar h4{
		margin-bottom: 15px;
	}
	.page-numbers li{
		width: 50px;
		float: left;
	}

	.footer-navi{
		clear: both;
		background: #f3f3f3;
	}
	.blog-button{
		
	}
	.blog-button a{
	 width: 100%;
    display: block;
    padding: 15px;
    text-align: center;
    background: #333;
    margin: 0 auto;
    border-bottom: 5px solid #191919;
    color: #fff;
    font-weight: bold;
		border-radius: 5px;
		position: relative;
	}
	.blog-button a:hover{
	color: #fff!important;
	}
		.blog-button a:after{
	 font-family: "Font Awesome 5 Free";
    content: '\f061';
    font-weight: 900;
    position: absolute;
    padding-left: 10px;
    right: 30px;
	}
	.lecture-title-bg{
			height: 550px;
		background-image:url(https://japanroadtrip.com/wp-content/uploads/2019/02/IMG_1344.jpg);
		background-size: cover;
		background-position: center;
	}
	.lecture-title-area{
		position: relative;
    width: 1170px;
    margin: 0 auto;
	}
	.lecture-title-area-inner{
		position: absolute;
    width: 562px;
    background: rgba(255,255,255,.7);
    padding: 40px;
    margin-top: 100px;
		border-radius: 10px;
	}
	.lecture-img01{
		background-image:url(https://www.japanroadtrip.com/wp-content/uploads/2020/01/410.jpg);
			width:100%;
		height: 230px;
			background-position: center;
		background-size: cover;
	}
		.lecture-img02{
		background-image:url(https://japanroadtrip.com/wp-content/uploads/2019/12/c73f66f2b5e33340bc762988299be1ce6_4620693218515812132_191027_0036.jpg);
			width:100%;
		height: 230px;
			background-position: center;
			background-size: cover;
	}
		.lecture-img03{
			background-image:url(https://japanroadtrip.com/wp-content/uploads/2020/01/ff1c2bb4c7e83ef8233b5aff9d338bf3_t.jpeg);
			width:100%;
		height: 230px;
			background-position: center;
			background-size: cover;
	}
	
	.lecture-title-bg h1{
  margin: 0 0 20px!important;
		font-size: 30px;
	}
	.lecture-area01{
		padding: 45px 0;
	}
	.lecture-area01 h2{
		    background-size: contain;
    width: 420px;
    margin: 30px auto!important;
    background-image: url(https://japanroadtrip.com/wp-content/uploads/2020/01/beginner-mark_835.png);
    background-repeat: no-repeat;
    text-align: center;
    margin-bottom: 30px!important;
	}
	.lecture-area01 p{
     padding: 0 200px;
		line-height: 2;
	}
	.lecture-area02{
		position: relative;
		padding: 60px 0;
	}
	.lecture-area02-bg{
		position: absolute;
		top: 0;
		width: 100%;
		height: 350px;
		background:#c8c8c8;
		z-index:-1;
	}
	.lecture-list{
		display: flex;
	}
	.lecture-list-item{
		width: 350px;
		margin-right: 60px;
		border: 1px solid #ccc;
	}
.lecture-list-item:nth-child(3){
		margin-right: 0;
	}

	.lecture-number{
		font-size: 50px;
		font-weight: bold;
		color: #fff;
		text-align: center;
		margin-bottom: 25px;
	}
	.lecture-title{
		font-size: 23px;
		margin-bottom: 25px;
		color: #fff;
		text-align: center;
	}
	.lecture-border {
    width: 30px;
    border-bottom: 1px solid#fff;
    margin: 0 auto 30px;
}
	.lecture-body{
		padding: 30px;

	}
	.lecture-body-title{
		font-size: 18px;
		padding: 0 40px;
		font-weight: bold;
		line-height: 1.5;
	}
	.lecture-body-desc{
		font-size: 13px;
	}
	.lecture-period{
		font-weight: bold;
		background: #777;
		color:#fff;
		border-radius: 10px;
		padding: 10px 20px;
		font-size: 13px;
		letter-spacing: .1em;
	}
	.lecture-period .period{
   font-size: 18px;
		
	}
	.lecture-period .large{
	 font-size: 20px;
		margin: 0;
	}
	.lecture-box{
		display:flex;
	}
	.lecture-box-item{
    width: 120px;
    height: 120px;
    background: #ed1fc4;
    font-weight: bold;
		margin: 17px;
    border-radius: 50%;
	}
		.lecture-box-item p{
   font-size: 18px;
			text-align: center;
			padding: 34px 10px;
			font-weight: bold;
			color: #fff;
	}
	.lecture-contact{
		background: #f3f3f3;
		padding: 30px 0;
	}
	.lecture-contact p{
		text-align: center;
	}
	.lecture-contact .number{
		font-size: 30px;
		font-weight: bold;
		letter-spacing: .1em;
	}
	.link-box-l{
		    width: 1170px;
    position: relative;
    margin: 0 auto;
	}
	
	.link-box-l a{
    background: #ed1fc4;
    border-radius: 10px;
		border: 10px solid #fff;
    padding: 35px 0;
    width: 230px;
    height: 230px;
    margin-top: 35px;
    box-shadow: 0 5px 5px #555;
    border-radius: 50%;
    top: -350px;
    float: left;
    z-index: 1;
	}
	.link-box-l a:hover {
		background: #fff; 
		opacity: 1!important;
	}
	.link-box-l a:hover .link-box-title,.link-box-l a:hover .link-box-desc,.link-box-l a:hover .link-button,.link-box-l a:hover .click{
		color: #ed1fc4;
	}

	.link-box-l .click{
		text-align: center;
		font-weight: bold;
		font-size: 20px;
		color: #fff;
		position: relative;
	}
		.link-box-title{
		    font-size: 14px!important;
    text-align: center;
    margin-bottom: 0!important;
    font-weight: 700;
			margin-bottom: 15px!important;
			color: #fff;
	}
	
		.link-box-desc{
	    font-size: 14px!important;
    margin-bottom: 15px!important;
    font-weight: 700;
    text-align: center;
	}

	.link-box-desc span{
font-size: 14px!important;
    display: inline-block;
    background: #999;
    color: #fff;
    padding: 5px 10px;
    margin-right: 5px;
    border-radius: 5px;
	}
	.link-box-desc{
	    font-size: 14px!important;
    margin-bottom: 15px!important;
    font-weight: 700;
    text-align: center;
	}

	.link-box-desc span{
font-size: 14px!important;
    display: inline-block;
    background: #999;
    color: #fff;
    padding: 5px 10px;
    margin-right: 5px;
    border-radius: 5px;
	}
	.link-box-l .click:after {
    font-family: "Font Awesome 5 Free";
    content: '\f061';
    font-weight: 900;
    position: absolute;
    padding-left: 10px;
    right: 50px;
}
	
	
	
	
	
	
	.link-box{
		    width: 1170px;
    position: relative;
    margin: 0 auto;
	}
	
	.link-box-r a{
    background: #3c3;
    border-radius: 10px;
		border: 10px solid #fff;
    padding: 35px 0;
    width: 230px;
    height: 230px;
    margin-top: 35px;
    box-shadow: 0 5px 5px #555;
    border-radius: 50%;
    top: -350px;
    float: right;
    z-index: 1;
	}
	.link-box-r a:hover {
		background: #fff; 
		opacity: 1!important;
	}
	.link-box-r a:hover .link-box-title,.link-box-r a:hover .link-box-desc,.link-box-r a:hover .link-button,.link-box-r a:hover .ribbon19-content{
		color: #3c3;
	}

	.link-box .click{
		text-align: center;
		font-weight: bold;
		font-size: 20px;
		color: #fff;
	}
		.link-box-title{
		    font-size: 14px!important;
    text-align: center;
    margin-bottom: 0!important;
    font-weight: 700;
			margin-bottom: 15px!important;
			color: #fff;
		
	}
	
		.link-box-desc{
	    font-size: 14px!important;
    margin-bottom: 15px!important;
    font-weight: 700;
    text-align: center;
	}

	.link-box-desc span{
font-size: 14px!important;
    display: inline-block;
    background: #999;
    color: #fff;
    padding: 5px 10px;
    margin-right: 5px;
    border-radius: 5px;
	}
	.link-button{
		font-size: 22px!important;
    color: #fff;
    margin-bottom: 0!important;
    position: relative;
    font-weight: 700;
    text-align: center;
	}
	.link-box .click:after {
    font-family: "Font Awesome 5 Free";
    content: '\f061';
    font-weight: 900;
    position: absolute;
    padding-left: 10px;
    right: 50px;
}
	.link-box-r .link-button{
		font-size: 25px!important;
    color: #fff;
    margin-bottom: 0!important;
    position: relative;
    font-weight: 700;
    text-align: center;
		line-height: 2;
	}
	.ribbon6 {
    display: block;
    position: relative;
    height: 35px;
    line-height: 35px;
    text-align: center;
    padding: 5px 0;
    font-size: 18px;
    background: #acd879;
    color: #fff;
    width: 500px;
    margin: 0 auto 20px;
    box-sizing: border-box;
    box-shadow: 0 2px 2px rgba(0,0,0,.25);
}
	.ribbon6 h3 {
	font-size: 13px!important;
  margin: 4px 0 0 0!important;
  padding: 0 30px;
  border-top: dashed 2px rgba(255, 255, 255, 0.5);
  border-bottom: dashed 2px rgba(255, 255, 255, 0.5);
	color: #fff;
	    line-height: 22px!important;
    margin-top: 0!important;
}

.top-slider .ribbon6:before, .ribbon6:after {
   display: none;
}

.ribbon6:before {
    top: -2px;
    left: -2px;
    border-width: 20px 0 20px 15px;
    border-color: transparent transparent transparent #f9f9f9;
    border-style: solid;
}

.ribbon6:after {
    top: -2px;
    right: -2px;
    border-width: 20px 15px 20px 0;
    border-color: transparent #f9f9f9 transparent transparent;
    border-style: solid;
}
	.ribbon22 {
  display: inline-block;
  position: absolute;
  height: 45px;
  text-align: center;
  box-sizing: border-box;
  -webkit-transform: rotate(-10deg) skew(-17deg,4deg);
  transform: rotate(-10deg) skew(-17deg,4deg);
		z-index:3;
		top: -85px;
}
.ribbon22:before {
  content: '';
  position: absolute;
  width: 40px;
  height: 40px;
  background: #eb9920;
  bottom: -7px;
  left: -15px;
  z-index: -2;
}

.ribbon22:after {
  content: '';
  position: absolute;
  width: 40px;
  height: 40px;
  background: #eb9920;
  bottom: -10px;
  right: -25px;
  z-index: -2;
}

.ribbon22 h3 {
  display: inline-block;
  position: relative;
  margin: 0;
  padding: 0 20px;
  line-height: 45px!important;
  font-size: 18px;
  color: white;
  background: #ffc000;
}
.ribbon22 h3:before {
  position: absolute;
  content: '';
  top: 100%;
  left: 0;
  border: none;
  border-bottom: solid 7px transparent;
  border-right: solid 25px #c6821e;
}
.ribbon22 h3:after {
  position: absolute;
  content: '';
  top: 100%;
  right: 0;
  border: none;
  border-bottom: solid 10px transparent;
  border-left: solid 15px #c6821e;
}
	.sa {
  opacity: 0;
  transition: all .5s ease;
}
 
.sa.show {
  opacity: 1;
  transform: none;
}
 
.sa--lr {
  transform: translate(-100px, 0);
}
 
.sa--rl {
  transform: translate(100px, 0);
}
 
.sa--up {
  transform: translate(0, 100px);
}
 
.sa--down {
  transform: translate(0, -100px);
}
 
.sa--scaleUp {
  transform: scale(.5);
}
 
.sa--scaleDown {
  transform: scale(1.5);
}
 
.sa--rotateL {
  transform: rotate(180deg);
}
 
.sa--rotateR {
  transform: rotate(-180deg);
}
	
.memories-list-text-bottom	.price2{
		display: block;
    color: #f5a431;
    font-weight: bold;
    text-align: center;
    	border-bottom: 3px dashed;
    margin-top: 10px;
	padding: 5px 0;
}
	
	.reservation-form-title{
		    position: relative;
    padding-left: 30px;
    margin-top: 50px!important;
	}
	.reservation-form-title:before{
      content: '';
    position: absolute;
    left: -30px;
    display: inline-block;
    width: 70px;
    height: 10px;
    background-color: #ed1fc4;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}
	.reservation-form-desc{
		    width: 60%;
    margin: 40px 0 60px;
    line-height: 2;
	}
.property__address {
    color: #888!important;
    font-size: 25px!important;
    padding-left: 5px!important;
    font-weight: bold!important;
}
	.property__address-icon {
    display: none;
}
	.property-address{
		font-size: 18px!important;
		font-weight: bold;
	}
	
	.entry-content-wrapper .flex-center{
		margin-bottom: 10px;
	}
	.opalestate-rows article .entry-content {
    padding: 0 20px 15px 20px!important;
}
	#menu-item-12627 a{
		background: sandybrown;
    margin: 0;
    padding: 0;
    text-align: center;
    padding: 15px;
    color: #fff;
		font-weight: bold;
    border-radius: 5px;
	}
	#menu-side1 li:before{
		display: none;
	}
	#menu-side2 li:before{
		display: none;
	}

	.entry-summary img{
		display: none;
	}
	.price2 .large{
		font-size: 30px;
	}
	#post-15858 .otoiawase-button a{
		background: #ffc000;
		border: 3px solid #ffc000;
	}
	#post-15858 .otoiawase-button a:hover{
		background: #fff;
		color: #ffc000!important;
	}
	.onecoin-campaign-secondarea h3{
font-family: "Montserrat","游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif!important;
    font-size: 30px;
    text-align: center;
    margin-bottom: 30px;

	}
	.car-desc{
		padding: 25px 150px;
	}
	.campervan_rental_list_inner{
		padding: 30px 20px;
	}
	.car-list-item-content{
		padding: 8px 0;
	}
	.car-name{
		    font-size: 16px;
    font-weight: bold;
		display:block;
	}
	.person{
		    font-size: 13px;
    font-weight: normal;
    color: #999;
		display:block;
	}
	.col-lg-4{
		width: 33%!important;
	}
	.container{
		padding-left: 0!important;
		padding-right: 0!important;
	}
	
	.campervan_rental_office-desc{
		padding-left: 600px;
	}
	ul.car-list-standard p{
		font-size: 13px;
		color: #333;
		padding: 0 20px;
	}
	.car-list-item{
	overflow: hidden;
	}
	.car-list-item-thumbnail{
		width: 130px;
		margin-right: 10px;
		float:left;
	}
	.car-list-item-contentl{
	padding-top:10px;
	}
	
	.car-list-standard li img,.car-list-high li img,.car-list-premiam li img{
		
		width: 100px;
		margin-right: 10px;
	}
	.class-list-item-desc{
		
		color:#333;
}
	.class-list-item-price{
		color: #999;
    font-weight: bold;
    font-size: 18px;
		position: relative;
		margin-bottom: 20px;
	}
	.class-list-item-price span{
		  display: inline-block;
    background-color: #fff;
    padding: 0 10px;
    position: relative;
    z-index: 1;
	color: #ffc000;
		font-size: 30px;
		letter-spacing: .1em;
		
	}
	.class-list-item-price:after {
    content: '';
    display: block;
    border-top: 1px solid #ddd;
    width: 50%;
		margin-right: 20px;
    height: 1px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 3px;
}
	.class-list-item-person{
		    color: #999;
    font-weight: bold;
    font-size: 18px;
		padding-left: 20px;
		position: relative;
	}
		.class-list-item-person span{
		  display: inline-block;
    background-color: #fff;
    padding-right: 10px;
    position: relative;
    z-index: 1;
	}
	.class-list-item-person:after {
    content: '';
    display: block;
    border-top: 1px solid #ddd;
    width: 80%;
		margin-right: 20px;
    height: 1px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 3px;
}
	#guide #plan{
overflow: hidden;
			margin-top: 80px;
	}
	#guide .plan-bg{
		padding: 60px;
		background:#f3f3f3;
	}
	.plan-desc{
		text-align: center;
	}
	.office-choose{
	    text-align: center;
    font-weight: bold;
    font-size: 20px;
    margin: 50px 0 25px;
	}
	.pbr-breadscrumb .breadcrumb {
    border: none!important;
}
	
	#guide .tab_content h3{
	 font-size:18px;
    background: #999;
    color: #fff;
    padding: 20px;
    text-align: center;
    margin-bottom: 25px;
}
	.privacy-title{
		font-size: 50px;
		text-align: center;
	}
	.privacy-title-sub{
		text-align: center;
		display: block;
		margin-bottom: 60px;
	}
	
.privacy h2{
    margin: 40px 0!important;
    padding: 10px 0;
    font-size: 25px;
    border-bottom: 3px solid;
}
.privacy h3{
		    font-size: 22px;
    margin-top: 30px!important;
	}
	.agreement-title{
		font-size: 50px;
		text-align: center;
	}
	.agreement-title-sub{
			text-align: center;
		display: block;
		margin-bottom: 60px;
	}
	.agreement h1,.agreement h2,.agreement h3,.agreement h4,.privacy h1,.privacy h2,.privacy h3,.privacy h4{
		font-family: "Montserrat","游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif!important;
	}
	.agreement h2{
    margin: 40px 0!important;
    padding: 10px 0;
    font-size: 25px;
    border-bottom: 3px solid;
}
.agreement h3{
		    font-size: 22px;
    margin-top: 50px!important;
	line-height: 1!important;
    border-left: 5px solid;
    padding-left: 10px;
    margin-bottom: 25px!important;
	}
	.faq-title{
		font-size: 50px;
		text-align: center;
	}
	.faq-title-sub{
			text-align: center;
		display: block;
		margin-bottom: 60px;
	}
	.faq-item {
		background: #f3f3f3;
    border-radius: 5px;
    padding: 50px 60px 40px 100px;
    margin-bottom: 15px;
    color: #181818;
}
	.faq-question {
    font-size: 16px;
    font-weight: 700;
    position: relative;
}
	.faq-question:before {
    content: "Q";
    background: #333;
    color: #fff;
    padding-top: 2px;
    top: -4px;
    left: -43px;
}
	.faq-answer {
    font-size: 14px;
    line-height: 1.8;
    margin: 33px 0 0 55px;
    position: relative;
}
	.faq-answer:before {
    content: "A";
    background: #fff;
    border: 2px solid #181818;
    color: #181818;
    padding-top: 2px;
    top: -6px;
    left: -50px;
		padding-left: 2px;
}
	.faq-answer:before, .faq-question:before {
    display: block;
    width: 32px;
    height: 32px;
		font-weight: bold;
    border-radius: 50%;
		
    text-align: center;
    position: absolute;
}
	.option-etc h4{
    margin: 40px 0 10px;
	}
	.privacy .inner,.agreement .inner,.faq .inner,.recruit .inner{
		    margin-bottom: 80px;
	}
	.recruit-title{
		font-size: 50px;
	}
	.recruit-title-sub{
		display:block;
		margin-bottom: 30px!important;
	}
	.recruit-staff{
		display: inline-block;
	}
	.recruit-staff-tab{
		border: 1px solid;
    border-radius: 15px;
    padding: 3px 10px;
		font-size: 13px;
		color: #555;
	}
	.recruit-job{
		border-left: 5px solid;
		padding-left: 10px;
		line-height: 1!important;
		margin: 35px 0 20px!important;
		font-size: 22px;
	}
	.recruit-table tbody th{
		background:#f3f3f3;
	}
	.recruit-table tbody tr td{
		font-weight: normal!important;
		font-size: 14px;
		text-align: left;
		padding-left: 50px;
		padding-right: 50px;
	}
	.recruit-img{
		display: flex;
		flex-wrap: wrap;
		justify-content:space-between;
		margin-bottom:30px;
	}
	.recruit-img img{
		width: 370px;
	}

	.recruit-address{
		display: block;
		position: relative;
		padding-left: 25px;
	}
	.recruit-address:before{ font-family: "Font Awesome 5 Free";
  content: '\f124';
		color: #ed1fc4;
  font-weight: 900;
		    position: absolute;
    left: 0;
	}
	.sidebar{
	  width: 300px;
	float: right;
	}
	.footer-text-bg{
		overflow: hidden;
		position: relative;
		height: 80px;
	}
	.footer-text-bg-inner{
		padding-top: 35px;
		text-align: center;
		position: absolute;
		width: 100%;
	}
	.footer-text-bg p{
		    font-weight: 700;
		font-size: 700%;
    color: #f3f3f3;
    letter-spacing: .1em;
	}
	.footer-bg{
		background: #f3f3f3;
		padding: 30px 0;
	}
	.sitemap-list{
		display: flex;
                justify-content: center;
               
	}
	.sitemap-item{
		margin-right: 20px;
	}
	.sitemap-item.japanroadtrip p{
	font-size: 13px!important;
		margin:0!important;
	}
	.sitemap-item.japanroadtrip p.jrt{
		font-weight: bold;
    font-size: 15px!important;
	}
	a.jrt-mail{
		background:#ed1fc4;
		color: #fff;
		border-bottom:5px solid #1a8f9c;
		font-size: 12px;
		padding: 10px;
		border-radius: 5px;
		margin-top: 10px;
		display: block;
		text-align: center;
		font-weight: bold;
		position:relative;
	}
	a.jrt-mail:after{
	font-family: "Font Awesome 5 Free";
    content: '\f061';
    font-weight: 900;
    position: absolute;
    padding-left: 10px;
    right: 30px;
	}
	a.jrt-mail:hover{
		color: #fff!important;
	}
	.sitemap-item-title{
		font-family:"Montserrat","游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif!important;
		margin-top: 20px!important;
		margin-bottom:10px!important;
	}
	.sitemap-item.about ul{
	border-left: 1px solid;
		padding-left: 20px;
		padding-right: 20px;
	}
	.sitemap-item.about ul li{
	 list-style: none!important;
	}
	.sitemap-item.about ul li a{
	font-size: 13px!important;
	}
	.sitemap-item-company p{
	font-size: 13px!important;
	}
	.sitemap-item-recruit ul li{
	 list-style: none!important;
	}
	.sitemap-item-recruit ul li a{
	font-size: 13px!important;
	}
	.sitemap-item-about{
		width: 250px;
       
	}
	.sitemap-item-about ul{
		list-style:none;
		padding-left: 20px;
		border-left: 1px solid #333;
	}
	.sitemap-item-about ul li{
		position:relative;
		font-size: 13px;
	}
	
	.sitemap-item-about ul li:after {
    content: '';
    width: 6px;
    height: 6px;
    border: 0;
    border-top: solid 2px #5bc0de;
    border-right: solid 2px #5bc0de;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    right: 15px;
    margin-top: -4px;
}
	.sitemap-item-company{
    width: 250px;
	}
	.sitemap-item-company p{
    height: 280px;
	 padding-left: 20px;
	 border-left: 1px solid;
		padding-right: 20px;
	}
	.sitemap-item-recruit{
    width: 200px;
	margin-bottom: 56px;
	}
	.sitemap-item-recruit ul{
		height: 112px;
			border-left: 1px solid;
	
    padding-left: 20px;
	}
	.sitemap-item-sns .footer__sns{
        padding-left: 20px;
		border-left: 1px solid #333;
	}
	.sitemap-item-sns ul{
		height: 112px;
		padding-top: 20px;
		border-left: 1px solid;
		
    padding-left: 20px;
	}
   .sitemap-item-sns ul li{
    width: 60px;
			float: left;			
	   list-style-type: none;
	}
	 .sitemap-item-sns ul li img{
		width: 45px;
	}
	.sitemap-item.japanroadtrip{
		width: 250px;
		margin-right:30px;
	}
		.sitemap-item-img{
                width: 150px;
                height: auto;
	}
	.sitemap-item-banner{
    width: 375px;
		padding-top:20px;
		margin-left: auto;
	}
	
	.compensation-title,.cancel-title,.insurance-title,.noc-title{
	  width: 100%;
    border-left: 5px solid;
    line-height: 1!important;
    padding-left: 10px;
		margin: 30px 0 15px!important;
	}
	#plan .plan-list{
		background:#fff;
		padding: 20px 0 60px;
	}
	.shinjuku-plan-desc{
		padding: 50px 0 0;
		text-align: center;
		font-weight: bold;
	}
	.sitemap-item-recruit ul li{
		position: relative;
	}
	.sitemap-item-recruit ul li:after {
    content: '';
    width: 6px;
    height: 6px;
    border: 0;
    border-top: solid 2px #5bc0de;
    border-right: solid 2px #5bc0de;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -4px;
}
	.recruit-img img{
		height: 278px;
	}
	.flow-desc{
		padding: 0 0 50px;
	}
	.flow-desc h2{
		    font-size: 23px;
    padding: 10px 0;
    border-bottom: 3px solid;
    margin-bottom: 40px;
	}
	.flow-desc h3{
		    font-size: 18px;
	}
	
	#flow-sub .tab_content{
		padding: 30px 0 0;
	}
	#flow-sub .tabs{
		padding-bottom: 0;
	}
	#flow-sub h1{
		margin: 30px 0 60px;
	}
	#flow-sub h2{
		margin: 40px 0 20px;
	}
	#flow-sub h4{
		margin: 30px 0 20px;
	}
	.agreement-button{
		padding: 15px;
		width: 250px;
		background: #ed1fc4;
		color: #fff;
		font-weight: bold;
		border-radius: 5px;
		display: block;
		border: 3px solid #ed1fc4;
		text-align: center;
		position:relative;
	}
	.agreement-button:hover{
		background: #fff;
		color: #ed1fc4;
	}
	.agreement-button:after {
    font-family: "Font Awesome 5 Free";
    content: '\f061';
    font-weight: 900;
    position: absolute;
    right: 20px;
}
	
	.pagetop{
		bottom: 130px;
	}
	.plan-banner{
		height: 375px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
	}
	.single-footer-contact {

    width: 100%;
    border-radius: 5px;
    padding: 20px;
background: -moz-linear-gradient(left,#ed1fc4,#ffc500);
    background: -webkit-linear-gradient(left,#ed1fc4,#ffc500);
    background: linear-gradient(to right,#ed1fc4 0%,#ffc500 100%);
    color: #fff!important;
    font-weight: bold;
    padding: 20px 20px;
    margin-bottom: 20px;
    box-shadow: #ccc 3px 3px 3px;
    transition: .3s;
    display: block;
    text-align: center;
}
	 .single-footer .single-footer-contact:hover{
   color: #fff!important;
}
	
	.slide-item{
  height: 200px;
  height: 500px;
  background: pink;
  color: #fff;
  font-size: 3rem;
  text-align: center;
	}
  &:nth-child(2){
    background: skyblue;
  }
  &:nth-child(3){
    background: green;
  }

.MV_base img {
  width: 100%;
  margin: auto;
  position: relative;
  display: flex;
  }
.MV_base.pcnone img{
  display:none;
}

.Basebtn_img {
  width: 100%;
  height: auto;
  padding: 5px;
 }

.base_btnBox_1 {
  width: min(30%,1000px);
  position: absolute;
  right: 72%;
  top: 35%;
  display: flex;
  flex-wrap: wrap;
  transform: translate(50%, 50%);
}

.base_btnBox_2 {
  width: min(30%,1000px);
  position: absolute;
  left: 43%;
  bottom: 20%;
  transform: translate(50%, 50%);
  display: flex;
  flex-wrap: wrap;
  }


.base_btn {
  width: 100%;
  height: auto;
  justify-content: space-around;
  margin: auto;
  display: flex;
  flex-wrap: nowrap;
  }

.base_a {
  width: calc(100% /2);
  height: auto;
 }

.base_list_text {
   width: 90%;
   margin: auto;
   position: absolute;
   top: 22%;
   left: -22%;
   transform: translate(50%,50%);
}

/**********************
----- Traffic Section-----
***********************/
#traffic-rules .p {
  font-family: 'Montserrat';
 }

.figcaption {
   text-align: right;
   font-size: 9px;
   margin-right: 20px;
  }

.h_img_txt {
    font-size: 5rem !important;
    line-height: 1.5;
    background-color: #fff;
    padding: 20px 50px;
    text-align: center;
    margin: auto;
    font-weight: bold;
  }
  
.h_title {
  margin: 0px 0px 50px 0px;
  padding: 20px;
  color: #fff;
  background-color: #000;
  font-size: 3.5rem;
  font-weight: bold;
  text-align: center;
  }

.bd_cont {
  width: 100%;
  display: flex;
  flex-wrap: nowrap;
  margin: 15px auto;
  padding: 0px;
  background-color: aliceblue;
 }

.bd_number {
  width: 28px;
  height: 30px;
  background-color: #000;
  color: #fff;
  font-weight: bold;
  padding: 3px 7px 4px 8px;
  margin-right: 10px;
  text-align: center;
 }

.bd_txt {
  width: 100%;
  line-height: 1.5;
  padding: 5px;
  }

@media  only screen and (min-width:769px){

.h_img {
   background-image: url(https://ta-japan.heteml.net/japanroadtrip.com/wp-content/uploads/2024/01/road_signs2.png);
   width: 100%;
   height: 400px;
   justify-content: center;
   display: flex;
   background-size:cover;
   background-repeat: no-repeat;
  }

.h_img_txt {
    font-size: 5rem !important;
    line-height: 1.5;
    background-color: #fff;
    padding: 20px 50px;
    text-align: center;
    margin: auto;
    font-weight: bold;
  }

.main_box{
  width: 90%;
  margin: 20px auto;
  display: flex;
  flex-wrap: wrap;
  }

.rule_box {
  width: calc(90% / 4);
  height: 550px;
  margin: 10px;
  border: solid 2px #efefef;
  justify-content: space-evenly;
  display: block;
  flex-wrap: wrap;
  }

.box_title {
    background-color: deeppink !important;
    color: #fff !important; 
    font-weight: bold;
    font-size: 1.1em !important;
    margin: auto;
    padding: 10px;
    width: 100%;
   text-align: center;
  }

 .rule_img {
  width: 90%;
  max-height: 250px;
  margin: 20px auto;
  }

.rule_content {
  width: 100%;
  color: #000;
  font-size: 16px;
  line-height: 1.5;
  padding:10px 15px;
  }

.sign_box {
  width: calc(90% / 5);
  height: 400px;
  margin: 20px auto;
  border: solid 2px #efefef;
  }
   
.sign_name {
   width: 100%;
   color: #000;
   font-weight: bold;
   text-align: center;
   margin: auto;
  padding: 20px 0px;
  }

.sign_img {
   width: 80%;
   margin:   auto;
   }

.sign_content {
   padding: 10px;
   Margin: auto;
  }

.emg_title {
  font-size: 1.5em;
  padding-left: 13px;
  text-align: left;
  border-left: solid 6px deeppink;
  }

.emg_content {
  margin: 10px;
  padding: 20px;
  width: 100%;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-evenly;
  }

.emg_cont_l {
  width: calc(300% / 4);
  padding: 10px;
  margin: auto;
  }

.cont_l_txt {
  width: 100%;
  line-height: 1.5;
  padding: 10px;
  margin: 30px auto 0px auto;
  }

.emg_cont_r {
  width: calc(100% / 4);
  margin: auto;
  padding: 10px;
  }

.gas_box_title {
  width: fit-content;
  background-color: #000;
  color:#fff;
  font-weight: bold;
  font-size: 1.5em;
  text-align: left;
  padding: 10px;
  margin-bottom: 15px;
  }

.gas_headding_list {
  width:100%;
  margin: auto;
  margin-bottom: 50px;
  display: flex;
 }

.gas_headding_img {
  width: 35%;
  margin: auto;
  }

.bd_img {
 width: 100%;
 margin: auto;
 }
}
 
@media  only screen and (max-width:768px){ 

.h_img {
   background-image: url(https://ta-japan.heteml.net/japanroadtrip.com/wp-content/uploads/2024/01/road_signs2.png);
   width: 100%;
   height: 200px;
   justify-content: center;
   display: flex;
   background-size:cover;
   background-repeat: no-repeat;
  }

.h_img_txt {
    font-size: 1.3em !important;
    line-height: 1.5;
    background-color: #fff;
    padding: 20px 50px;
    text-align: center;
    margin: auto;
    font-weight: bold;
  }

.main_box{
  width: 100%;
  margin: auto;
  justify-content: space-evenly;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 50px;
  }

.rule_box {
  width: 90%;
  margin: 20px auto;
  border: solid 2px #efefef;
  display: block;
  }

.box_title {
  background-color: deeppink !important;
  color: #fff !important;
  font-weight: bold;
  font-size: 1.3em !important;
  padding: 20px;
  width: 100%;
   text-align: center;
  }

.rule_img {
  width: 90%;
  margin: auto
  }

.rule_content {
  width: 100%;
  color: #000;
  font-size: 16px;
  line-height: 1.5;
  padding:10px 15px;
  }

.sign_box {
  width: calc(90% / 2);
  height: 370px;
  margin: 20px auto;
  border: solid 2px #efefef;
  }
   
.sign_name {
   width: 100%;
   color: deeppink;
   font-weight: bold;
   text-align: center;
   margin: auto;
   padding: 20px 0px;
  }

.sign_img {
   width: 80%;
   margin:   auto;
   }

.sign_content {
   padding: 10px;
   Margin: auto;
  }

.emg_title {
  border-left: solid 6px deeppink;
  text-align: left;
  font-size: 1.5em;
  padding-left: 8px;
  margin-bottom: 14px;
  }

.emg_content {
  margin: 10px;
  padding: 20px;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  }

.emg_cont_l {
  width: 100%;
  padding: 10px;
  margin: auto;
  }

.cont_l_txt {
  width: 100%;
  line-height: 1.5;
  padding: 10px;
  margin: 30px auto;
  }

.emg_cont_r {
  width: 100%;
  margin: auto;
  padding: 10px;
  display: flex;
  justify-content: center;
  }

.gas_box_title {
  width:fit-content;
  background-color: #000;
  color:#fff;
  font-weight: bold;
  font-size: 1.5em;
  text-align: left;
  padding: 10px;
  margin-bottom: 15px;
  }

.gas_headding_list {
 width:100%;
 padding: 20px;
 margin: auto;
 margin-bottom: 50px;
 display: block;
 }

.gas_headding_img {
  width: 90%;
  margin: auto;
  }

.bd_img {
 width: calc(100% /2);
 margin: auto;
}

}<span style="font-size:medium;"></span>


.toc-005 {
    margin-bottom: 30px;
    border-radius: 3px;
    background-color: #d9e2f7;
}

.toc-005 div {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
    padding: 10px 0;
    background-color: #6c90e5;
    color: #fff;
    font-weight: 600;
    font-size: 1.1em;
}

.toc-005 div::before {
    display: inline-block;
    width: 1em;
    height: 1em;
    margin-right: 5px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8 4H21V6H8V4ZM3 3.5H6V6.5H3V3.5ZM3 10.5H6V13.5H3V10.5ZM3 17.5H6V20.5H3V17.5ZM8 11H21V13H8V11ZM8 18H21V20H8V18Z' fill='%23fff'%3E%3C/path%3E%3C/svg%3E");
    content: '';
}

.toc-005 label::after {
    margin-left: 7px;
    font-weight: 500;
    font-size: .7em;
    color: #fff;
    content: "[開く]";
    cursor: pointer;
}

.toc-005:has(:checked) label::after {
    content: "[閉じる]";
}

.toc-005 input {
    display: none;
}

.toc-005 ol {
    list-style-type: disc;
    margin: 0;
    overflow: hidden;
}

.toc-005 > ol {
    height: 0;
}

.toc-005:has(:checked) > ol {
    height: auto;
    padding: 1em 1em 1em 3em;
}

.toc-005 ol ol {
    margin-top: 5px;
    padding-left: 1.1em;
}

.toc-005 li {
    padding: 5px 0;
    font-weight: 600;
}

.toc-005 ol ol li {
    font-weight: 500;
    font-size: .9em;
}

.toc-005 a {
    color: #333;
    text-decoration: none;
}

/*inputを非表示 & 閉じた時の位置調整*/
.open-box{
  position: relative;
}
input[type="checkbox"].on-off{
  position: absolute;
  bottom: 0;
  display: block;
  opacity: 0;
}

/*ラベル（「開く」ボタン）*/
.open-label{
  margin: 0 1.5em;
  padding: 0.8em;
  display: block;
  color: #fff;
  font-weight: bold;
  text-align: center;
  box-shadow: 0 2px 0 2px #aaa;
  background: #fcae11;
  border-radius: 10px;
  position: relative;
}
/*ボタンっぽい効果*/
.open-label:active{
  box-shadow: 0 0 0 0;
}
.open-label:hover{
  background: -webkit-linear-gradient(bottom, #fff4e0 1%,orange 80%);
  background: #f2af3a;
}
/*ラベルに表示するテキスト*/
.open-label::after{
  content:'Read more'; 
}
.on-off:checked ~ .open-label::after{
  content: 'Close';
}
/*開閉エリア*/
.open{
  padding: 1em;
  border-radius: 8px;
  height: 300px;/*ちらっと見える部分の高さ*/
  overflow: hidden;
  transition: .5s;
  position: relative;
}
.on-off:checked ~ .open{
  padding: 1.5em 1em;
  height: auto;
}

/*開閉エリアにぼかしを乗せる*/
.open::before{
  content:'';
  background: linear-gradient(to bottom, transparent,rgba(255,255,255,1)100%);
  position: absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  z-index: 3;
}
/*開いたらぼかしを消す*/
.on-off:checked ~ .open::before{
  background: none;
  z-index: -1;
}

/* 目次全体 */
.mokuji {
  color: #333;
  background: #ccc;
  border: solid 1px #aaa;
  border-radius: 15px;
  padding: 15px;
  margin: 5px 30%;
}

/* 目次の見出し */
.mokuji-midashi {
  font-size: 15px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 25px;
}

/* レスポンシブデザイン（スマホ用） */
@media (max-width: 560px) {
  .mokuji {
    padding: 10px 5px;
    margin: 5px 1%;
  }
  .mokuji-midashi {
    font-size: 13px;
  }
}

.button-container-reach {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; /* スペースを均等に */
  gap: 10px; /* ボックス間のスペース */
}

.button-box-reach {
  flex: 1 1 calc(33.333% - 10px); /* 3列にする */
  box-sizing: border-box;
  padding: 20px;
  margin: 5px 0; /* 縦方向のマージン */
  background-color: #ccc;
  border: 1px solid #aaa;
  border-radius: 5px;
  text-align: center;
  cursor: pointer;
  transition: background-color 0.3s;
}

.button-box-reach:hover {
  background-color: #bbb;
}

@media (max-width: 768px) {
  .button-box-reach {
    flex: 1 1 calc(50% - 10px); /* 2列にする */
  }
}

@media (max-width: 480px) {
  .button-box-reach {
    flex: 1 1 100%; /* 1列にする */
  }
}

/* ==== 口コミセクション ==== */
#reviews {
  background-color: #ffffff;
  padding: 50px 0;
}

.review-title {
  text-align: center;
  font-size: 2rem;
  font-weight: 700;
  color: #333;
  margin-bottom: 40px;
}

.review-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 25px;
}

.review-card {
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 3px 8px rgba(0,0,0,0.1);
  width: 320px;
  padding: 20px;
  transition: transform 0.3s ease;
}

.review-card:hover {
  transform: translateY(-5px);
}

.review-header {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}

.review-header img {
  width: 55px;
  height: 55px;
  border-radius: 50%;
  object-fit: cover;
  margin-right: 12px;
}

.review-info {
  flex: 1;
}

.review-name {
  font-weight: bold;
  color: #333;
  margin-bottom: 5px;
}

.review-stars {
  color: #f5a623;
  font-size: 1rem;
}

.review-text {
  font-size: １.95rem;
  line-height: 1.6;
  color: #555;
}

/* レスポンシブ対応 */
@media (max-width: 768px) {
  .review-container {
    flex-direction: column;
    align-items: center;
  }
  .review-card {
    width: 90%;
  }
}

/* === ✅ Carousel Section (Responsive banners) === */
.carousel-container {
width: 1170px;
    margin: 0px auto;
    font-family: "Noto Sans JP", sans-serif;
    position: relative;
    padding: 40px 0 0;
}

.carousel-container h2 {
  font-size: 22px;
  letter-spacing: .1em;
  text-align: left;
  color: #141b38;
  margin-bottom: 20px !important;
}

.carousel-wrapper {
  position: relative;
}

.carousel {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
  gap: 12px;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
  justify-content: flex-start;
}

.carousel::-webkit-scrollbar {
  display: none;
}

.plan-list-item {
  flex: 0 0 calc((100% / 4.2) - 10px); /* desktop: 4 banners + peek */
  scroll-snap-align: start;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.plan-list-item:hover {
  transform: scale(1);
}

.plan-list-item-img {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.plan-list-item-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  border-radius: 10px;
}

/* === Arrows === */
.arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background-color: rgba(255, 255, 255, 0.9);
  border: none;
  cursor: pointer;
  font-size: 24px;
  padding: 8px 23px;
  border-radius: 50%;
  box-shadow: 0 2px 6px rgba(0,0,0,0.2);
  z-index: 10;
  transition: background 0.3s ease, transform 0.2s ease;
}

.arrow:hover {
  background-color: #f1f1f1;
}

.arrow.left {
  left: -70px; /* keep inside container */
}

.arrow.right {
  right: -70px; /* keep inside container */
}

/* === Tablet: 3.5 banners === */
@media (max-width: 1024px) {
  .carousel {
    gap: 10px;
  }
  .plan-list-item {
    flex: 0 0 calc((100% / 3.5) - 8px);
  }
}

/* === Mobile: peek effect, bigger current slide === */
@media (max-width: 768px) {
  .carousel-container {
    width: 100%;
    margin: 20px auto;
　 padding: 0;
  }

  .carousel {
    gap: 0;
  }

  .plan-list-item {
    flex: 0 0 60%; /* current slide bigger */
    margin-right: 0px; /* peek of next slides */
    transform: none !important;
    padding-left: 20px;
  }

  .plan-list-item:hover {
    transform: none;
  }

  .arrow {
    display: none; /* hide arrows on mobile */
  }

  .carousel-container h2 {
    font-size: 20px;
    padding-left: 20px;
  }
}

/* === Small Phones (<480px) === */
@media (max-width: 480px) {
  .carousel-container h2 {
    font-size: 1.1rem;
  }

  .plan-list-item {
    flex: 0 0 60%; /* slightly bigger on small phones */
  }
}

/* リンク */
.campervan-plan a:active, .breadcrumb a:hover {
color:rgb(51, 204, 51)!important;
}
.contactbox a {
    color:#fff;
}
/* パンくずリストの修正 */
.breadcrumb a {
    font-size: 12px!important;
}
/* 車両ページの高さがおかしいのを修正 */
.style-hover-zoom img {
    height: auto;
}
/* 電話番号 */
.campervan_rental_office .vc_message_box.vc_message_box-solid.vc_message_box-rounded.vc_color-vista_blue .tel{
    color: #fff!important;
}
.campervan_rental_office .tel:hover {
color: #3c3!important;
opacity:1!important;
}
/* ボタンデザイン */
.campervan_rental_office .su-button span {
  padding: 20px 20px !important;
  font-weight: bold;
  font-size: 16px !important;
}
/* 車両一覧ページの画像のサイズ */
@media screen and (min-width: 767px) {
.campervan_rental_list img {
  height: 150px;
  object-fit: cover;
}
}
@media screen and (max-width: 766px) {
.campervan_rental_list img{
    width: 100%;
}
}
.campervan_rental_office img {
    margin-top: 0px !important;
}
/* translateボタン */
@media screen and (max-width: 767px) {
    div#glt-translate-trigger {
    bottom:50px;
    left:0;
}
.scrollup {
    bottom: 60px;
}
}
/* Basic修正
-------------------------------------------------- */
a:hover {
  opacity: 0.6 !important;
}
/* プライス削除 */
.price.clearfix .property-price, h4.property__price-primary .property-price {
  display: none;
}
/*車両紹介ページの検索の残骸*/
div#page .opalestate-results.row.opal-row span {
  display: none;
}
/* decoration
-------------------------------------------------- */
/* マーカー線・黄色 */
.marker8 {
  background: linear-gradient(transparent 50%, #fff799 50%);
  font-weight: bold;
  display: inline-block;
}
/* 背景色 */
.bulebg {
  background-color: #b4eeff;
  font-weight: bold;
  display: inline-block;
  padding: 5px 10px;
}
.yellowbg {
  background-color: #fff799;
  font-weight: bold;
  display: inline-block;
  padding: 5px 10px;
}
/* En Module
-------------------------------------------------- */
article#post-13832 .entry-content-page table tbody tr td {
  border: 1px solid #ddd;
}
article#post-13832 .entry-content-page table td, article#post-13832 .entry-content-page table th {
  padding: 10px 20px;
}
/* ラグビー応援キャンペーンページ
-------------------------------------------------- */
/* ボックスデザイン */
.box16 {
  padding: 0.5em 1em;
  margin: 2em 0;
  background: -webkit-repeating-linear-gradient(-45deg, #f0f8ff, #f0f8ff 3px, #e9f4ff 3px, #e9f4ff 7px);
  background: repeating-linear-gradient(-45deg, #f0f8ff, #f0f8ff 3px, #e9f4ff 3px, #e9f4ff 7px);
}
.box16 p {
  margin: 0;
  padding: 0;
}
.box6 {
  padding: 1em 2em;
  margin: 2em 0;
  background: #E9FEFB;
  border: dashed 1px #94fff0; /*点線*/
}
.box6 p {
  margin: 0;
  padding: 0;
}
/* 謎のマージン解消 */
#rugby img.ls-is-cached.lazyloaded {
  margin: 5px 20px 20px 0 !important;
}
/*ボックス*/
#rugby .box17 {
  margin: 2em 0;
  position: relative;
  padding: 0.5em 1.5em;
  border-top: solid 2px black;
  border-bottom: solid 2px black;
}
#rugby .box17:before, .box17:after {
  content: '';
  position: absolute;
  top: -10px;
  width: 2px;
  height: -webkit-calc(100% + 20px);
  height: calc(100% + 20px);
  background-color: black;
}
#rugby .box17:before {
  left: 10px;
}
#rugby .box17:after {
  right: 10px;
}
#rugby .box17 p {
  margin: 0;
  padding: 0;
}
/*見出し*/
h2.rugby {
  font-weight: bold !important;
  margin-top: 20px;
  margin-bottom: 20px;
  text-align: center;
  color: #333;
  text-shadow: 0 0 5px white;
  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);
}
@media screen and (min-width: 1024px) {
  #rugby iframe {
    width: 100%;
    height: 600px;
  }
}
/* プランページ
-------------------------------------------------- */
/* 見出し */
h2.plan {
  position: relative;
  padding-bottom: .5em;
  margin-top: 30px;
  margin-bottom: 30px;
}
h2.plan:after {
  position: absolute;
  bottom: -4px;
  left: 0;
  content: '';
  height: 4px;
  width: 100%;
  background: -webkit-repeating-linear-gradient(45deg, #fff, #fff 2px, #7ED1E6 2px, #7ED1E6 4px);
  background: repeating-linear-gradient(45deg, #fff, #fff 2px, #7ED1E6 2px, #7ED1E6 4px);
}
h4.plan {
  background-color: #00c1cf;
  padding: 1px 20px;
  display: inline-block;
  color: #fff;
  font-size: 13px;
}
span.plan-box-text {
  border: red 1px solid;
  padding: 3px 20px;
  margin-right: 10px;
  color: red;
  font-weight: bold;
  font-size: 13px;
}
span.plan-name {
  font-size: 11px !important;
  text-align: center !important;
  font-weight: bold;
}
.planclick {
  background-color: #ef114c;
  padding: 1px 5px;
  display: inline-block;
  color: #fff;
  font-size: 12px;
  text-align: right !important;
}
/* キャンピングカーページのリンクカラー */
.campervan-plan a:active, a:hover {
  color: #fff;
}
/* 見出しの位置 */
.campervan-plan .plan-item {
  text-align: center;
  font-size: 20px;
}
/* テーブルの右端切れ修正 */
.campervan-plan table tbody tr td {
  border-right: 1px solid #ddd;
}
/* メディアクエリ */
/* 左の空白削除 */
@media screen and (min-width: 1025px){
	#post-13650 > div > div.campervan-plan > div:nth-child(2) > div > div:nth-child(1), #post-13650 > div > div.campervan-plan > div:nth-child(3) > div > div:nth-child(1) {
    margin-left: -5px;
}}
@media screen and (min-width: 479px) {
  .plantag {
    background-color: #00c1cf;
    padding: 1px 5px;
    display: inline-block;
    color: #fff;
    font-size: 12px;
  }
  /*2-4列*/
  .campervan-plan .col-xs-6.col-lg-3 {
    width: 24%;
    border: 1px solid #f0f0f0;
    padding: 0 10px;
    margin: 5px;
  }
  /*4列*/
  .campervan-plan .col-xs-3.col-lg-3 {
    width: 24%;
    border: 1px solid #f0f0f0;
    padding: 0 10px;
    margin: 5px;
  }
}
@media screen and (max-width: 1024px) {
  .plantag {
    background-color: #00c1cf;
    padding: 1px 20px;
    display: inline-block;
    color: #fff;
    font-size: 12px;
  }
  /* 見出しの大きさ */
  .campervan-plan .plan-item {
    font-size: 15px !important;
  }
  /*4列*/
  .campervan-plan .col-xs-3.col-lg-3 {
    width: 25%;
    padding: 5px;
  }
  /*2-4列*/
  .campervan-plan .col-xs-6.col-lg-3 {
    width: 48%;
    border: 1px solid #f0f0f0;
    padding: 5px;
    margin: 3px;
  }
}
@media screen and (max-width: 479px) {
  .plantag {
    background-color: #00c1cf;
    padding: 1px 5px;
    display: inline-block;
    color: #fff;
    font-size: 11px;
  }
  /* 見出しの大きさ */
  .campervan-plan .plan-item {
    font-size: 13px !important;
  }
}
@media screen and (max-width: 479px) {
  .plantag {
    background-color: #00c1cf;
    padding: 1px 5px;
    display: inline-block;
    color: #fff;
    font-size: 11px;
  }
  /* 見出しの大きさ */
  .campervan-plan .plan-item {
    font-size: 12px !important;
  }
}
/* PCレイアウト調整
-------------------------------------------------- */
/* 戻るボタンのかぶり */
@media (min-width: 479px) {
  .scrollup {
    right: 20px;
    bottom: 60px;
    width: 40px;
    height: 40px;
    line-height: 40px;
  }
  .sp-box {
    display: none;
  }
}
@media screen and (max-width: 479px) {
  /* プランページ */
  .sp-box {
    text-align: center;
    background-color: #f0f0f0;
    padding: 10px 10px;
  }
  .pc-box {
    display: none;
  }
}
/* スマホレイアウト調整
-------------------------------------------------- */
@media screen and (max-width: 479px) {
  h2 {
    font-size: 18px !important;
  }
  h3 {
    font-size: 16px !important;
  }
  h4 {
    font-size: 15px !important;
  }
  p, li, strong, td {
    font-size: 14px !important;
  }
}
/* フォント調整
-------------------------------------------------- */
body {
  font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", "Hiragino Kaku Gothic ProN", sans-serif;
  font-kerning: auto;
  font-variant-ligatures: none;
  letter-spacing: 1.7px;
  line-height: 1.75 !important;
  color: #333;
}
h2, h3, h4, h5 {
  font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", "Hiragino Kaku Gothic ProN", sans-serif !important;
  color: #333;
}
/* YouTubeレスポンシブ
-------------------------------------------------- */
.movie-wrap {
  position: relative;
  padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
  height: 0;
  overflow: hidden;
}
.movie-wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/* Q & A
-------------------------------------------------- */
.cp_qa *, .cp_qa *:after, .cp_qa *:before {
  font-family: 'FontAwesome', sans-serif;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.cp_qa dt, .cp_qa dd {
  position: relative;
  padding: 0.5em;
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
  border-radius: 0.3em;
}
.cp_qa dt {
  margin: 0 3em 1em 3em;
  background: #ffe0b2;
}
.cp_qa dd {
  margin: 0 3em 3em 3em;
  background: #b2ebf2;
}
/* 吹き出し▶︎ */
.cp_qa dt::before, .cp_qa dd::before {
  position: absolute;
  z-index: 99;
  top: 0.5em;
  display: inline-block;
  width: 0;
  height: 0;
  content: '';
  border-style: solid;
}
/* 質問吹き出し▶︎ */
.cp_qa dt::before {
  left: -0.5em;
  border-width: 5px 8.7px 5px 0;
  border-color: transparent #ffe0b2 transparent transparent;
}
/* 答え吹き出し▶︎ */
.cp_qa dd::before {
  right: -0.5em;
  border-width: 5px 0 5px 8.7px;
  border-color: transparent transparent transparent #b2ebf2;
}
/* ?!アイコン */
.cp_qa dt::after, .cp_qa dd::after {
  font-size: 1.2em;
  position: absolute;
  top: 0;
  color: #ffffff;
  border-radius: 50%;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  line-height: 1.2em;
}
/* ?アイコン */
.cp_qa dt::after {
  left: -2.5em;
  margin: 0 0.5em 0 0;
  padding: 0.2em 0.35em;
  content: 'Q';
  background: #f57c00;
}
/* !アイコン */
.cp_qa dd::after {
  right: -2.5em;
  margin: 0 0 0 0.5em;
  padding: 0.2em 0.4em;
  content: 'A';
  background: #0097a7;
}
/* 元々入っていたCSS
-------------------------------------------------- */
.property__details-item {
  position: relative;
  color: #222222;
  margin-bottom: 15px;
  padding-left: 20px;
}
.sidebar-single-property .widget .widget-title {
  margin-bottom: 30px;
  font-size: 20px;
  color: #607D8B;
  text-transform: capitalize;
}
@media (max-width: 992px) {
  #pbr-masthead .logo-wrapper {
    text-align: center;
    margin-left: 15px;
    min-width: auto;
  }
}
.widget {
  margin-bottom: 30px !important;
  position: relative;
  padding: 0;
  background: transparent;
}
body {
  font-size: 16px;
  color: #222;
}
.vc_grid-item .vc_grid-item-mini .vc_gitem-zone .vc_gitem-zone-mini .vc_gitem_row .vc_gitem-col .vc_gitem-post-data-source-post_excerpt {
  max-height: 90px;
}
.col-sidebar.style-1 .sidebar .widget {
  padding: 20px 20px;
}
/*車両ページ---------------------------------------------------------------------------*/
	.vehicle-option{
		padding-bottom: 40px;
		margin-bottom: 40px;
		border-bottom: 1px solid #ccc;
	}
.vehicle-option__list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}

.vehicle-option__item {
  text-align: center;
  border-radius: 5px;
  background-color: #f3f3f3;
  overflow: hidden;
}
.vehicle-option__name {
    font-weight: bold;
    font-size: 14px;
    margin-bottom: 5px;
}
.vehicle-option__price{
    font-size: 13px;
}


	/* 全体のリストスタイル */
.season-price-list {
    list-style: none; /* リストマーカーを削除 */
    padding: 0;
    margin: 0;
    font-size: 16px;
    color: #333; /* テキストの色 */
}

/* 各料金項目のデザイン */
.season-price-item {
    margin-bottom: 15px; /* 各項目の間隔 */
    padding: 10px 15px;
    background-color: #fff;
    border-radius: 8px; /* 角丸 */
    line-height: 1.5;
}

/* シーズン名のスタイル */
.season-title {
    font-weight: bold; /* 太字 */
    font-size: 16px; /* 少し大きく */
    color: #555; /* 見出し用の色 */
}

/* 期間（括弧内）のスタイル */
.season-period {
    font-size: 14px; /* 小さめの文字サイズ */
    color: #888; /* 薄いグレー */
}

/* 料金部分のスタイル */
.season-price {
    font-size: 18px; /* 大きくして目立たせる */
    margin-right: 5px;
}

/* 単位部分のスタイル */
.season-duration {
    font-size: 14px; /* 小さくして補足的に表示 */
    color: #555;
}

	/* 予約するボタン */
.sidebar a.reserve-button{
    display: block;
    padding: 15px;
    font-weight: bold;
    background: #ed1fc4;
    border-radius: 5px;
    text-align: center;
}

/* タイトル部分 */
.price-box h2 {
    font-size: 20px;
    margin-bottom: 10px;
    font-weight: bold;
    color: #333; /* テキスト色 */
}

/* メイン料金表示 */
.price-display {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 15px;
	 color: #ed1fc4;
}
	.price-display span{
		font-size: 16px;
		font-weight: normal;
		color: #333;
	}
/* クラス名の表示 */
.price-box h3 {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
    color: #555;
}

/* 料金詳細リスト */
.price-details {
    list-style: none; /* リストマーカーを削除 */
    padding: 0;
    margin: 0;
    font-size: 16px;
    color: #333;
}

.price-details li {
    margin-bottom: 8px; /* リスト間の余白 */
}

/* レスポンシブ対応 */
@media (max-width: 768px) {
    .price-box {
        max-width: 100%; /* スマホやタブレットでは幅を100%に */
        padding: 15px;
    }

    .price-display {
        font-size: 20px;
    }

    .price-box h3 {
        font-size: 16px;
    }

    .price-details li {
        font-size: 14px;
    }
}

.vehicle-detail .content-area {
    display: flex;
    max-width: 1170px;
    margin: 0 auto;
    gap: 20px;
	align-items: flex-start; 
}

.vehicle-detail .main-content {
    flex: 3;
    max-width: 870px;
	padding-right: 40px;
}

.vehicle-detail .sidebar {
    flex: 1;
    max-width: 300px;
    background-color: #f8f8f8;
    padding: 20px;
    border-radius: 8px;


}


	/* 支払い方法全体のスタイル */
.payment {

    	border-bottom: 1px solid #ccc;
    margin-bottom: 40px;
		padding-bottom: 40px;
}

/* 見出しのスタイル */
.payment h2 {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 15px;
}

/* 支払い方法のリスト */
.payment-list {
    list-style: none;
    padding: 20px;
    border: 1px solid #ccc;
    border-radius: 8px;
    background-color: #f3f3f3;
}
.payment-list li:last-child{
    border-bottom: none;
}
/* 支払い方法の項目 */
.payment-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px;
    border-bottom: 1px solid #ccc;
}

/* 支払い方法名のスタイル */
.payment-name {
    font-size: 16px;
    color: #333;
}

/* クレジットカードの画像スタイル */
.payment-logo {
    width: 150px; /* 画像の幅を調整 */
    height: auto;
}

.cancellation-policy{
	border-bottom: 1px solid #ccc;
    margin-bottom: 40px;
		padding-bottom: 40px;
}
	/* キャンセルポリシー全体のコンテナ */
.cancel-policy-container {
    font-family: Arial, sans-serif;
    line-height: 1.6;
    margin-bottom: 20px;
    padding: 20px;
    border-radius: 8px;
    background-color: #f3f3f3;
    border: 1px solid #ccc;
}

/* ポリシーの説明文 */
.cancel-policy-intro {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 20px;
}

/* ポリシー詳細リスト */
.cancel-policy-details {
    margin-top: 20px;
}

/* 各ポリシー項目 */
.cancel-policy-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
    border-bottom: 1px solid #ddd;
}
.cancel-policy-item:last-child {
    border-bottom: none;
}
.cancel-policy-time {
    font-size: 14px;
    font-weight: bold;
    color: #333;
    flex: 1;
}

.cancel-policy-fee {
    font-size: 14px;
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: end;
}

.cancel-policy-fee span {
    display: block;
    color: red;
}


	.precautions{
			border-bottom: 1px solid #ccc;
    margin-bottom: 40px;
		padding-bottom: 40px;
	}
	.prohibitions{
	border-bottom: 1px solid #ccc;
    margin-bottom: 40px;
			padding-bottom:40px;
	}
	.vehicle-detail h3{
		position: relative;
		font-size: 18px;
		margin-left: 20px;
	}
	.vehicle-detail h3::before {
  content: '■'; /* ■を追加 */
  color: #333; /* ■の色 */
  position: absolute;
  left: -20px; /* タイトルの左に配置 */
  top: 0; /* 上下の位置を調整 */
}
		.access{
	border-bottom: 1px solid #ccc;
    margin-bottom: 40px;
	  padding-bottom:40px;
}
	
	.vehicle-equipment{
	border-bottom: 1px solid #ccc;
	 padding-bottom:40px;
    margin-bottom: 40px;
	}
	.vehicle-details{
	border-bottom: 1px solid #ccc;
    margin-bottom: 40px;
	}
	.vehicle-detail .content-area .main-content h2{
		font-size:26px;
		margin-bottom:20px;
	}
	.vehicle-summary{
    border-bottom: 1px solid #ccc;
    margin-bottom: 40px;
}
	.vehicle-summary-table .summary-item dt i{
	 margin-right: 5px;
    color: #999;
    width: 25px;
	}
	.vehicle-summary-table{
    display: table;
    width: 100%;
    border-spacing: 0 10px;
}

.vehicle-summary-table .summary-item {
    display: table-row;
}

.summary-item dt {
    font-weight: bold;
    display: table-cell;
    width: 200px; /* ラベルの長さを統一 */
    padding-right: 10px;
    text-align: left; /* 項目名を右揃え */
    vertical-align: top;
}

.summary-item dd {
    display: table-cell;
    margin: 0;
    vertical-align: top;
}

	
	
	
	.vehicle-specs {
    display: table;
    width: 100%;
    border-spacing: 0 10px;
}

.vehicle-specs .spec-item {
    display: table-row;
}

.vehicle-specs dt {
    font-weight: bold;
    display: table-cell;
    width: 200px; /* ラベルの長さを統一 */
    padding-right: 10px;
    text-align: left; /* 項目名を右揃え */
    vertical-align: top;
}

.vehicle-specs dd {
    display: table-cell;
    margin: 0;
    vertical-align: top;
}

	

	
	.vehicle-class{
		color: #fff;
    background: #848788;
    padding: 5px 15px;
    display: inline-block;
    margin-bottom: 10px;
    border-radius: 30px;
    font-size: 14px;
	}
	.vehicle-detail h1{
		font-size: 26px;
	}
    .vehicle-detail h1 span{
		margin-left: 10px;
		padding-left: 10px;
		border-left:1px solid #ccc;
	}
/* ギャラリー全体 */
.image-gallery {
    display: flex;
    gap: 10px;
    height: 375px; 
    position: relative;
    margin-bottom: 30px;
}

/* メイン画像エリア */
.main-image {
    width: 625px;
    height: 100%; 
}

.main-image img {
    width: 100%;
    height: 100%;     
    object-fit: cover;
    border-radius: 10px;
}

/* サムネイルエリア */
.thumbnail-grid {
    width: 50%;
    height: 100%; 
    display: grid;
    grid-template-columns: 1fr 1fr;   
    grid-template-rows: 1fr; 
    gap: 8px;
}

.thumbnail-item {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

/* 画像本体 */
.thumbnail-item img {
    width: 100%;
    height: 100%;     
    object-fit: cover; 
    display: block;
    border-radius: 10px;
}



/* 「全ての画像を表示」ボタン */
.show-all-button {
    position: absolute;
    bottom: 22px;
    right: 10px;
    padding: 10px 20px;
    background-color: #ed1fc4;
    color: white;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 14px;
    z-index: 1;
}

.show-all-button:hover {
    background-color: #b21693;
}

/* モーダルのスタイル */
.modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 9999;
    align-items: center;
    justify-content: center;
}

.modal-content {
    display: flex; /* 修正: もともと表示されるように */
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
    max-width: 80%;
    max-height: 80%;
    overflow-y: auto;
    background-color: rgba(0, 0, 0, 0.9); /* 背景色を変更 */
    padding: 20px;
    border-radius: 10px;
}

.modal-content img {
    max-width: 500px;
    height: auto;
    object-fit: cover;
    border-radius: 8px;
}

.close {
    position: absolute;
    top: 20px;
    right: 40px;
    color: white;
    font-size: 80px;
    cursor: pointer;
}
/* 装備リストのコンテナ */
.equipment-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start; /* 左揃え */
    gap: 20px; /* アイテム間の間隔 */
    max-width: 900px; /* 全体の幅を調整（必要に応じて変更） */
    margin: 0 auto; /* 中央揃え */
	padding-left: 0;
	margin-bottom: 25px;
}

/* 装備アイテム */
.equipment-item {
    width: calc(25% - 15px); /* 4列分の幅を指定（余白を考慮） */
    display: flex;
    align-items: center;
    padding: 10px;
	 color: #ccc;
    font-size: 12px;
    border: 1px solid #ccc;
    border-radius: 5px;
    background-color: #f9f9f9;
    transition: background-color 0.3s ease, color 0.3s ease;
    box-sizing: border-box; /* パディングを含む幅計算 */
}

/* アイコンスタイル */
.equipment-item i {
    margin-right: 6px;
    font-size: 14px;
    color: #ccc;
}

/* 選択時のスタイル */
.equipment-item.selected {
    background-color: #fff0fa;
    border-color: #ed1fc4;
}

.equipment-item.selected i {
    color: #ed1fc4;
}

.equipment-item.selected span {
    color: #ed1fc4;
}

	.equipment-item i {
    font-family: "Font Awesome 6 Free"; /* Font Awesomeのフォントを強制指定 */
    font-weight: 900; /* アイコンのスタイルを適用 */
    width: 25px;
}
	.basic-btn, .reserve-btn {
    background-color: #ed1fc4;
    box-shadow: 0 5px 0 0 #ac168f;
}
	.btn-more-wp .basic-btn, .reserve-btn:hover{
    background-color: #ed1fc4;
}

.reserve-button:hover {
    background-color: #0056b3;
}

.no-reservation {
    color: red;
    font-size: 14px;
    margin-top: 10px;
}


	.acf-map {
    width: 100%;
    height: 400px;
    position: relative;
	  margin-bottom: 20px;
    border-radius: 10px;
}
.marker {
    position: absolute;
    top: 0;
    left: 0;
}

/* ===================================================================
   ▼▼▼ スマホ用レイアウト修正（768px以下） ▼▼▼
   =================================================================== */

@media (max-width: 768px) {

  /* --------------------------------------------------
     1. レイアウト調整（サイドバー落ち＆余白確保）
     -------------------------------------------------- */
  .vehicle-detail .content-area {
      display: flex !important;
      flex-direction: column !important; /* 縦並び */
      padding: 0 15px !important;        /* 左右に余白 */
      width: 100% !important;
      box-sizing: border-box !important;
      gap: 0 !important;
  }

  /* メインコンテンツとサイドバーの幅を100%に */
  .vehicle-detail .main-content{
 
      width: 100% !important;
      max-width: 100% !important;
      flex: none !important;
      padding: 0 !important;
      margin: 0 !important;
  }

  /* フォントサイズ調整 */
.vehicle-detail h1{
font-size: 20px;
}
  .vehicle-detail h2,
  .vehicle-detail .content-area h2 {
      font-size: 18px !important;
      margin-bottom: 10px !important;
  }

  /* --------------------------------------------------
     2. 画像ギャラリー（3列グリッド表示）
     -------------------------------------------------- */
  .vehicle-detail .image-gallery {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    margin-bottom: 0 !important;
    padding: 0 !important;
    height: auto;
  }

  /* メイン画像（1枚目） */
  .vehicle-detail .main-image {
    width: 100% !important;
    margin: 0 !important;
  }
   
  .vehicle-detail .main-image img {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 16 / 9 !important;
    object-fit: cover !important;
    border-radius: 8px !important;
    margin: 0;
  }

  /* サムネイルエリア（3列グリッド化） */
  .vehicle-detail .thumbnail-grid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important; /* 強制的に3列 */
　 grid-template-rows: 1fr !important;
height: auto !important;
    min-height: 0 !important;
    gap: 10px !important; 
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    flex-wrap: wrap !important;
    background: none !important;
    border: none !important;
  }

  /* ★4枚目以降を非表示（ここが一番重要） */
  /* nth-of-type を使うことで、間に余計なタグが入っても無視してカウントします */
  .vehicle-detail .thumbnail-grid .thumbnail-item:nth-of-type(n+4) {
    display: none !important;
  }

  /* サムネイル画像アイテムのスタイル */
  .vehicle-detail .thumbnail-item {
    width: 100% !important;
    flex: none !important;
    margin: 0 !important;
    padding: 0 !important;
    background: none !important;
  }

  .vehicle-detail .thumbnail-item img {
    width: 100% !important;
    height: 100% !important;
    aspect-ratio: 16 / 9 !important;
    object-fit: cover !important;
    border-radius: 8px !important;
  }

  /* 「全ての画像を表示」ボタン */
  .vehicle-detail .show-all-button {
    position: static !important;
    width: 100% !important;
    margin-top: 0px !important;
    margin-bottom: 10px !important;
    padding: 12px !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    background: #f3f3f3;
    color: #333;
    border: 1px solid #ccc;
  }

  /* --------------------------------------------------
     3. モーダル（全画像リスト）
     -------------------------------------------------- */
  /* モーダルにも vehicle-detail を付けていますが、
     もし構造上外にある場合は効かないため、予備で .modal も指定 */
  .vehicle-detail .modal,
  .modal { 
    z-index: 2147483647 !important; /* 最前面に */
    padding-top: 50px !important;
    background-color: rgba(0,0,0, 0.95) !important;
  }

  .vehicle-detail .modal-content,
  .modal-content {
    display: block !important;
    width: 95% !important;
    max-width: 100% !important;
    height: 90% !important;
    margin: 0 auto !important;
    padding: 0 0 50px 0 !important;
    overflow-y: scroll !important;
    -webkit-overflow-scrolling: touch !important;
  }

  .vehicle-detail .modal-content img,
  .modal-content img {
    width: 100% !important;
    margin-bottom: 15px !important;
    display: block !important;
  }
  
  .vehicle-detail .close,
  .close {
    position: fixed !important;
    top: 15px !important;
    right: 20px !important;
    z-index: 2147483648 !important;
  }
.vehicle-summary-table .summary-item dt i {
    width: 20px;
}
.summary-item dt {
    width: 175px;
}
.vehicle-summary {
margin-bottom: 25px;
}
.vehicle-details {
margin-bottom: 25px;
}
.vehicle-specs dt {
    width: 175px;
}
.vehicle-option__list {
    grid-template-columns: repeat(2, 1fr);
}
.vehicle-equipment {
    padding-bottom: 10px;
    margin-bottom: 25px;
}
.equipment-list {
    gap: 15px;
}
.equipment-item {
    width: calc(50% - 8px);
}
.equipment-item i {
    width: 13px;
}
.equipment-item span{
    font-size: 12px;
    line-height: 1.5;
}
.vehicle-option {
    padding-bottom: 30px;
    margin-bottom: 25px;
}
.access {
    margin-bottom: 25px;
    padding-bottom: 25px;
}
.prohibitions {
    margin-bottom: 25px;
    padding-bottom: 25px;
}
.precautions {
    margin-bottom: 25px;
    padding-bottom: 25px;
}
.payment {
    margin-bottom: 25px;
    padding-bottom: 25px;
}
.cancellation-policy {
  margin-bottom: 25px;
    padding-bottom: 25px;
}
.vehicle-class {
    padding: 3px 15px;
    margin-bottom: 10px;
    font-size: 10px;
}
.vehicle-search-form {
   padding: 15px;
   margin-top: 0;
   border-radius: 0;
   gap: 15px;
}
.search-form__checkbox-group {
   gap: 10px;
}
.search-form__group label {
   margin: 0;
}
.vehicle-list{
   padding: 0 15px;
}
.vehicle-list__items {
   flex-direction: column;
}

    
    .sidebar {
        width: 100%;
        max-width: 100% !important;
        position: fixed!important;
        bottom: 0;
        left: 0;
        right: 0;      
        width: 100%;     
        height: auto !important;  /* 高さを中身に合わせる（画面を覆わないように） */
        top: auto !important;     /* 上部からの距離指定を解除 */
        max-height: 100px;        /* 念のため高さの上限を決めておく */
        overflow: visible;        /* スクロール設定を解除 */
        background-color: #fff;
        z-index: 9999!important;
        border-top: 1px solid #ddd;
        box-shadow: 0 -2px 10px rgba(0,0,0,0.1);
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 15px!important;
        box-sizing: border-box;
        z-index:100;
    }

    /* 以下は前回と同じ（不要な要素を消す・整える） */
    .price-box h2,
    .price-box h3,
    .season-price-list {
        display: none !important; /* 確実に消すために !important を付与 */
    }

    .price-box {
        padding: 0;
        margin: 0;
        width: auto;
        background: transparent; /* 背景色が悪さをしないように透明に */
    }

    .price-display {
        margin-bottom: 0;
        font-size: 20px;
        text-align: left;
        line-height: 1.2;
    }
    
    .price-display span {
        font-size: 12px;
        color: #666;
        margin-left: 5px;
    }

    .sidebar a.reserve-button {
        display: inline-block;
        width: auto;
        min-width: 120px;
        padding: 10px 15px;
        margin: 0;
        font-size: 14px;
        height: auto; /* ボタンの高さもリセット */
    }
    .pagetop {
        position: fixed;
        bottom: 70px;
        right: 10px;
}