@charset "UTF-8";
  body{
background: var(--gray);
}
main{
position: relative;
text-align: center;
}
h2[name="tour_ttl"]::before{
height: 0;
}
.tour_h_img{
background-image: url(//en.hij-limoservice.com/en/wp-content/themes/en/img/tour_img.jpg);
width: 100%;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
position: relative;
height: 243px;
top: 2vw;
max-width: 1000px;
margin: auto;
padding-bottom: 3vw;	
}
.tour_img_wp{
display: flex;
justify-content: center;
margin-bottom: 30px;
}
.tour_img_wp img{
margin-bottom: 6px;
}
.tour_img_wp p{
font-size: 14px;
line-height: 1.2;
}
.tour_img_wp > div{
margin-right: 20px;
max-width: 424px;
width: 45vw;
}
.tour_card_img + p{
text-align: center;
margin-top: 10px;
line-height: 1.25;
}
.tour_card_img[name="ponyo"]{
border-radius: 10px;
width: 320px;
display: inline-block;
margin-bottom: 20px;
margin-right: 10px;
}
.ponyo_wrap{
background-color: #F7F0DE;
padding: 0px 15px 15px;
width: 730px;
margin: 42px auto;
border-radius: 13px;
box-shadow: 6px 5px 6px -3px #ababab;
}
.ponyo_wrap p:nth-child(1){
background: #fff;
display: inline-block;
padding: 7px;
color: #DA596C;
border: solid 1.5px #DA596C;
border-radius: 6px;
letter-spacing: .5px;
position: relative;
left: -350px;
top: -20px;
transform: rotate(-10deg);
}
.ponyo_wrap p:nth-child(2){
font-size: 17px;
margin-bottom: 17px;
line-height: 1.4;
word-break: break-word;
}
.required_time{
font-size: 18px;
}
.course[name="heritage_tour"]{
margin-bottom: 30px;
}
.required_time[name="heritage_tour"]{
margin-bottom: 12px;
}
.course{
font-size: 20px;
line-height: 1.5;
padding: 0px 10px 0;
}
.required_time,.course{
margin-bottom: 30px;
}
.pax_wrap{
display: inline-block;
margin-right: 10px;
margin-left: 10px;
}
.pax_wrap .pax:first-of-type{
margin-right: 2px;
}
.pax{
background: #3a3a3a;
display: inline-block;
color: #fff;
padding: 8px;
font-size: 16px;
margin-bottom: 10px;
width: 150px
}
.pax p{
color:var(--gray);
}
.pax p:nth-child(1){
font-size: 20px;
}
.pax p:nth-child(2){
font-size: 14px;
margin-top: 3px;
line-height: 1.2;
}
.fee{
font-size:24px;
} @media screen and (max-width: 810px){
.ponyo_wrap{
width: 80vw;
}
.tour_card_img[name="ponyo"] {
width: 80%;
}
.ponyo_wrap p:nth-child(1){
left:-46%;
}
.tour_h_img {
padding-bottom: 1vw;
top: 3vw;
}
.required_time, .course {
margin-bottom: 10px;
}
} @media screen and (max-width: 649px){
h1 {
font-size: 26px;
}
section {
padding: 40px 0 20px;
}
h2[name="tour_ttl"]{
margin-bottom: 10px;
font-size: 21px;
}
.tour_h_img {
background-size: cover;
height: 163px;
top: 12vw;
padding-bottom: 5vw;
}
.under_ttl_wrap {
top: -52%;
}
.underlayer_s {
font-size: 14px;
}
.under_ttl {
margin-bottom: 8px;
}
.translate {
font-size: 14px;
margin: 0px 15px;
}
.tour_img_wp {
display: block;
}
.tour_img_wp > div {
margin-right: 20px;
max-width: 424px;
width: 70%;
margin: 0 auto 25px;
}
.tour_card_img + p {
margin-top: 4px;
}
.required_time,.tour_card_img + p {
font-size: 16px;
line-height: 1.3;
}
.tour_img_wp:nth-child(1) > div {
margin-right: 0;
margin-right: 10px;
}
.tour_img_wp:nth-child(2) > div {
margin-left: 10px;
}
.course {
font-size: 18px;
}
.pax p:nth-child(1) {
font-size: 17px;
}
.fee {
font-size: 20px;
}
.pax p:nth-child(2) {
font-size: 12px;
}
.pax_wrap {
margin: 0 10px 20px;
}
.ponyo_wrap p:nth-child(1) {
left: -40%;
}
.ponyo_wrap p:nth-child(2) {
font-size: 15px;
line-height: 1.5;
}
h2 + p {
line-height: 1.5;
margin: 0 10px 10px;
font-size: 14px;
}
}