@charset "utf-8";

#intro > div article p strong {
font-weight: bold;
text-decoration: underline;
}

#news table th, #news table td {
vertical-align: top;
}

#campaign {
display: block;
width: 100%;
max-width: 100rem;
margin: 3rem auto;
color: #086736;
border: 1rem solid #086736;
text-align: center;
font-size: 3rem;
font-weight: bold;
padding: 2rem 0;
cursor: pointer;
transition: 0.3s;
}
#campaign:hover {
text-decoration: none;
opacity: 0.5;
transition: 0.3s;
}
.ru_price {
margin-top: -2rem;
.ru_price th {
text-align: left;
}
font-weight: 500;
}
.muu {
margin-top: 5rem !important;
}
#store_icon2022_2 > div h4 {
font-weight: bold;
}
.mmb {
margin-bottom: 1rem;
}
.cpc_link a {
text-decoration: underline !important;
}
#onc {
text-align: center;
margin-top: 1rem;
}
#hdr_catch img {
width: 100%;
height: auto;
}
#dealer ul li a {
color: #D5952C;
}
.shop_title span {
font-size: 0.6em;
}


/* PC用
------------------------------------------------------------*/
@media only screen and (min-width: 1140px) {

/* トップページ */
#top_banner {
width: 100rem;
margin: 5rem auto;
text-align: center;
}
#top_banner img {
max-width: 100%;
height: auto;
}
#hdr_catch {
height: 66rem;
}
#hdr_catch div {
height: 66rem;
}
#hdr_catch div div {
width: 100rem;
height: 66rem;
margin: 0 auto;
}
#news {
display: flex;
justify-content: space-between;
font-size: 1.6rem;
line-height: 3rem;
}
#news > div:first-child {
width: 75rem;
height: 24rem;
overflow: auto;
}
#news > div:last-child {
width: 34rem;
}
#news > div:last-child div {
margin-bottom: 2rem;
}
#news table {
width: 100%;
line-height: 2rem;
}
#news th {
text-align: left;
font-weight: 500;
width: 16%;
}
article#news > a {
display: block;
width: 20rem;
padding: 3rem 4rem;
border: 0.1rem solid #5e6160;
background: url("../img/top/read_more.png") no-repeat center;
background-size: 80%;
transition: 0.3s;
margin: 6rem 1rem 6rem auto;
}
article#news > a:hover {
text-decoration: none;
opacity: 0.4;
transition: 0.3s;
}
article#news table a {
color: #000;
text-decoration: none !important;
}
article#news table a:hover {
color: #000;
text-decoration: underline!important;
}
#sns {
display: flex;
justify-content: space-between;
margin: 5rem 0;
}
#sns article {
width: 49rem;
}
#sns h3 {
font-size: 3.6rem;
font-weight: bold;
margin-bottom: 2rem;
font-family: "arial";
}
#sns h3 a {
text-decoration: none !important;
}
#sns h3 img {
vertical-align: -1rem;
margin-right: 1rem;
}
#sns article:first-child h3 {
color: #0165e1;
}
#sns article ul {
margin-bottom: 2rem;
}
#motto {
text-align: center;
margin: 8rem 0 5rem 0;
}
#motto h3 {
font-size: 2.4rem;
font-weight: bold;
margin-bottom: 1.6rem;
}
#motto p {
background: url("../img/top/back_cool.png");
font-weight: bold;
font-size: 2rem;
line-height: 4.2rem;
padding: 4rem 0;
color: #fff;
text-shadow: 0.1rem 0.1rem 0 #000;
}
.new_motto p {
font-size: 1.6rem !important;
padding: 4rem 5rem !important;
}
#intro {
text-align: center;
}
#intro h3 {
color: #5A4A3F;
font-size: 2.4rem;
font-weight: bold;
margin-bottom: 5rem;
}
#intro > div {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
#intro > div article {
width: 48.6rem;
margin-bottom: 4rem;
}
#intro > div article a img {
transition: 0.3s;
}
#intro > div article a img:hover {
opacity: 0.7;
transition: 0.3s;
}
#intro > div article img {
margin-bottom: 2rem;
}
#intro > div article h4 {
color: #5A4A3F;
font-size: 1.6rem;
font-weight: bold;
margin-bottom: 1rem;
}
#intro > div div {
width: 48.6rem;
height: 19.7rem;
transition: 0.3s;
}
#intro > div div:hover {
opacity: 0.5;
transition: 0.3s;
}
#intro > div div a {
display: block;
border: 0.1rem solid #7D7D7D;
height: 100%;
padding: 7rem 0 0 0;
text-decoration: none;
}
#intro > div div a:link {
color: #5A4A3F;
}
#intro > div div a:visited {
color: #5A4A3F;
}
#intro > div div a:hover {
color: #5A4A3F;
text-decoration: none;
}
#intro > div div a:active {
color: #5A4A3F;
}
#intro > div div a h3 {
margin-bottom: 1rem;
font-size: 1.8rem;
}
#top_hr {
border-top: 0.5rem solid #7D7D7D;
border-bottom: none;
}
#top_copy {
margin: 5rem 0;
display: flex;
justify-content: space-between;
}
#top_copy article {
background: #086736;
color: #fff;
font-weight: bold;
padding: 3rem 4rem 3rem 5rem;
}
#top_copy article:first-child {
width: 40%;
font-size: 1.8rem;
}
#top_copy article:last-child {
width: 58%;
font-size: 1.7rem;
line-height: 2.8rem;
}
#top_copy article:first-child h2 {
font-weight: bold;
font-size: 2rem;
margin-bottom: 0.6rem;
}
#top_copy article:first-child div {
margin-bottom: 4rem;
}
#top_copy article:first-child ul {
border-left: 0.5rem solid #fff;
padding-left: 2rem;
font-size: 2.2rem;
margin-bottom: 3rem;
}
#top_copy article:first-child p {
text-align: right;
}
#top_copy article:first-child ul li {
margin-bottom: 1.4rem;
}
#top_copy article:first-child ul li:last-child {
margin-bottom: 0;
}
#top_copy article:last-child p {
margin-top: 4rem;
}
#top_gallery {
background: url("../img/top/back_cool.png");
padding: 3.6rem 0;
}
#top_gallery > div {
display: flex;
justify-content: space-between;
width: 100rem;
margin: 0 auto;
}
#top_gallery > div div {
width: 31rem;
position: relative;
}
#top_gallery > div div::after {
position: absolute;
top: 0;
left: 0;
width: 31rem;
height: 20.6rem;
color: #fff;
font-weight: bold;
box-sizing: border-box;
}
#top_gallery > div div:first-child::after {
content: "GO OUT!";
padding: 17.6rem 1rem 1rem 1rem;
}
#top_gallery > div div:nth-child(2)::after {
content: "GO FIELD!";
padding: 17.6rem 1rem 1rem 1rem;
}
#top_gallery > div div:last-child::after {
content: "Enjoy Field!";
padding: 17.6rem 1rem 1rem 1rem;
}

#btn_sns {
text-align:center;
margin: 3rem auto;
display: flex;
justify-content: space-between;
}
#btn_sns div {
width: 49rem;
}

#btn_sns img{
margin-right: 3rem;
}
    
#ban_store {
position: relative;
width: 50rem;
margin: 5rem auto 0 auto;
}
#ban_store img:hover {
opacity: 0.8;
transition: 0.5s;
}

#new_icon {
width: 42.7rem;
margin: 5rem auto 0 auto;
display: flex;
justify-content: space-between;
}
#new_icon2 {
width: 50rem;
margin: 5rem auto 0 auto;
background: url("../img/top/back_store_icon.png");
padding: 3.6rem;
}
#new_icon2 h2 {
margin-bottom: 4rem;
text-align: center;
}
#new_icon2 > div {
display: flex;
justify-content: space-between;
}
.ban2021 {
width: 80rem;
margin: 5rem auto;
}
#sale1, #sale2, #sale3 {
width: 80rem;
margin: 0 auto;
}
#sale1 {
margin-top: 5rem;
}

#campaign {
display: block;
width: 100%;
max-width: 100rem;
margin: 3rem auto;
color: #086736;
border: 1rem solid #086736;
text-align: center;
font-size: 3rem;
font-weight: bold;
padding: 2rem 0;
cursor: pointer;
transition: 0.3s;
}
#campaign:hover {
text-decoration: none;
opacity: 0.5;
transition: 0.3s;
}
.ru_price {
margin-top: -2rem;
}
.ru_price th {
text-align: left;
font-weight: 500;
}

#ban_sale2022 {
width: 100rem;
margin: 5rem auto;
}
#store_icon2022 {
width: 50rem;
margin: 0 auto;
background: url("../img/top/back_store_icon.png");
padding: 3.6rem;
}
#store_icon2022 > div {
display: flex;
justify-content: space-between;
}
#store_icon2022 > h3 {
width: 29.9rem;
margin: 2rem auto 0 auto;
}
#store_icon2022_2 {
width: 50rem;
margin: 0 auto;
background: url("../img/top/back_store_icon.png");
padding: 3.6rem 3.6rem 2.6rem 3.6rem;
}
#store_icon2022_2 > div {
display: flex;
justify-content: space-between;
}
#store_icon2022_2 > div h4 {
font-size: 1.2rem;
text-align: center;
line-height: 1.4rem;
margin-top: 1rem;
}
#store_icon2022_2 > h3 {
width: 29.9rem;
margin: 0 auto 2rem auto;
}
.muu {
margin-top: 5rem !important;
}
#ban_sale_coleman {
width: 80rem;
margin: 5rem auto;
}
#gocamp {
width: 80rem;
margin: 5rem auto 0 auto;
}
#sub_sns {
width: 65rem;
margin: 3rem auto 0 auto;
display: flex;
justify-content: space-between;
}

/* フィールドセブンについて */
#hdr_about {
display: flex;
justify-content: space-between;
color: #fff;
font-weight: bold;
text-shadow: 0.1rem 0.1rem 0 #000;
height: 55rem;
}
#hdr_about h2 {
width: 64%;
background: url("../img/about/hdr_about_left.png") no-repeat center;
background-size: cover;
padding: 5rem 0 0 5rem;
}
#hdr_about div {
width: 36%;
background: url("../img/about/hdr_about_right.png") no-repeat center;
background-size: cover;
padding: 5rem 1rem 0 3rem;
}
#hdr_about div ul {
margin-bottom: 4rem;
}
#hdr_about div#logo_right {
width: 100%;
margin-top: 5rem;
text-align: right;
background: none;
}
#about_catch {
text-align: center;
font-weight: bold;
font-size: 2.2rem;
margin: 6rem 0 2rem 0;
}
#gallery_about, #ccgallery_u {
width: 98rem;
margin: 0 auto;
display: grid;
grid-template-columns: 31rem 31rem 31rem;
gap: 2rem 2.5rem;
}
#ccgallery_u {
margin-bottom: 10rem;
}
#gallery_about div img, #ccgallery_u div img {
object-fit: cover;
width: 31rem;
height: 20.7rem;
}
#gallery_about2 {
width: 98rem;
margin: 0 auto;
display: flex;
justify-content: space-between;
}
#gallery_about2 > article:first-child {
width: 64.5rem;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
#gallery_about2 > article div {
margin-bottom: 2rem;
}
#cool {
display: flex;
justify-content: space-between;
margin: 6rem 0;
}
#cool div {
background: url("../img/about/cool.png") no-repeat center;
background-size: cover;
width: 50rem;
}
#cool article {
width: calc(100% - 50rem);
padding: 4rem 3rem;
font-weight: bold;
font-size: 1.6rem;
line-height: 3.2rem;
background: #EBEBEC;
}
#cool article h3 {
font-size: 2rem;
font-weight: bold;
margin-bottom: 3rem;
}
#logo_cc {
margin: 5rem auto 2rem auto;
text-align: center;
}
#logo_cc_h {
font-weight: bold;
color: #000;
text-align: center;
font-size: 2.6rem;
}
.read_box {
width: 76rem;
margin: 0 auto;
}
.read_box > div {
margin: 5rem auto 2rem auto;
}
.read_box h2 {
font-weight: bold;
color: #000;
font-size: 2.6rem;
}
.cct_slider {
width: 76rem;
margin: 3rem auto 2rem auto;
}
.cct_slider img {
max-width: 100%;
}
.cct_thumb {
width: 98rem;
margin: 0 auto 10rem auto;
display: flex;
justify-content: space-between;
}
.cct_thumb li {
margin-right: 1rem;
}
.cct_thumb li:last-child {
margin-right: 0;
}
.cct_thumb img {
transition: 0.3s;
max-width: 100%;
}
.cct_thumb img:hover {
opacity: 0.7;
transition: 0.3s;
}
#cct_p {
text-align: center;
margin: 3rem 0 1rem 0;
}
#cct_p_sp {
background: #000;
color: #fff;
text-align: center;
font-size: 2rem;
padding: 1.4rem 0;
margin-top: 4rem;
font-weight: bold;
}
#cct_p span {
border: 0.1rem solid #000;
padding: 0.4rem 3rem;
font-size: 1.2rem;
margin-right: 1rem;
background: #000;
color: #fff;
font-weight: bold;
}
#gal_txt {
text-align: center;
font-weight: bold;
}
#gal_txt a:link {
text-decoration: none;
}
#gal_txt a:hover {
text-decoration: none;
opacity: 0.7;
}
#gal_txt a {
display: inline-block;
margin: 0 3rem;
}
.byko {
margin: 2rem 0;
padding-left: 1.6rem;
}
.rec24h {
margin-bottom: 1rem;
font-weight: bold;
}
.rec24p {
margin-bottom: 2rem;
}
.rec24tb {
margin-bottom: 5rem;
}
.rec24tb th, .rec24tb td {
vertical-align: top;
padding: 1rem 0;
}
.rec24tb td {
padding-left: 2rem;
}

/* 店舗紹介 */
#hdr_shop {
background: url("../img/shop/hdr_shop.png") no-repeat center;
background-size: cover;
height: 55rem;
padding-top: 3rem;
}
#hdr_shop div {
width: 100rem;
margin: 0 auto;
}
.shop_catch {
color: #5A4A3F;
font-weight: bold;
text-align: center;
font-size: 2.4rem;
margin: 6rem 0 4rem 0;
}
#shop_info {
background: #086736;
color: #fff;
font-weight: bold;
text-align: center;
padding: 4rem 0;
}
#shop_info h3 {
font-size: 2.4rem;
margin-bottom: 3rem;
font-weight: bold;
}
#shop_info p {
font-size: 1.6rem;
line-height: 2.8rem;
}
#shop_info2 {
color: #086736;
font-weight: bold;
text-align: center;
padding: 4rem 0;
}
#shop_info2 h3 {
font-size: 2.4rem;
margin-bottom: 3rem;
font-weight: bold;
}
#shop_info2 p {
font-size: 1.6rem;
line-height: 2.8rem;
}
#catch_pic {
width: 100rem;
margin: 0 auto;
display: flex;
justify-content: space-between;
}
#info_bottom {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
width: 100rem;
margin: 3rem auto 5rem auto;
}
#info_bottom div {
margin-bottom: 2rem;
}
.address h3 {
font-weight: bold;
font-size: 2.4rem;
margin-bottom: 1rem;
}
.address p {
font-size: 1.6rem;
}
.shop_title {
font-weight: bold;
font-size: 2rem;
margin: 7rem 0 3rem 0;
display: inline-block;
border: 0.1rem solid #000;
padding: 1rem 2rem;
}
.shop_list li {
display: inline-block;
margin: 0 2rem 1rem 0;;
font-size: 1.4rem;
border-bottom: 0.1rem dashed #000;
}
#gyo {
font-weight: bold;
font-size: 2rem;
}
#gallery_shop {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin: 5rem 0 0 0;
}
#gallery_shop div {
margin-bottom: 1.1rem;
}
#map {
height: 40rem;
margin: 0.6rem 0 5rem 0;
}
.address {
margin-bottom: 2rem;
}
.shopmap {
height: 30rem;
margin-bottom: 7rem;
}
.shop_box {
margin-bottom: 5rem;
font-size: 1.6rem;
line-height: 3rem;
color: #086736;
font-weight: bold;
}
.shop_box li {
background: url("../img/shop/back_arrow.png") no-repeat;
padding-left: 2rem;
background-position: 0 0.6rem;
}
#recruit {
width: 100rem;
margin: 5rem auto;
font-size: 1.6rem;
line-height: 2.4rem;
}
#recruit h2 {
font-weight: bold;
font-size: 2.2rem;
color: #086736;
padding: 1rem 2rem;
border: 0.2rem solid #086736;
display: inline-block;
margin-bottom: 3rem;
}
#recruit h3 {
margin: 3rem 0 2rem 0;
font-weight: bold;
font-size: 1.8rem;
}
#recruit p:last-child {
font-weight: bold;
margin-top: 3rem;
}

/* プライバシーポリシー */
#hdr_policy {
background: url("../img/policy/hdr_policy.png") no-repeat center;
background-size: cover;
height: 20rem;
padding-top: 5rem;
}
#hdr_policy div {
width: 100rem;
margin: 0 auto;
}
#policy p {
margin-bottom: 5rem;
line-height: 3rem;
}
section#policy h3.shop_title {
margin-top: 0;
}

/* お問い合わせ */
#hdr_mail {
background: url("../img/mail/hdr_mail.png") no-repeat center;
background-size: cover;
height: 20rem;
padding-top: 5rem;
}
#hdr_mail div {
width: 100rem;
margin: 0 auto;
}
#mail {
min-height: 50rem;
}
section#mail h3.shop_title {
margin-top: 0;
}
table.formTable {
width: 100%;
margin: 5rem 0;
}
.formTable th {
text-align: left;
padding: 2rem 1rem;
border-bottom: 0.2rem dashed #ccc;
width: 26%;
}
.formTable td {
padding: 1rem;
border-bottom: 0.2rem dashed #ccc;
}
.formTable .submit {
text-align: center;
border-bottom: none;
padding-top: 2rem;
}
.error_messe{
color: #FF0000;
font-weight: bold;
}
.star {
background: #ff0000;
border-radius: 0.4rem;
margin-left: 1rem;
color: #fff;
text-align: center;
padding: 0.2rem 0.4rem;
font-size: 1.2rem;
}
#name, #email, #email_check {
width: 70%;
}
#tel, #fax {
width: 30%;
}
.address, #message {
width: 100%;
}

/* WP */
#hdr_wp {
background: url("../img/policy/hdr_policy.png") no-repeat center;
background-size: cover;
height: 20rem;
padding-top: 5rem;
}
#hdr_wp h2 {
color: #fff;
font-weight: bold;
font-size: 3rem;
width: 100rem;
margin: 0 auto;
}
#wp_list article {
border-bottom: 0.1rem dotted #ccc;
padding-bottom: 2rem;
margin-bottom: 3rem;
display: flex;
justify-content: space-between;
}
#wp_list article figure {
width: 17rem;
height: 12rem;
}
#wp_list article figure img {
object-fit: cover;
width: 17rem;
height: 12rem;
}
#wp_list article > div {
width: 80rem;
}
#wp_list article small {
display: block;
font-size: 1.4rem;
}
#wp_list article h3 {
font-size: 2rem;
line-height: 3rem;
font-weight: bold;
margin-bottom: 2rem;
}
#wp_list article img {
margin: 2rem 0;
max-width: 100%;
height: auto;
}
#wp_single article p {
margin-bottom: 1rem;
}
#wp_single article {
border-bottom: 0.1rem dotted #ccc;
padding-bottom: 2rem;
margin-bottom: 3rem;
}
#wp_single article small {
display: block;
font-size: 1.4rem;
}
#wp_single article h3 {
font-size: 2rem;
line-height: 3rem;
font-weight: bold;
margin-bottom: 2rem;
}
#wp_single article img {
margin: 2rem 0;
max-width: 100%;
height: auto;
}
#wp_single article p {
margin-bottom: 1rem;
}

/* キャンピングカー */
#hdr_campingcar {
background: url("../img/campingcar/hdr_campingcar.png") no-repeat center;
background-size: cover;
height: 55rem;
padding-top: 3rem;
}
#hdr_campingcar h2 {
text-align: right;
width: 100rem;
margin: 0 auto;
}
#cpc_unt {
padding: 3rem 0;
background: #efefef;
}
#cpc_unt > div {
width: 76rem;
margin: 0 auto;
}
#cpc_unt > div h3 {
font-size: 3rem;
font-weight: bold;
margin-bottom: 3rem;
}
#cpc_unt > div p {
margin-bottom: 2rem;
font-size: 1.6rem;
line-height: 3rem;
}
#cpc_unt > div p:last-child {
margin-bottom: 0;
}
.logo_cc {
margin: 5rem auto 2rem auto;
text-align: center;
}
.logo_cc_h {
font-weight: bold;
color: #000;
text-align: center;
font-size: 2.6rem;
}
.cpc_catch {
width: 76rem;
margin: 2rem auto;
}
.cpc_link {
text-align: center;
font-weight: bold;
font-size: 1.8rem;
}
.cpc_link a {
display: inline-block;
margin: 0 3rem;
color: #6F3E1E;
text-decoration: none;
}
.cpc_link a:hover {
opacity: 0.7;
}
.cpc_gal {
width: 98rem;
margin: 5rem auto;
display: flex;
flex-wrap: wrap
}
.cpc_gal > div {
width: 31rem;
margin: 0 2.5rem 2.5rem 0;
}
.cpc_gal > div:nth-child(3n) {
margin-right: 0;
}
#cpc_gyo {
text-align: center;
font-size: 2.4rem;
color: #000;
font-weight: bold;
margin: 5rem 0 2rem 0;
}
#cpc_tb {
width: 100rem;
margin: 5rem auto 8rem auto;
overflow-x: auto;
}
#cpc_tb table {
width: 100%;
border-collapse: collapse;
margin-top: 1rem;
}
#cpc_tb table caption {
text-align: left;
}
#cpc_tb table th {
text-align: left;
background: #106434;
color: #fff;
font-weight: bold;
padding: 0.6rem 1rem;
}
#cpc_tb table th, #cpc_tb table td {
border: 0.2rem solid #000;
}
#cpc_tb table td {
padding: 0.6rem;
text-align: center;
}
.price_b {
font-weight: bold;
font-size: 1.5rem;
}
.v2_box {
width: 98rem;
margin: 5rem auto;
display: flex;
justify-content: space-between;
}
.v2_box > figure {
width: 31rem;
}
.v2_box > figure img {
margin-bottom: 2.5rem;
}
.v2_box > div {
width: 62rem;
}
.v2_box > div p {
margin-bottom: 3rem;
}
#cpc_mail {
width: 80rem;
margin: 5rem auto 0 auto;
display: block;
text-align: center;
font-size: 2.4rem;
font-weight: bold;
color: #000;
padding: 2rem 0;
border: 0.2rem solid #000;
background: #efefef;
text-decoration: none;
}
#under_cp {
width: 64.5rem;
margin: 0 auto;
display: flex;
justify-content: space-between;
}

/* レンタカー */
#hdr_rental {
background: url("../img/rental/hdr_rental.png") no-repeat center;
background-size: cover;
height: 55rem;
padding-top: 3rem;
}
#hdr_rental h2 {
width: 100rem;
margin: 0 auto;
}
#hdr_rental h3 {
width: 100rem;
margin: 36rem auto 0 auto;
text-align: right;
}
#rt_unt {
width: 100rem;
margin: 0 auto;
padding: 3rem 6rem;
border: 0.1rem solid #ddd;
}
#rt_unt h3 {
font-size: 3rem;
font-weight: bold;
margin-bottom: 3rem;
color: #183E20;
}
#rt_unt p {
font-size: 1.6rem;
line-height: 3rem;
}
#rt_wrap {
width: 100rem;
margin: 5rem auto;
}
#rth {
font-weight: bold;
font-size: 2.6rem;
border-bottom: 0.3rem solid #000;
color: #000;
padding-bottom: 0.6rem;
display: inline-block;
width: 16rem;
text-align: center;
margin-bottom: 2rem;
}
#rth2 {
color: #183E20;
font-weight: bold;
font-size: 1.8rem;
margin-bottom: 3rem;
}
#rth3 {
font-weight: bold;
font-size: 1.8rem;
}
#spec {
display: flex;
justify-content: space-between;
}
#spec figure {
width: 50rem;
}
#spec > div {
width: 47rem;
}
#spec > div div p {
color: #fff;
font-weight: bold;
display: inline-block;
padding: 0.4rem 2rem;
text-align: center;
background: #8E3F22;
margin-right: 2rem;
}
#spec > div table {
width: 100%;
border-collapse: collapse;
margin-top: 1rem;
font-size: 1.3rem;
}
#spec > div table caption {
text-align: left;
}
#spec > div table th, #spec > div table td {
border: 0.2rem solid #000;
text-align: left;
padding: 0.4rem 0.6rem;
}
#spec > div table th {
background: #ddd;
}
#rt3 {
margin: 2rem 0;
}
.rt_normal {
font-size: 1.6rem;
line-height: 3rem;
margin-bottom: 3rem !important;
}
.rt_normal em {
color: #183E20;
font-weight: bold;
}
#icon9 {
width: 80%;
display: flex;
flex-wrap: wrap;
}
#icon9 li {
text-align: center;
color: #fff;
background: #009944;
padding: 0.8rem 0;
width: 30%;
margin-right: 5%;
margin-bottom: 1rem;
font-weight: bold;
}
#icon9 li:nth-child(3n) {
margin-right: 0;
}
#ud_tb {
margin-bottom: 5rem !important;
}
#rt_wrap > h3 {
font-size: 1.8rem;
margin-bottom: 1rem;
font-weight: bold;
}
#rt_wrap > p {
margin-bottom: 2rem;
}
#rt_price {
width: 100%;
border-collapse: collapse;
}
#rt_price th, #rt_price td {
border: 0.2rem solid #000;
text-align: center;
padding: 0.4rem 0.6rem;
}
#rt_price th {
background: #323333;
color: #fff;
}
#rt_price td:nth-of-type(1) {
text-align: left;
padding-left: 1rem;
}
#uuud {
color: #fff;
font-weight: bold;
display: inline-block;
padding: 0.4rem 2rem;
text-align: center;
background: #8E3F22;
margin: 1rem 0 8rem 0;
}
#calendar {
margin-bottom: 8rem;
}
#calendar > div:first-child {
height: 80rem;
margin-bottom: 3rem;
}
#calendar > div:last-child {

}
#calendar > div:last-child h4 {
background: #137B3B;
color: #fff;
font-weight: bold;
text-align: center;
font-size: 2.4rem;
padding: 1rem 0;
margin-top: 5.2rem;
margin-bottom: 2rem;
}
#calendar > div:last-child h5 {
font-size: 1.7rem;
margin-bottom: 2rem;
font-weight: bold;
color: #137B3B;
}
#calendar > div:last-child p {
font-size: 1.6rem;
margin-bottom: 2rem;
}
#calendar > div:last-child a {
background: #137B3B;
color: #fff;
display: inline-block;
font-weight: bold;
font-size: 1.8rem;
padding: 1rem 3rem;
text-decoration: none;
margin-bottom: 2rem;
}
#calendar > div:last-child a:hover {
opacity: 0.7;
}

/* レンタカー（リニューアル） */
#nrent_h {
text-align: center;
font-family: "游明朝","YuMincho";
padding: 3rem 0;
}
#nrent_h li {
padding: 0 1rem;
}
#nrent_h h1 {
font-size: 4rem;
margin-bottom: 2rem;
}
#nrent_h h2 {
font-size: 3rem;
}
#nrent_catch img {
width: 100%;
}
#nrent_sub {
text-align: center;
font-family: "游明朝","YuMincho";
padding: 4rem 0;
font-size: 3.6rem;
}
.nrh {
background: #000;
color: #fff;
text-align: center;
padding: 2rem 0;
margin: 0 0 4rem 0;
}
.nrh h3 {
display: inline-block;
border-left: 1rem solid #fff;
font-size: 2.6rem;
padding-left: 1rem;
}
.nrh h3 span {
font-family: "游明朝","YuMincho";
}
.nr_mainp {
text-align: center;
font-size: 1.8rem;
margin-bottom: 3rem;
}
.cp1 {
margin: 5rem 0 2rem 0;
background: url("../img/rental/back_line.png") repeat-x center;
text-align: center;
}
.nb_under {
text-align: center;
font-weight: bold;
margin-bottom: 4rem;
font-size: 2.4rem;
}
#ccts {
width: 100rem;
margin: 0 auto;
}
.cct_slider2 {
margin: 3rem auto 2rem auto;
}
.cct_slider2 img {
max-width: 100%;
}
.cct_thumb2 {
margin: 0 auto 10rem auto;
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
gap: 0.4rem 0.1rem;
}
.cct_thumb2 img {
transition: 0.3s;
max-width: 100%;
}
.cct_thumb2 img:hover {
opacity: 0.7;
transition: 0.3s;
}
#nr_tb1 {
width: 100rem;
margin: 0 auto 5rem auto;
display: flex;
justify-content: space-between;
}
#nr_tb1 section {
width: 48%;
}
#nr_tb1 section table, #nr_tb2 table {
border-collapse: collapse;
width: 100%;
}
#nr_tb1 section th, #nr_tb1 section td {
border: 0.1rem solid #000;
padding: 0.6rem 1rem;
}
#nr_tb1 section th {
background: #F2F2F2;
text-align: left;
}
#nr_tb2 {
width: 80rem;
margin: 0 auto 5rem auto;
}
#nr_tb2 th, #nr_tb2 td {
border: 0.1rem solid #000;
padding: 0.6rem 1rem;
}
#nr_tb2 th {
background: #F2F2F2;
text-align: left;
}
#nr_tb2 > p {
background: #955E29;
width: 80%;
margin: 3rem auto 5rem auto;
color: #fff;
text-align: center;
padding: 1rem 0;
font-weight: bold;
font-size: 1.8rem;
}
#calendar2 {
width: 100rem;
margin: 0 auto 8rem auto;
}
#calendar2 > div:first-child {
height: 80rem;
margin-bottom: 3rem;
}
#calendar2 > div:last-child h4 {
background: #137B3B;
color: #fff;
font-weight: bold;
text-align: center;
font-size: 2.4rem;
padding: 1rem 0;
margin-top: 5.2rem;
margin-bottom: 2rem;
}
#calendar2 > div:last-child h5 {
font-size: 1.7rem;
margin-bottom: 2rem;
font-weight: bold;
color: #137B3B;
}
#calendar2 > div:last-child p {
font-size: 1.6rem;
margin-bottom: 2rem;
}
#calendar2 > div:last-child a {
background: #137B3B;
color: #fff;
display: inline-block;
font-weight: bold;
font-size: 1.8rem;
padding: 1rem 3rem;
text-decoration: none;
margin-bottom: 2rem;
}
#calendar > div:last-child a:hover {
opacity: 0.7;
}
#nr_yoyaku {
text-align: center;
margin-bottom: 3rem;
}
#nr_yoyaku p {
font-size: 1.8rem;
margin-bottom: 2rem;
}
#nr_yoyaku > a {
display: block;
background: #955E29;
color: #fff;
font-weight: bold;
padding: 1rem 0;
width: 30rem;
margin: 3rem auto 0 auto;
text-decoration: none;
transition: 0.3s;
}
#nr_yoyaku > a:hover {
opacity: 0.7;
}
#chui {
width: 100rem;
margin: 5rem auto;
}
#chui h3 {
font-weight: bold;
font-size: 2rem;
margin-bottom: 2rem;
}
#chui p {
font-size: 1.6rem;
margin-bottom: 5rem;
}
#dealer {
color: #D5952C;
background: #000;
padding: 5rem 0;
font-weight: bold;
}
#dealer > div, #dealer h3 {
text-align: center;
}
#dealer h3 {
font-size: 2.4rem;
margin: 2rem 0 5rem 0;
}
#dealer h3 span {
font-family: "游明朝","YuMincho";
margin-right: 1rem;
}
#dealer ul {
width: 100rem;
margin: 0 auto;
display: flex;
justify-content: space-between;
font-size: 2.4rem;
}
#dealer section {
width: 30rem;
margin: 5rem auto;
display: flex;
justify-content: space-between;
}
#dealer section img:hover {
opacity: 0.7;
}
#nr_ftr {
background: #282828;
padding: 5rem 0 2rem 0;
color: #fff;
}
#nr_ftr nav {
background: #000;
padding: 2rem 0;
}
#nr_ftr nav ul {
text-align: center;
}
#nr_ftr nav ul li {
display: inline-block;
}
#nr_ftr nav ul li a:link {
color: #fff;
}
#nr_ftr nav ul li a:visited {
color: #fff;
}
#nr_ftr nav ul li a:hover {
color: #fff;
}
#nr_ftr nav ul li a:active {
color: #fff;
}
#nr_ftr > section {
margin-top: 5rem;
text-align: center;
}
#nr_ftr > section a {
color: #D5952C;
text-decoration: none;
display: inline-block;
margin: 0 2rem;
}
#nr_ftr > section a:hover {
opacity: 0.7;
}
#nr_ftr small {
background: none;
}

/* キャンピングカー（リニューアル2024） */
#nrent_h a {
color: #000;
font-size: 1.8rem;
text-decoration: none;
font-family: "游ゴシック","YuGothic";
}
#nrent_h a:hover {
opacity: 0.7;
}
.cpr_slider  li img {
width: 100%;
height: auto;
}
#cps_txt p {
text-align: center;
font-size: 1.8rem;
margin-bottom: 3rem;
}
#cps_txt p:last-child {
margin-bottom: 8rem;
}
.cpr_read1 {
text-align: center;
font-family: "游明朝","YuMincho";
padding: 4rem 0;
font-size: 3.6rem;
}
.cpr_read2 {
background: #000;
color: #fff;
text-align: center;
padding: 2rem 0;
margin: 0 0 4rem 0;
font-family: "游明朝","YuMincho";
}
.cpr_read2 h3 {
display: inline-block;
border-left: 1rem solid #fff;
font-size: 2.6rem;
padding-left: 1rem;
}
.cpr_read_cpb {
position: relative;
background: #000;
color: #fff;
text-align: center;
padding: 2rem 0;
margin: 0 0 4rem 0;
font-family: "游明朝","YuMincho";
}
.cpr_read_cpb h3 {
display: inline-block;
font-size: 2.6rem;
padding-left: 1rem;
}
.cpr_read_cpb > a {
position: absolute;
top: 2.6rem;
right: 5rem;
color: #fff;
text-decoration: none;
}
.cpr_read_cpb > a:hover {
opacity: 0.7;
}
#cpblog {
width: 100rem;
margin: 0 auto 10rem auto;
}
#cpblog section {
display: flex;
justify-content: space-between;
margin-bottom: 2rem;
}
#cpblog section > div:first-child {
width: 24rem;
margin-right: 2rem;
transition: 0.3s;
}
#cpblog section > div:first-child img {
height: auto;
width: 24rem;
height: 16rem;
object-fit: cover;
}
#cpblog section > div:first-child:hover {
opacity: 0.7;
}
#cpblog section > div:last-child {
width: calc(100% - 26rem);
}
#cpblog section > div:last-child time {
margin-bottom: 1rem;
display: block;
}
#cpblog section > div:last-child h3 {
font-size: 2rem;
font-weight: bold;
margin-bottom: 1rem;
}
#cpblog section > div:last-child h3 a {
color: #000;
text-decoration: none;
transition: 0.3s;
}
#cpblog section > div:last-child h3 a:hover {
opacity: 0.7;
}
#hdr_blog {
margin-bottom: 5rem;
}
#blog_single {
width: 100rem;
margin: 0 auto 10rem auto;
}
#blog_single h3 {
font-weight: bold;
font-size: 2.4rem;
border-bottom: 0.2rem solid #000;
margin-bottom: 1rem;
padding-bottom: 1rem;
line-height: 1.6;
}
#blog_single time {
display: block;
margin-bottom: 4rem;
}
#blog_single img {
margin: 2rem 0;
}
#blog_single p {
font-size: 1.6rem;
line-height: 1.8;
}
.cpr_box1 {
width: 110rem;
margin: 0 auto 5rem auto;
display: flex;
justify-content: space-between;
}
.cpr_box1 img {
max-width: 100%;
}
.cpr_box1 figure {
width: 60rem;
}
.cpr_box1 > div {
width: 46rem;
}
.cpr_box1 > div p {
margin-bottom: 2rem;
font-size: 1.6rem;
line-height: 1.7;
}
.cpr_box1 th, .cpr_box1 td {
padding: 1rem 0;
font-size: 1.6rem;
}
.cpr_box1 th {
width: 20%;
text-align: left;
}
.cpr_box1 td {
padding-left: 3rem;
}
#cprtb_sub {
padding-left: 0;
font-size: 1.4rem;
}
.cpr_box2 {
width: 110rem;
margin: 0 auto 5rem auto;
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 1.6rem;
}
.cpr_box2 {
font-family: "游明朝","YuMincho";
}
.cpr_box2 section {
width: 33rem;
}
.cpr_box2 section h2, .cpr_box2 section small {
text-align: center;
}
.cpr_box2 section h2 {
font-family: "游ゴシック","YuGothic";
font-size: 2.2rem;
font-weight: bold;
}
.cpr_box2 section small {
display: block;
background: url(../img/rental/back_line.png) repeat-x center;
margin-bottom: 3rem;
}
.cpr_box2 section small img {
width: 20%;
}
.minibox1 h3 {
font-size: 3rem;
padding: 2rem 1rem 1rem 1rem;
font-weight: bold;
}
.minibox1 h3 span {
font-size: 2rem;
}
.minibox2 {
background: #BFBFBF;
padding: 1rem;
}
.minibox2 h4 {
font-size: 2rem;
font-weight: bold;
}
.minibox2 h4 span {
font-size: 1.6rem;
}
.minibox2 h5 {
font-family: "游ゴシック","YuGothic";
}
.cpr_box2 section > div > p {
margin-top: 1rem;
padding-left: 1rem;
font-family: "游ゴシック","YuGothic";
}
.cpr_box2 section > div > p span {
font-weight: bold;
color: #009344;
}
.cpr_yellow {
background: #FFD666;
}
.cpr_green {
background: #548035;
}
.cpr_brown {
background: #BC8D00;
}
.cpr_blue {
background: #9AC0E3;
}
.cpr_wt {
color: #fff;
}
.cpr_button {
display: flex;
justify-content: space-between;
width: 70rem;
margin: 0 auto 8rem auto;
}
.cpr_button a {
display: block;
padding: 1rem 3rem;
text-align: center;
background: #737373;
color: #fff;
text-decoration: none;
font-size: 1.8rem;
font-weight: bold;
width: 26%;
transition: 0.3s;
}
.cpr_button a:hover, .cpr_button2 a:hover {
opacity: 0.7;
}
.cpr_button2 {
display: flex;
width: 110rem;
margin: 0 auto 8rem auto;
}
.cpr_button2 a {
display: block;
padding: 1rem 1rem;
text-align: center;
background: #737373;
color: #fff;
text-decoration: none;
font-size: 1.8rem;
font-weight: bold;
width: 20%;
transition: 0.3s;
margin-right: 2rem;
}
div.umg {
margin-bottom: 8rem !important;
}
.uum {
border-bottom: 0.1rem solid #ddd;
}

/* Goods */
#hdr_goods {
background: url("../img/goods/hdr_goods.png") no-repeat center;
background-size: cover;
height: 45rem;
padding-top: 3rem;
}
#goods {
background: #999a5e;
padding: 5rem 0 10rem 0;
}
#gdwrap {
width: 100rem;
margin: 0 auto;
}
#gdwrap h2 {
text-align: center;
font-weight: bold;
font-size: 5rem;
font-family: arial;
padding-bottom: 3rem;
margin-bottom: 3rem;
border-bottom: 0.1rem solid #000;
}
#gdp {
text-align: center;
margin-bottom: 5rem;
}
#gdbox {
display: flex;
flex-wrap: wrap;
}
#gdbox article {
width: 23.5rem;
margin-right: 2rem;
margin-bottom: 5rem;
}
#gdbox article:nth-child(4n) {
margin-right: 0;
}
#gdbox article figure {
margin-bottom: 1rem;
transition: 0.3s;
}
#gdbox article figure:hover {
opacity: 0.7;
}
#gdbox article figure img {
width: 23.5rem;
height: 23.5rem;
object-fit: cover;
}
#gdbox article h4 {
font-weight: bold;
}
#gdbox article a.kou {
background: url("../img/goods/arrow.png") no-repeat;
background-position: 0 0.2rem;
padding-left: 3rem;
color: #000;
font-weight: bold;
}
#gdbox article small {
display: block;
font-size: 1.4rem;
}
#gdbox article p {
font-size: 1.3rem;
}
#wp_ftr_store {
width: 29.9rem;
margin: 5rem auto 0 auto;
}

/* WP記事本文用CSS */
#wp_single h1 {
font-size: 3rem;
line-height: 1.5;
}
#wp_single h2 {
font-size: 2.6rem;
line-height: 1.5;
}
#wp_single h3 {
font-size: 2.4rem;
line-height: 1.5;
}
#wp_single h4 {
font-size: 2rem;
line-height: 1.5;
}
#wp_single h5 {
font-size: 1.8rem;
line-height: 1.5;
}
#wp_single h6 {
font-size: 1.6rem;
line-height: 1.5;
}

}


/* タブレット用　縦向き
------------------------------------------------------------*/
@media only screen and (min-width: 641px) and (max-width: 1139px) {

/* トップページ */
#top_banner {
width: 90%;
margin: 5rem auto;
text-align: center;
}
#top_banner img {
max-width: 100%;
height: auto;
}
#hdr_catch {
margin-bottom: 5rem;
}
#hdr_catch div {

}
#hdr_catch div div {
margin: 0 auto;
}
#hdr_catch div div img {
width: 100%;
height: auto;
margin: 0 auto;
}
#news {
font-size: 1.4rem;
line-height: 2rem;
}
#news > div:first-child {
height: 24rem;
overflow-y: scroll;
margin-bottom: 4rem;
}
#news > div:last-child {
text-align: center;
}
#news > div:last-child div {
margin-bottom: 1rem;
}
#news > div:last-child li {
margin-bottom: 0.6rem;
}
#news table {
width: 100%;
}
#news th {
text-align: left;
font-weight: 500;
width: 20%;
padding-bottom: 0.6rem;
}
article#news > a {
display: block;
padding: 3rem 4rem;
border: 0.1rem solid #5e6160;
background: url("../img/top/read_more.png") no-repeat center;
background-size: 80%;
transition: 0.3s;
}
article#news > a:hover {
text-decoration: none;
opacity: 0.4;
transition: 0.3s;
}
article#news table a {
color: #000;
}
#sns {
display: flex;
justify-content: space-between;
margin: 5rem 0;
}
#sns article {

}
#sns h3 {
font-size: 3.6rem;
font-weight: bold;
margin-bottom: 2rem;
font-family: "arial";
}
#sns h3 img {
vertical-align: -1rem;
margin-right: 1rem;
}
#sns article:first-child h3 {
color: #0165e1;
}
#sns article ul {
margin-bottom: 2rem;
}
#yaji {
display: none;
}
#motto {
text-align: center;
margin: 8rem 0 5rem 0;
}
#motto h3 {
font-size: 2.4rem;
font-weight: bold;
margin-bottom: 1.6rem;
}
#motto p {
background: url("../img/top/back_cool.png");
font-weight: bold;
font-size: 2rem;
line-height: 4.2rem;
padding: 4rem 2rem;
color: #fff;
text-shadow: 0.1rem 0.1rem 0 #000;
}
.new_motto p {
text-align: left !important;
}
#intro {
text-align: center;
}
#intro h3 {
color: #5A4A3F;
font-size: 2.4rem;
font-weight: bold;
margin-bottom: 5rem;
}
#intro > div {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
#intro > div article {
width: 48.6%;
margin-bottom: 4rem;
}
#intro > div article img {width: 100%;
height: auto;}
#intro > div article a img {
transition: 0.3s;
}
#intro > div article a img:hover {
opacity: 0.7;
transition: 0.3s;
}
#intro > div article img {
margin-bottom: 2rem;
}
#intro > div article h4 {
color: #5A4A3F;
font-size: 1.8rem;
font-weight: bold;
margin-bottom: 1rem;
}
#intro > div div {
width: 48.6%;
height: 14.7rem;
transition: 0.3s;
}
#intro > div div:hover {
opacity: 0.5;
transition: 0.3s;
}
#intro > div div a {
display: block;
border: 0.1rem solid #7D7D7D;
height: 100%;
background: url("../img/about/icon_mail.png") no-repeat;
background-position: 50% 14%;
background-size: 10%;
padding: 5rem 0 0 0;
}
#intro > div div a:link {
color: #5A4A3F;
}
#intro > div div a:visited {
color: #5A4A3F;
}
#intro > div div a:hover {
color: #5A4A3F;
text-decoration: none;
}
#intro > div div a:active {
color: #5A4A3F;
}
#intro > div div a h3 {
margin-bottom: 0.4rem;
font-size: 1.6rem;
}
#top_hr {
border-top: 0.5rem solid #7D7D7D;
border-bottom: none;
}
#top_copy {
margin: 5rem 0;
display: flex;
justify-content: space-between;
}
#top_copy article {
background: #086736;
color: #fff;
font-weight: bold;
padding: 3rem 3rem 3rem 3rem;
}
#top_copy article:first-child {
width: 40%;
font-size: 1.8rem;
}
#top_copy article:last-child {
width: 58%;
font-size: 1.5rem;
line-height: 2.8rem;
}
#top_copy article:first-child h2 {
font-weight: bold;
font-size: 2rem;
margin-bottom: 0.6rem;
}
#top_copy article:first-child div {
margin-bottom: 4rem;
}
#top_copy article:first-child div img {
width: 100%;
height: auto;
}
#top_copy article:first-child ul {
border-left: 0.5rem solid #fff;
padding-left: 2rem;
font-size: 2.2rem;
margin-bottom: 3rem;
}
#top_copy article:first-child p {
text-align: right;
}
#top_copy article:first-child ul li {
margin-bottom: 1.4rem;
}
#top_copy article:first-child ul li:last-child {
margin-bottom: 0;
}
#top_copy article:last-child p {
margin-top: 4rem;
}
#top_gallery {
background: url("../img/top/back_cool.png");
padding: 3.6rem 0;
}
#top_gallery > div {
display: flex;
justify-content: space-between;
padding: 0 2rem;
}
#top_gallery > div div {
width: 22rem;
position: relative;
}
#top_gallery > div div img {
width: 100%;
height: auto;
}
#top_gallery > div div::after {
position: absolute;
top: 0;
left: 0;
width: 22rem;
height: 14.6rem;
color: #fff;
font-weight: bold;
box-sizing: border-box;
}
#top_gallery > div div:first-child::after {
content: "GO OUT!";
padding: 11.6rem 1rem 1rem 1rem;
}
#top_gallery > div div:nth-child(2)::after {
content: "GO FIELD!";
padding: 11.6rem 1rem 1rem 13rem;
}
#top_gallery > div div:last-child::after {
content: "Enjoy Field!";
padding: 11.6rem 1rem 1rem 1rem;
}
#campaign {
font-size: 2rem;
width: calc(100% - 2rem);
margin: 5rem auto 0 auto;
}
#btn_sns {
margin: 3rem auto;
display: flex;
justify-content: space-between;
}
#btn_sns div {
width: 46%;
text-align: center;
}
#btn_sns div img {
width: 100%;
height: auto;
}
#ban_store {
position: relative;
width: 66rem;
margin: 5rem auto 0 auto;
}
#ban_store img:hover {
opacity: 0.8;
transition: 0.5s;
}
#ban_store {
position: relative;
width: 50rem;
margin: 5rem auto 0 auto;
}
#ban_store img:hover {
opacity: 0.8;
transition: 0.5s;
}

#new_icon {
width: 42.7rem;
margin: 5rem auto 0 auto;
display: flex;
justify-content: space-between;
}
#new_icon2 {
width: 50rem;
margin: 5rem auto 0 auto;
background: url("../img/top/back_store_icon.png");
padding: 3.6rem;
}
#new_icon2 h2 {
margin-bottom: 4rem;
}
#new_icon2 > div {
display: flex;
justify-content: space-between;
}
.ban2021 {
width: 90%;
margin: 5rem auto;
text-align: center;
}
#sale1, #sale2, #sale3 {
width: 90%;
margin: 0 auto;
}
#sale1 {
margin-top: 5rem;
}

#ban_sale2022 {
margin: 5rem auto;
}
#store_icon2022 {
width: 50rem;
margin: 0 auto;
background: url("../img/top/back_store_icon.png");
padding: 3.6rem;
}
#store_icon2022 > div {
display: flex;
justify-content: space-between;
}
#store_icon2022 > h3 {
width: 29.9rem;
margin: 2rem auto 0 auto;
}
#store_icon2022_2 {
width: 50rem;
margin: 0 auto;
background: url("../img/top/back_store_icon.png");
padding: 3.6rem 3.6rem 2.6rem 3.6rem;
}
#store_icon2022_2 > div {
display: flex;
justify-content: space-between;
}
#store_icon2022_2 > div h4 {
font-size: 1.2rem;
text-align: center;
line-height: 1.4rem;
margin-top: 1rem;
}
#store_icon2022_2 > h3 {
width: 29.9rem;
margin: 0 auto 2rem auto;
}
.muu {
margin-top: 5rem !important;
}
#ban_sale_coleman {
width: 80%;
margin: 5rem auto;
}
#gocamp {
width: 80%;
margin: 5rem auto 0 auto;
}
#sub_sns {
width: 65rem;
margin: 3rem auto 0 auto;
display: flex;
justify-content: space-between;
}
#sub_sns {
width: 65rem;
margin: 3rem auto 0 auto;
display: flex;
justify-content: space-between;
}

/* フィールドセブンについて */
#hdr_about {
color: #fff;
font-weight: bold;
text-shadow: 0.1rem 0.1rem 0 #000;
height: 45rem;
}
#hdr_about h2 {
background: url("../img/about/hdr_about_left.png") no-repeat center;
background-size: cover;
padding: 5rem 10rem 2rem 5rem;
height: 45rem;
}
#hdr_about h2 img {
width: auto;
}
#hdr_about div {
display: none;
}
#hdr_about div ul {
margin-bottom: 4rem;
}
#about_catch {
text-align: center;
font-weight: bold;
font-size: 1.8rem;
margin: 6rem 0 2rem 0;
}
#gallery_about, #ccgallery_u {
padding: 0 2rem;
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 2rem 2.5rem;
}
#ccgallery_u {
margin-bottom: 10rem;
}
#gallery_about div img, #ccgallery_u div img {
width: 100%;
height: 20vw;
object-fit: cover;
}
#gallery_about2 {
padding: 0 2rem;
}
#gallery_about2 > article:first-child {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
#gallery_about2 > article:first-child div {
margin-bottom: 2rem;
width: 30%;
}
#gallery_about2 > article:last-child {
display: flex;
justify-content: space-between;
}
#gallery_about2 > article div {
margin-bottom: 2rem;
}
#gallery_about2 img {
max-width: 100%;
}
#cool {
display: flex;
justify-content: space-between;
margin: 6rem 0;
}
#cool div {
background: url("../img/about/cool.png") no-repeat center;
background-size: cover;
width: 20rem;
}
#cool article {
width: calc(100% - 20rem);
padding: 4rem 3rem;
font-weight: bold;
font-size: 1.4rem;
line-height: 3.2rem;
background: #EBEBEC;
}
#cool article h3 {
font-size:1.8rem;
font-weight: bold;
margin-bottom: 3rem;
}
#logo_cc {
margin: 5rem auto 2rem auto;
text-align: center;
}
#logo_cc_h {
font-weight: bold;
color: #000;
text-align: center;
font-size: 2.6rem;
}
.read_box {
width: 76%;
margin: 0 auto;
}
.read_box > div {
margin: 5rem auto 2rem auto;
}
.read_box h2 {
font-weight: bold;
color: #000;
font-size: 2.6rem;
}
.cct_slider {
width: 46rem;
margin: 2rem auto;
}
.cct_slider img {
max-width: 100%;
}
.cct_thumb {
padding: 0 2rem;
margin: 0 auto 10rem auto;
display: flex;
justify-content: space-between;
}
.cct_thumb li {
max-width: 100%;
margin-right: 1rem;
}
.cct_thumb li:last-child {
margin-right: 0;
}
.cct_thumb img {
max-width: 100%;
transition: 0.3s;
}
.cct_thumb img:hover {
opacity: 0.7;
transition: 0.3s;
}
#cct_p {
text-align: center;
margin: 3rem 0 1rem 0;
}
#cct_p_sp {
background: #000;
color: #fff;
text-align: center;
font-size: 1.6rem;
padding: 1rem 0;
margin-top: 4rem;
}
#cct_p span {
border: 0.1rem solid #000;
padding: 0.4rem 3rem;
font-size: 1.2rem;
margin-right: 1rem;
background: #000;
color: #fff;
font-weight: bold;
}
#gal_txt {
text-align: center;
font-weight: bold;
}
#gal_txt a:link {
text-decoration: none;
}
#gal_txt a:hover {
text-decoration: none;
opacity: 0.7;
}
#gal_txt a {
display: inline-block;
margin: 0 3rem;
}
.byko {
margin: 2rem 0;
padding-left: 1.6rem;
}
.rec24h {
margin-bottom: 1rem;
font-weight: bold;
}
.rec24p {
margin-bottom: 2rem;
}
.rec24tb {
margin-bottom: 5rem;
}
.rec24tb th, .rec24tb td {
vertical-align: top;
padding: 1rem 0;
}
.rec24tb td {
padding-left: 2rem;
}

/* 店舗紹介 */
#hdr_shop {
background: url("../img/shop/hdr_shop.png") no-repeat center;
background-size: cover;
height: 45rem;
padding-top: 3rem;
}
#hdr_shop div {
padding: 5rem 10rem 2rem 5rem;
}
#hdr_shop div img {
width: auto;
height: 100%;
}
.shop_catch {
color: #5A4A3F;
font-weight: bold;
text-align: center;
font-size: 2.4rem;
margin: 6rem 0 4rem 0;
}
#shop_info {
background: #086736;
color: #fff;
font-weight: bold;
text-align: center;
padding: 4rem 2rem;
}
#shop_info h3 {
font-size: 2rem;
margin-bottom: 3rem;
font-weight: bold;
}
#shop_info p {
font-size: 1.6rem;
line-height: 2.8rem;
}
#shop_info2 {
color: #086736;
font-weight: bold;
text-align: center;
padding: 4rem 2rem;
}
#shop_info2 h3 {
font-size: 2rem;
margin-bottom: 3rem;
font-weight: bold;
}
#shop_info2 p {
font-size: 1.6rem;
line-height: 2.8rem;
}
#catch_pic {
padding: 0 2rem;
display: flex;
justify-content: space-between;
}
#catch_pic div {
width: 49%;
}
#info_bottom {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin: 3rem auto 5rem auto;
padding: 0 2rem;
}
#info_bottom div {
width: 32%;
margin-bottom: 2rem;
}
#info_bottom div img {
width: 100%;
height: auto;
}
.address h3 {
font-weight: bold;
font-size: 2.4rem;
margin-bottom: 1rem;
}
.address p {
font-size: 1.6rem;
}
.shop_title {
font-weight: bold;
font-size: 2rem;
margin: 7rem 0 3rem 0;
display: inline-block;
border: 0.1rem solid #000;
padding: 1rem 2rem;
}
.shop_list li {
display: inline-block;
margin: 0 2rem 1rem 0;;
font-size: 1.4rem;
border-bottom: 0.1rem dashed #000;
}
#gyo {
font-weight: bold;
font-size: 2rem;
}
#gallery_shop {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
width: 67rem;
margin: 5rem auto;
}
#gallery_shop div {
margin-bottom: 1.1rem;
}
#map {
height: 40rem;
margin: 0.6rem 0 5rem 0;
}
.address {
margin-bottom: 2rem;
}
.shopmap {
height: 30rem;
margin-bottom: 5rem;
}
.shop_box {
margin-bottom: 5rem;
font-size: 1.6rem;
line-height: 3rem;
color: #086736;
font-weight: bold;
}
.shop_box li {
background: url("../img/shop/back_arrow.png") no-repeat;
padding-left: 2rem;
background-position: 0 0.6rem;
}
#recruit {
padding: 0 2rem;
margin: 5rem auto;
font-size: 1.6rem;
line-height: 2.4rem;
}
#recruit h2 {
font-weight: bold;
font-size: 2.2rem;
color: #086736;
padding: 1rem 2rem;
border: 0.2rem solid #086736;
display: inline-block;
margin-bottom: 3rem;
}
#recruit h3 {
margin: 3rem 0 2rem 0;
font-weight: bold;
font-size: 1.8rem;
}
#recruit p:last-child {
font-weight: bold;
margin-top: 3rem;
}

/* プライバシーポリシー */
#hdr_policy {
background: url("../img/policy/hdr_policy.png") no-repeat center;
background-size: cover;
height: 20rem;
padding-top: 5rem;
}
#hdr_policy div {
padding: 0 10rem 2rem 5rem;
}
#hdr_policy div img {
width: auto;
height: 100%;
}
#policy p {
margin-bottom: 5rem;
line-height: 3rem;
}
section#policy h3.shop_title {
margin-top: 0;
}

/* お問い合わせ */
#hdr_mail {
background: url("../img/mail/hdr_mail.png") no-repeat center;
background-size: cover;
height: 20rem;
padding-top: 5rem;
}
#hdr_mail div {
padding: 0 10rem 2rem 5rem;
}
#hdr_mail div img {
width: auto;
height: 100%;
}
#mail {
min-height: 50rem;
}
section#mail h3.shop_title {
margin-top: 0;
}
table.formTable {
width: 100%;
margin: 5rem 0;
}
.formTable th {
text-align: left;
padding: 2rem 1rem;
border-bottom: 0.2rem dashed #ccc;
width: 26%;
}
.formTable td {
padding: 1rem;
border-bottom: 0.2rem dashed #ccc;
}
.formTable .submit {
text-align: center;
border-bottom: none;
padding-top: 2rem;
}
.error_messe{
color: #FF0000;
font-weight: bold;
}
.star {
background: #ff0000;
border-radius: 0.4rem;
margin-left: 1rem;
color: #fff;
text-align: center;
padding: 0.2rem 0.4rem;
font-size: 1.2rem;
}
#name, #email, #email_check {
width: 70%;
}
#tel, #fax {
width: 30%;
}
.address, #message {
width: 100%;
}

/* WP */
#hdr_wp {
background: url("../img/policy/hdr_policy.png") no-repeat center;
background-size: cover;
height: 20rem;
padding: 5rem 2rem;
}
#hdr_wp h2 {
color: #fff;
font-weight: bold;
font-size: 3rem;
}
#wp_list article {
border-bottom: 0.1rem dotted #ccc;
padding-bottom: 2rem;
margin-bottom: 3rem;
display: flex;
justify-content: space-between;
}
#wp_list article figure {
width: 17rem;
height: 12rem;
}
#wp_list article figure img {
object-fit: cover;
width: 17rem;
height: 12rem;
}
#wp_list article > div {
width: calc(100% - 20rem);
}
#wp_list article small {
display: block;
font-size: 1.4rem;
}
#wp_list article h3 {
font-size: 2rem;
line-height: 3rem;
font-weight: bold;
margin-bottom: 2rem;
}
#wp_list article img {
margin: 2rem 0;
max-width: 100%;
height: auto;
}
#wp_list article p {
margin-bottom: 1rem;
}
#wp_single article {
border-bottom: 0.1rem dotted #ccc;
padding-bottom: 2rem;
margin-bottom: 3rem;
}
#wp_single article small {
display: block;
font-size: 1.4rem;
}
#wp_single article h3 {
font-size: 2rem;
line-height: 3rem;
font-weight: bold;
margin-bottom: 2rem;
}
#wp_single article img {
margin: 2rem 0;
max-width: 100%;
height: auto;
}
#wp_single article p {
margin-bottom: 1rem;
}

/* キャンピングカー */
#hdr_campingcar {
background: url("../img/campingcar/hdr_campingcar.png") no-repeat center;
background-size: cover;
height: 45rem;
padding-top: 3rem;
}
#hdr_campingcar h2 {
text-align: right;
padding-right: 3rem;
}
#cpc_unt {
padding: 3rem 0;
background: #efefef;
}
#cpc_unt > div {
width: 80%;
margin: 0 auto;
}
#cpc_unt > div h3 {
font-size: 3rem;
font-weight: bold;
margin-bottom: 3rem;
}
#cpc_unt > div p {
margin-bottom: 2rem;
font-size: 1.6rem;
line-height: 3rem;
}
#cpc_unt > div p:last-child {
margin-bottom: 0;
}
.logo_cc {
margin: 5rem auto 2rem auto;
text-align: center;
}
.logo_cc_h {
font-weight: bold;
color: #000;
text-align: center;
font-size: 2.6rem;
}
.cpc_catch {
width: 76%;
margin: 2rem auto;
}
.cpc_link {
text-align: center;
font-weight: bold;
font-size: 1.8rem;
}
.cpc_link a {
display: inline-block;
margin: 0 3rem;
color: #6F3E1E;
text-decoration: none;
}
.cpc_link a:hover {
opacity: 0.7;
}
.cpc_gal {
margin: 5rem auto;
display: flex;
flex-wrap: wrap;
padding: 0 2rem;
}
.cpc_gal > div {
width: 31%;
margin: 0 2.5rem 2.5rem 0;
}
.cpc_gal > div:nth-child(3n) {
margin-right: 0;
}
#cpc_gyo {
text-align: center;
font-size: 2.4rem;
color: #000;
font-weight: bold;
margin: 5rem 0 2rem 0;
}
#cpc_tb {
margin: 5rem auto 8rem auto;
overflow-x: auto;
}
#cpc_tb table caption {
text-align: left;
}
#cpc_tb table {
width: 100%;
border-collapse: collapse;
}
#cpc_tb table th {
text-align: left;
background: #106434;
color: #fff;
font-weight: bold;
padding: 0.6rem 1rem;
}
#cpc_tb table th, #cpc_tb table td {
border: 0.2rem solid #000;
}
#cpc_tb table td {
padding: 0.6rem;
text-align: center;
}
.price_b {
font-weight: bold;
font-size: 1.5rem;
}
.v2_box {
margin: 5rem auto;
display: flex;
justify-content: space-between;
}
.v2_box > figure {
width: 31rem;
}
.v2_box > figure img {
margin-bottom: 2.5rem;
}
.v2_box > div {
width: calc(100% - 36rem);
padding-right: 2rem;
}
.v2_box > div p {
margin-bottom: 3rem;
}
#cpc_mail {
width: 80%;
margin: 5rem auto 0 auto;
display: block;
text-align: center;
font-size: 2.4rem;
font-weight: bold;
color: #000;
padding: 2rem 0;
border: 0.2rem solid #000;
background: #efefef;
text-decoration: none;
}
#under_cp {
width: 46.1rem;
margin: 0 auto;
display: flex;
justify-content: space-between;
}
#under_cp div {
width: 21.8rem;
}

/* レンタカー */
#hdr_rental {
background: url("../img/rental/hdr_rental.png") no-repeat center;
background-size: cover;
height: 50rem;
padding: 3rem;
}
#hdr_rental h2 {
margin: 0 auto;
}
#hdr_rental h3 {
margin: 32rem auto 0 auto;
text-align: right;
}
#rt_unt {
width: 98%;
margin: 0 auto;
padding: 3rem 6rem;
border: 0.1rem solid #ddd;
}
#rt_unt h3 {
font-size: 2.8rem;
font-weight: bold;
margin-bottom: 3rem;
color: #183E20;
}
#rt_unt p {
font-size: 1.6rem;
line-height: 3rem;
}
#rt_wrap {
padding: 0 1rem;
margin: 5rem auto;
}
#rth {
font-weight: bold;
font-size: 2.6rem;
border-bottom: 0.3rem solid #000;
color: #000;
padding-bottom: 0.6rem;
display: inline-block;
width: 16rem;
text-align: center;
margin-bottom: 2rem;
}
#rth2 {
color: #183E20;
font-weight: bold;
font-size: 1.8rem;
margin-bottom: 3rem;
}
#rth3 {
font-weight: bold;
font-size: 1.8rem;
}
#spec {
display: flex;
justify-content: space-between;
}
#spec figure {
width: 50%;
}
#spec > div {
width: 47%;
}
#spec > div div p {
color: #fff;
font-weight: bold;
display: inline-block;
padding: 0.4rem 1rem;
text-align: center;
background: #8E3F22;
margin-right: 2rem;
}
#spec > div table {
width: 100%;
border-collapse: collapse;
margin-top: 1rem;
font-size: 1.3rem;
}
#spec > div table caption {
text-align: left;
}
#spec > div table th, #spec > div table td {
border: 0.2rem solid #000;
text-align: left;
padding: 0.4rem 0.6rem;
}
#spec > div table th {
background: #ddd;
}
#rt3 {
margin: 2rem 0;
}
.rt_normal {
font-size: 1.6rem;
line-height: 3rem;
margin-bottom: 3rem !important;
}
.rt_normal em {
color: #183E20;
font-weight: bold;
}
#icon9 {
width: 80%;
display: flex;
flex-wrap: wrap;
}
#icon9 li {
text-align: center;
color: #fff;
background: #009944;
padding: 0.8rem 0;
width: 30%;
margin-right: 5%;
margin-bottom: 1rem;
font-weight: bold;
}
#icon9 li:nth-child(3n) {
margin-right: 0;
}
#ud_tb {
margin-bottom: 5rem !important;
}
#rt_wrap > h3 {
font-size: 1.8rem;
margin-bottom: 1rem;
font-weight: bold;
}
#rt_wrap > p {
margin-bottom: 2rem;
}
#rt_price {
width: 100%;
border-collapse: collapse;
}
#rt_price th, #rt_price td {
border: 0.2rem solid #000;
text-align: center;
padding: 0.4rem 0.6rem;
}
#rt_price th {
background: #323333;
color: #fff;
}
#rt_price td:nth-of-type(1) {
text-align: left;
padding-left: 1rem;
}
#uuud {
color: #fff;
font-weight: bold;
display: inline-block;
padding: 0.4rem 2rem;
text-align: center;
background: #8E3F22;
margin: 1rem 0 8rem 0;
}
#calendar {
margin-bottom: 8rem;
}
#calendar > div:first-child {
height: 80rem;
margin-bottom: 3rem;
}
#calendar > div:last-child {

}
#calendar > div:last-child h4 {
background: #137B3B;
color: #fff;
font-weight: bold;
text-align: center;
font-size: 2.4rem;
padding: 1rem 0;
margin-top: 5.2rem;
margin-bottom: 2rem;
}
#calendar > div:last-child h5 {
font-size: 1.7rem;
margin-bottom: 2rem;
font-weight: bold;
color: #137B3B;
}
#calendar > div:last-child p {
font-size: 1.6rem;
margin-bottom: 2rem;
}
#calendar > div:last-child a {
background: #137B3B;
color: #fff;
display: inline-block;
font-weight: bold;
font-size: 1.8rem;
padding: 1rem 3rem;
text-decoration: none;
margin-bottom: 2rem;
}
#calendar > div:last-child a:hover {
opacity: 0.7;
}

/* レンタカー（リニューアル） */
#nrent_h {
text-align: center;
font-family: "游明朝","YuMincho";
padding: 3rem 0;
}
#nrent_h h1 {
font-size: 3rem;
margin-bottom: 2rem;
}
#nrent_h h2 {
font-size: 3rem;
}
#nrent_catch img {
width: 100%;
}
#nrent_sub {
text-align: center;
font-family: "游明朝","YuMincho";
padding: 4rem 0;
font-size: 3.6rem;
}
.nrh {
background: #000;
color: #fff;
text-align: center;
padding: 2rem 0;
margin: 0 0 4rem 0;
}
.nrh h3 {
display: inline-block;
border-left: 1rem solid #fff;
font-size: 2.6rem;
padding-left: 1rem;
}
.nrh h3 span {
font-family: "游明朝","YuMincho";
}
.nr_mainp {
text-align: center;
font-size: 1.8rem;
margin-bottom: 3rem;
}
.cp1 {
margin: 5rem 0 2rem 0;
background: url("../img/rental/back_line.png") repeat-x center;
text-align: center;
}
.nb_under {
text-align: center;
font-weight: bold;
margin-bottom: 4rem;
font-size: 2.4rem;
}
#ccts {
margin: 0 auto;
}
.cct_slider2 {
margin: 3rem auto 2rem auto;
}
.cct_slider2 img {
max-width: 100%;
}
.cct_thumb2 {
margin: 0 auto 10rem auto;
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
gap: 0.4rem 0.1rem;
}
.cct_thumb2 img {
transition: 0.3s;
max-width: 100%;
}
.cct_thumb2 img:hover {
opacity: 0.7;
transition: 0.3s;
}
#nr_tb1 {
padding: 0 2rem;
margin: 0 auto 5rem auto;
}
#nr_tb1 section {

}
#nr_tb1 section table, #nr_tb2 table {
border-collapse: collapse;
width: 100%;
margin-bottom: 2rem;
}
#nr_tb1 section th, #nr_tb1 section td {
border: 0.1rem solid #000;
padding: 0.6rem 1rem;
}
#nr_tb1 section th {
background: #F2F2F2;
text-align: left;
}
#nr_tb2 {
width: 80rem;
margin: 0 auto 5rem auto;
}
#nr_tb2 th, #nr_tb2 td {
border: 0.1rem solid #000;
padding: 0.6rem 1rem;
}
#nr_tb2 th {
background: #F2F2F2;
text-align: left;
}
#nr_tb2 > p {
background: #955E29;
width: 80%;
margin: 3rem auto 5rem auto;
color: #fff;
text-align: center;
padding: 1rem 0;
font-weight: bold;
font-size: 1.8rem;
}
#calendar2 {
margin: 0 auto 8rem auto;
}
#calendar2 > div:first-child {
height: 80rem;
margin-bottom: 3rem;
}
#calendar2 > div:last-child h4 {
background: #137B3B;
color: #fff;
font-weight: bold;
text-align: center;
font-size: 2.4rem;
padding: 1rem 0;
margin-top: 5.2rem;
margin-bottom: 2rem;
}
#calendar2 > div:last-child h5 {
font-size: 1.7rem;
margin-bottom: 2rem;
font-weight: bold;
color: #137B3B;
}
#calendar2 > div:last-child p {
font-size: 1.6rem;
margin-bottom: 2rem;
}
#calendar2 > div:last-child a {
background: #137B3B;
color: #fff;
display: inline-block;
font-weight: bold;
font-size: 1.8rem;
padding: 1rem 3rem;
text-decoration: none;
margin-bottom: 2rem;
}
#calendar > div:last-child a:hover {
opacity: 0.7;
}
#nr_yoyaku {
text-align: center;
margin-bottom: 3rem;
}
#nr_yoyaku p {
font-size: 1.8rem;
margin-bottom: 2rem;
padding: 0 2rem;
}
#nr_yoyaku > a {
display: block;
background: #955E29;
color: #fff;
font-weight: bold;
padding: 1rem 0;
width: 30rem;
margin: 3rem auto 0 auto;
text-decoration: none;
transition: 0.3s;
}
#nr_yoyaku > a:hover {
opacity: 0.7;
}
#chui {
padding: 0 2rem;
margin: 5rem auto;
}
#chui h3 {
font-weight: bold;
font-size: 2rem;
margin-bottom: 2rem;
}
#chui p {
font-size: 1.6rem;
margin-bottom: 5rem;
}
#dealer {
color: #D5952C;
background: #000;
padding: 5rem 0;
font-weight: bold;
}
#dealer > div, #dealer h3 {
text-align: center;
}
#dealer h3 {
font-size: 2.4rem;
margin: 2rem 0 5rem 0;
}
#dealer h3 span {
font-family: "游明朝","YuMincho";
margin-right: 1rem;
}
#dealer ul {
padding: 0 2rem;
margin: 0 auto;
display: flex;
justify-content: space-between;
font-size: 1.8rem;
}
#dealer section {
width: 30rem;
margin: 5rem auto;
display: flex;
justify-content: space-between;
}
#dealer section img:hover {
opacity: 0.7;
}
#nr_ftr {
background: #282828;
padding: 5rem 0 2rem 0;
color: #fff;
}
#nr_ftr nav {
background: #000;
padding: 2rem 0;
}
#nr_ftr nav ul {
text-align: center;
}
#nr_ftr nav ul li {
display: inline-block;
}
#nr_ftr nav ul li a:link {
color: #fff;
}
#nr_ftr nav ul li a:visited {
color: #fff;
}
#nr_ftr nav ul li a:hover {
color: #fff;
}
#nr_ftr nav ul li a:active {
color: #fff;
}
#nr_ftr > section {
margin-top: 5rem;
text-align: center;
}
#nr_ftr > section a {
color: #D5952C;
text-decoration: none;
display: inline-block;
margin: 0 2rem;
}
#nr_ftr > section a:hover {
opacity: 0.7;
}
#nr_ftr small {
background: none;
}

/* キャンピングカー（リニューアル2024） */
#nrent_h nav {
display: flex;
justify-content: space-between;
width: 90%;
margin: 0 auto;
}
#nrent_h li {
background: #000;
padding: 0.6rem 0;
width: 24%;
}
#nrent_h a {
color: #fff;
font-size: 1.6rem;
text-decoration: none;
font-family: "游ゴシック","YuGothic";
}
#nrent_h a:hover {
opacity: 0.7;
}
.cpr_slider  li img {
width: 100%;
height: auto;
}
#cps_txt p {
text-align: center;
font-size: 1.8rem;
margin-bottom: 3rem;
}
#cps_txt p:last-child {
margin-bottom: 8rem;
}
.cpr_read1 {
text-align: center;
font-family: "游明朝","YuMincho";
padding: 4rem 0;
font-size: 3.6rem;
}
.cpr_read2 {
background: #000;
color: #fff;
text-align: center;
padding: 2rem 0;
margin: 0 0 4rem 0;
font-family: "游明朝","YuMincho";
}
.cpr_read2 h3 {
display: inline-block;
border-left: 1rem solid #fff;
font-size: 2.6rem;
padding-left: 1rem;
}
.cpr_read_cpb {
position: relative;
background: #000;
color: #fff;
text-align: center;
padding: 2rem 0;
margin: 0 0 4rem 0;
font-family: "游明朝","YuMincho";
}
.cpr_read_cpb h3 {
display: inline-block;
font-size: 2.6rem;
padding-left: 1rem;
}
.cpr_read_cpb > a {
position: absolute;
top: 2.6rem;
right: 2rem;
color: #fff;
text-decoration: none;
}
.cpr_read_cpb > a:hover {
opacity: 0.7;
}
#cpblog {
padding: 0 2rem;
margin-bottom: 10rem;
}
#cpblog section {
display: flex;
justify-content: space-between;
margin-bottom: 2rem;
}
#cpblog section > div:first-child {
width: 24rem;
margin-right: 2rem;
transition: 0.3s;
}
#cpblog section > div:first-child img {
width: 24rem;
height: 16rem;
object-fit: cover;
}
#cpblog section > div:first-child:hover {
opacity: 0.7;
}
#cpblog section > div:last-child {
width: calc(100% - 26rem);
}
#cpblog section > div:last-child time {
margin-bottom: 0.6rem;
display: block;
}
#cpblog section > div:last-child h3 {
font-size: 2rem;
font-weight: bold;
margin-bottom: 0.6rem;
}
#cpblog section > div:last-child h3 a {
color: #000;
text-decoration: none;
transition: 0.3s;
}
#cpblog section > div:last-child h3 a:hover {
opacity: 0.7;
}
#hdr_blog {
margin-bottom: 5rem;
}
#blog_single {
padding: 0 2rem;
margin: 0 auto 10rem auto;
}
#blog_single img {
height: auto;
}
#blog_single h3 {
font-weight: bold;
font-size: 2.4rem;
border-bottom: 0.2rem solid #000;
margin-bottom: 1rem;
padding-bottom: 1rem;
line-height: 1.6;
}
#blog_single time {
display: block;
margin-bottom: 4rem;
}
#blog_single img {
margin: 2rem 0;
}
#blog_single p {
font-size: 1.6rem;
line-height: 1.8;
}
.cpr_box1 {
width: 60rem;;
margin: 0 auto 5rem auto;
}
.cpr_box1 img {
max-width: 100%;
}
.cpr_box1 figure {
margin-bottom: 2rem;
}
.cpr_box1 > div {

}
.cpr_box1 > div p {
margin-bottom: 2rem;
font-size: 1.6rem;
line-height: 1.7;
}
.cpr_box1 th, .cpr_box1 td {
padding: 1rem 0;
font-size: 1.6rem;
}
.cpr_box1 th {
width: 20%;
text-align: left;
}
.cpr_box1 td {
padding-left: 3rem;
}
#cprtb_sub {
padding-left: 0;
font-size: 1.4rem;
}
.cpr_box2 {
padding: 0 2rem;
margin: 0 auto 5rem auto;
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 1.6rem;
}
.cpr_box2 {
font-family: "游明朝","YuMincho";
}
.cpr_box2 section {

}
.cpr_box2 section h2, .cpr_box2 section small {
text-align: center;
}
.cpr_box2 section h2 {
font-family: "游ゴシック","YuGothic";
font-size: 1.6rem;
font-weight: bold;
}
.cpr_box2 section small {
display: block;
background: url(../img/rental/back_line.png) repeat-x center;
margin-bottom: 3rem;
}
.cpr_box2 section small img {
width: 20%;
}
.minibox1 h3 {
font-size: 2rem;
padding: 2rem 1rem 1rem 1rem;
font-weight: bold;
}
.minibox1 h3 span {
font-size: 2rem;
}
.minibox2 {
background: #BFBFBF;
padding: 1rem;
}
.minibox2 h4 {
font-size: 2rem;
font-weight: bold;
}
.minibox2 h4 span {
font-size: 1.6rem;
}
.minibox2 h5 {
font-family: "游ゴシック","YuGothic";
}
.cpr_box2 section > div > p {
margin-top: 1rem;
padding-left: 1rem;
font-family: "游ゴシック","YuGothic";
}
.cpr_box2 section > div > p span {
font-weight: bold;
color: #009344;
}
.cpr_yellow {
background: #FFD666;
}
.cpr_green {
background: #548035;
}
.cpr_brown {
background: #BC8D00;
}
.cpr_blue {
background: #9AC0E3;
}
.cpr_wt {
color: #fff;
}
.cpr_button {
display: flex;
justify-content: space-between;
width: 70%;
margin: 0 auto 8rem auto;
}
.cpr_button a {
display: block;
padding: 1rem 3rem;
text-align: center;
background: #737373;
color: #fff;
text-decoration: none;
font-size: 1.8rem;
font-weight: bold;
width: 30%;
transition: 0.3s;
}
.cpr_button a:hover, .cpr_button2 a:hover {
opacity: 0.7;
}
.cpr_button2 {
display: flex;
width: 90%;
margin: 0 auto 8rem auto;
}
.cpr_button2 a {
display: block;
padding: 1rem 1rem;
text-align: center;
background: #737373;
color: #fff;
text-decoration: none;
font-size: 1.8rem;
font-weight: bold;
width: 30%;
transition: 0.3s;
margin-right: 2rem;
}
div.umg {
margin-bottom: 8rem !important;
}
.uum {
border-bottom: 0.1rem solid #ddd;
}

/* Goods */
#hdr_goods {
background: url("../img/goods/hdr_goods.png") no-repeat center;
background-size: cover;
height: 50rem;
padding-top: 3rem;
}
#goods {
background: #999a5e;
padding: 5rem 2rem 10rem 2rem;
}
#gdwrap {
margin: 0 auto;
}
#gdwrap h2 {
text-align: center;
font-weight: bold;
font-size: 5rem;
font-family: arial;
padding-bottom: 3rem;
margin-bottom: 3rem;
border-bottom: 0.1rem solid #000;
}
#gdp {
text-align: center;
margin-bottom: 5rem;
}
#gdbox {
display: flex;
flex-wrap: wrap;
}
#gdbox article {
width: 16rem;
margin-right: 4%;
margin-bottom: 5rem;
}
#gdbox article:nth-child(4n) {
margin-right: 0;
}
#gdbox article figure {
margin-bottom: 1rem;
}
#gdbox article figure img {
width: 16rem;
height: 16rem;
object-fit: cover;
}
#gdbox article h4 {
font-weight: bold;
}
#gdbox article a.kou {
background: url("../img/goods/arrow.png") no-repeat;
background-position: 0 0.2rem;
padding-left: 3rem;
color: #000;
font-weight: bold;
}
#gdbox article small {
display: block;
font-size: 1.4rem;
}
#gdbox article p {
font-size: 1.3rem;
}
#wp_ftr_store {
width: 29.9rem;
margin: 5rem auto 0 auto;
}

/* WP記事本文用CSS */
#wp_single h1 {
font-size: 3rem;
line-height: 1.5;
}
#wp_single h2 {
font-size: 2.6rem;
line-height: 1.5;
}
#wp_single h3 {
font-size: 2.4rem;
line-height: 1.5;
}
#wp_single h4 {
font-size: 2rem;
line-height: 1.5;
}
#wp_single h5 {
font-size: 1.8rem;
line-height: 1.5;
}
#wp_single h6 {
font-size: 1.6rem;
line-height: 1.5;
}

}


/* スマートフォン用
------------------------------------------------------------*/
@media only screen and (max-width: 640px) {

/* トップページ */
#top_banner {
width: 90%;
margin: 3rem auto;
text-align: center;
}
#top_banner img {
max-width: 100%;
height: auto;
}
#hdr_catch {
margin-bottom: 3rem;
}
#hdr_catch div {

}
#hdr_catch div div {
width: 100%;
margin: 0 auto;
}
#hdr_catch div div img {
width: 100%;
height: auto;
}
#news {
font-size: 1.4rem;
line-height: 3rem;
}
#news div:first-child {
max-height: 40rem;
overflow: auto;
margin-bottom: 2rem;
}
#news div:last-child {
text-align: center;
}
#news div:last-child div {
margin-bottom: 2rem;
}
#news table {
width: 100%;
}
#news th {
text-align: left;
font-weight: 500;
display: block;
padding-top: 0.6rem;
}
#news td {
display: block;
border-bottom: 0.1rem dotted #ccc;
}
article#news > a {
display: block;
padding: 3rem 4rem;
border: 0.1rem solid #5e6160;
background: url("../img/top/read_more.png") no-repeat center;
background-size: 80%;
transition: 0.3s;
margin-top: 3rem;
}
article#news > a:hover {
text-decoration: none;
opacity: 0.4;
transition: 0.3s;
}
article#news table a {
color: #000;
}
#sns {
margin: 3rem 0;
}
#sns article {
width: 100%;
margin-bottom: 3rem;
}

#sns article > iframe{
width: 100% !important;
}
    
#sns h3 {
font-size: 2.4rem;
font-weight: bold;
margin-bottom: 2rem;
font-family: "arial";
}
#sns h3 img {
vertical-align: -1rem;
margin-right: 1rem;
}
#sns article:first-child h3 {
color: #0165e1;
}
#sns article:first-child h3 img, #sns article:last-child h3 img {
width: 4rem;
}
#sns article ul {
margin-bottom: 2rem;
}
#yaji {
display: none;
}
#motto {
margin: 4rem 0 5rem 0;
}
#motto h3 {
font-size: 2rem;
line-height: 3rem;
font-weight: bold;
margin-bottom: 1.6rem;
padding: 0 2rem;
text-align: center;
}
#motto p {
background: url("../img/top/back_cool.png");
font-weight: bold;
font-size: 1.6rem;
line-height: 3.2rem;
padding: 4rem 2rem;
color: #fff;
text-shadow: 0.1rem 0.1rem 0 #000;
}
#intro {
text-align: center;
}
#intro h3 {
color: #5A4A3F;
font-size: 2.4rem;
font-weight: bold;
margin-bottom: 5rem;
}
#intro > div {

}
#intro > div article {
margin-bottom: 4rem;
}
#intro > div article img {
width: 100%;
height: auto;
}
#intro > div article a img {
transition: 0.3s;
}
#intro > div article a img:hover {
opacity: 0.7;
transition: 0.3s;
}
#intro > div article img {
margin-bottom: 2rem;
}
#intro > div article h4 {
color: #5A4A3F;
font-size: 1.8rem;
font-weight: bold;
margin-bottom: 1rem;
}
#intro > div div {
height: 19.7rem;
transition: 0.3s;
}
#intro > div div:hover {
opacity: 0.5;
transition: 0.3s;
}
#intro > div div a {
display: block;
border: 0.1rem solid #7D7D7D;
height: 100%;
background: url("../img/about/icon_mail.png") no-repeat;
background-position: 50% 20%;
padding: 9rem 0 0 0;
}
#intro > div div a:link {
color: #5A4A3F;
}
#intro > div div a:visited {
color: #5A4A3F;
}
#intro > div div a:hover {
color: #5A4A3F;
text-decoration: none;
}
#intro > div div a:active {
color: #5A4A3F;
}
#intro > div div a h3 {
margin-bottom: 1rem;
font-size: 1.8rem;
}
#top_hr {
border-top: 0.5rem solid #7D7D7D;
border-bottom: none;
}
#top_copy {
margin: 5rem 0;
}
#top_copy article {
background: #086736;
color: #fff;
font-weight: bold;
padding: 3rem 2rem;
}
#top_copy article:first-child {
font-size: 1.8rem;
margin-bottom: 1rem;
}
#top_copy article:first-child img {
width: 100%;
height: auto;
}
#top_copy article:last-child {
font-size: 1.3rem;
line-height: 2.8rem;
}
#top_copy article:first-child h2 {
font-weight: bold;
font-size: 2rem;
margin-bottom: 0.6rem;
}
#top_copy article:first-child div {
margin-bottom: 4rem;
}
#top_copy article:first-child ul {
border-left: 0.5rem solid #fff;
padding-left: 2rem;
font-size: 2.2rem;
margin-bottom: 3rem;
}
#top_copy article:first-child p {
text-align: right;
}
#top_copy article:first-child ul li {
margin-bottom: 1.4rem;
}
#top_copy article:first-child ul li:last-child {
margin-bottom: 0;
}
#top_copy article:last-child p {
margin-top: 4rem;
}
#top_gallery {
background: url("../img/top/back_cool.png");
padding: 3.6rem 0;
}
#top_gallery > div {
margin: 0 auto;
padding: 0 2rem;
}
#top_gallery > div div {
position: relative;
width: 31rem;
margin: 0 auto 2rem auto;
}
#top_gallery > div div::after {
position: absolute;
top: 0;
left: 0;
width: 31rem;
height: 20.6rem;
color: #fff;
font-weight: bold;
box-sizing: border-box;
}
#top_gallery > div div:first-child::after {
content: "GO OUT!";
padding: 17.6rem 1rem 1rem 1rem;
}
#top_gallery > div div:nth-child(2)::after {
content: "GO FIELD!";
padding: 17.6rem 1rem 1rem 22rem;
}
#top_gallery > div div:last-child::after {
content: "Enjoy Field!";
padding: 17.6rem 1rem 1rem 1rem;
}
#campaign {
font-size: 2rem;
width: calc(100% - 2rem);
margin: 5rem auto 0 auto;
}
#btn_sns {
margin: 3rem auto;
}
#btn_sns div {
width: 100%;
text-align: center;
}
#btn_sns div {
margin-bottom: 3rem;
}
#btn_sns div img {
/*width: 100%;*/
height: auto;
}
#ban_store {
position: relative;
padding: 0 1rem;
margin: 5rem auto 0 auto;
}
#ban_store img {
max-width: 100%;
height: auto;
}
#ban_store img:hover {
opacity: 0.8;
transition: 0.5s;
}

#new_icon {
padding: 0 3rem;
margin: 5rem auto 0 auto;
display: flex;
justify-content: space-between;
}
#new_icon > div {
width: 5.7rem;
}
#new_icon2 > div {
display: flex;
justify-content: space-between;
}
#new_icon2 {
margin: 5rem auto 0 auto;
background: url("../img/top/back_store_icon.png");
padding: 2rem;
}
#new_icon2 h2 {
margin-bottom: 4rem;
}
.ban2021 {
width: 90%;
margin: 3rem auto;
}
#sale1, #sale2, #sale3 {
width: 90%;
margin: 0 auto;
}
#sale1 {
margin-top: 3rem;
}

#campaign {
display: block;
width: 100%;
max-width: 100rem;
margin: 3rem auto;
color: #086736;
border: 1rem solid #086736;
text-align: center;
font-size: 3rem;
font-weight: bold;
padding: 2rem 0;
cursor: pointer;
transition: 0.3s;
}
#campaign:hover {
text-decoration: none;
opacity: 0.5;
transition: 0.3s;
}
.ru_price {
margin-top: -2rem;
}
.ru_price th {
text-align: left;
font-weight: 500;
}

#ban_sale2022 {
margin: 0 auto 5rem auto;
}
#store_icon2022 {
background: url("../img/top/back_store_icon.png");
padding: 3rem;
}
#store_icon2022 > div {
display: flex;
justify-content: space-between;
}
#store_icon2022 > div div {
width: 5.7rem;
}
#store_icon2022 > h3 {
width: 70%;
margin: 2rem auto 0 auto;
}
#store_icon2022_2 {
background: url("../img/top/back_store_icon.png");
padding: 3rem;
}
#store_icon2022_2 > div {
display: flex;
justify-content: space-between;
}
#store_icon2022_2 > div h4 {
font-size: 1.1rem;
text-align: center;
line-height: 1.3rem;
margin-top: 1rem;
}
#store_icon2022_2 > div div {
width: 5.7rem;
}
#store_icon2022_2 > h3 {
width: 70%;
margin: 0 auto 2rem auto;
}
.muu {
margin-top: 5rem !important;
}
#ban_sale_coleman {
width: 90%;
margin: 5rem auto;
}
#gocamp {
padding: 0 2rem;
margin: 5rem auto 0 auto;
}
#sub_sns {
margin: 3rem auto 0 auto;
display: flex;
justify-content: space-between;
}
#sub_sns > div  {
width: 20%;
margin-bottom: 2rem;
text-align: center;
}



/* フィールドセブンについて */
#hdr_about {
color: #fff;
font-weight: bold;
text-shadow: 0.1rem 0.1rem 0 #000;
height: 50vh;
}
#hdr_about h2 {
background: url("../img/about/hdr_about_left.png") no-repeat center;
background-size: cover;
padding: 2rem;
height: 50vh;
}
#hdr_about h2 img {
width: 100%;
height: auto;
}
#hdr_about div {
display: none;
}
#about_catch {
text-align: center;
font-weight: bold;
font-size: 1.8rem;
line-height: 3rem;
margin: 2rem 0 2rem 0;
}
#gallery_about, #ccgallery_u {
padding: 0 1rem;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
#gallery_about div, #ccgallery_u div {
margin-bottom: 2rem;
width: 48%;
}
#gallery_about div img, #ccgallery_u div img {
width: 100%;
height: 30vw;
object-fit: cover;
}
#ccgallery_u {
margin-bottom: 8rem;
}
#gallery_about2 {
padding: 0 1rem;
}
#gallery_about2 > article:first-child {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
#gallery_about2 > article:first-child div {
width: 48%;
margin-bottom: 2rem;
}
#gallery_about2 > article:last-child {
text-align: center;
}
#gallery_about2 > article:last-child div {
width: 48%;
margin: 0 auto 2rem auto;
}
#gallery_about2 > article:first-child div img, #gallery_about2 > article:last-child div img {
width: 100%;
height: auto;
}
#cool {
margin: 6rem 0;
}
#cool div {
background: url("../img/about/cool.png") no-repeat center;
background-size: cover;
}
#cool article {
padding: 4rem 3rem;
font-weight: bold;
font-size: 1.6rem;
line-height: 3.2rem;
background: #EBEBEC;
}
#cool article h3 {
font-size: 2rem;
font-weight: bold;
margin-bottom: 3rem;
}
#logo_cc {
margin: 5rem auto 2rem auto;
text-align: center;
}
#logo_cc_h {
font-weight: bold;
color: #000;
text-align: center;
font-size: 2.6rem;
}
.read_box {
padding: 0 2rem;
margin: 5rem 0 2rem 0;
}
.read_box > div {
width: 22rem;
margin-bottom: 2rem;
}
.read_box h2 {
font-weight: bold;
color: #000;
font-size: 2rem;
font-size: 1.8rem;
}
.cct_slider {
text-align: center;
padding: 0 2rem;
margin: 2rem auto 2rem auto;
height: 25.4rem !important;
}
.cct_thumb {
padding: 0 1rem;
margin: 0 auto 5rem auto;
display: flex;
justify-content: space-between;
}
.cct_thumb li {
margin-right: 0.4rem;
}
.cct_thumb li:last-child {
margin-right: 0;
}
.cct_thumb img, .cct_slider img {
max-width: 100%;
transition: 0.3s;
}
.cct_thumb img:hover {
opacity: 0.7;
transition: 0.3s;
}
#cct_p {
display: none;
}
#cct_p_sp {
background: #000;
color: #fff;
text-align: center;
font-size: 1.6rem;
padding: 1rem 0;
margin-top: 4rem;
}
#cct_p span {
border: 0.1rem solid #000;
padding: 0.4rem 3rem;
font-size: 1.2rem;
margin-right: 1rem;
background: #000;
color: #fff;
font-weight: bold;
}
#gal_txt {
display: none;
}
#gal_txt a:link {
text-decoration: none;
}
#gal_txt a:hover {
text-decoration: none;
opacity: 0.7;
}
#gal_txt a {
display: inline-block;
margin: 0 3rem;
}
.byko {
margin: 2rem 0;
}
.rec24h {
margin-bottom: 1rem;
font-weight: bold;
}
.rec24p {
margin-bottom: 2rem;
}
.rec24tb {
margin-bottom: 5rem;
}
.rec24tb th, .rec24tb td {
vertical-align: top;
padding: 1rem 0;
display: block;
text-align: left;
}
.rec24tb td {
padding-left: 2rem;
}

/* 店舗紹介 */
#hdr_shop {
background: url("../img/shop/hdr_shop.png") no-repeat center;
background-size: cover;
height: 50vh;
padding-top: 3rem;
}
#hdr_shop div {
padding: 0 5rem 0 2rem;
}
#hdr_shop div img {
width: 100%;
height: auto;
}
.shop_catch {
color: #5A4A3F;
font-weight: bold;
text-align: center;
font-size: 2.4rem;
margin: 6rem 0 4rem 0;
}
#shop_info {
background: #086736;
color: #fff;
font-weight: bold;
text-align: center;
padding: 4rem 2rem;
}
#shop_info h3 {
font-size: 2rem;
line-height: 3rem;
margin-bottom: 3rem;
font-weight: bold;
}
#shop_info p {
font-size: 1.5rem;
line-height: 2.8rem;
text-align: left;
}
#shop_info2 {
color: #086736;
font-weight: bold;
text-align: center;
padding: 4rem 2rem;
}
#shop_info2 h3 {
font-size: 1.8rem;
line-height: 3rem;
margin-bottom: 3rem;
font-weight: bold;
}
#shop_info2 p {
font-size: 1.5rem;
line-height: 2.8rem;
text-align: left;
}
#catch_pic {
padding: 0 2rem;
}
#catch_pic div {margin-bottom: 2rem;}
#info_bottom {
margin: 3rem auto 5rem auto;
text-align: center;
}
#info_bottom div {
margin-bottom: 2rem;
}
.address h3 {
font-weight: bold;
font-size: 2.4rem;
margin-bottom: 1rem;
}
.address p {
font-size: 1.6rem;
}
.shop_title {
font-weight: bold;
font-size: 1.8rem;
margin: 7rem 0 3rem 0;
display: inline-block;
border: 0.1rem solid #000;
padding: 1rem 2rem;
text-align: center;
width: 100%;
}
.shop_list li {
display: inline-block;
margin: 0 2rem 1rem 0;;
font-size: 1.3rem;
border-bottom: 0.1rem dashed #000;
}
#gyo {
font-weight: bold;
font-size: 2rem;
line-height: 3rem;
}
#gallery_shop {
text-align: center;
margin: 5rem 0;
}
#gallery_shop div {
margin-bottom: 2rem;
}
#map {
height: 40rem;
margin: 0.6rem 0 5rem 0;
}
.address {
margin-bottom: 2rem;
}
.shopmap {
height: 30rem;
margin-bottom: 5rem;
}
.shop_box {
margin-bottom: 5rem;
font-size: 1.6rem;
line-height: 3rem;
color: #086736;
font-weight: bold;
}
.shop_box li {
background: url("../img/shop/back_arrow.png") no-repeat;
padding-left: 2rem;
background-position: 0 0.6rem;
}
#recruit {
padding: 0 1rem;
margin: 5rem auto;
font-size: 1.4rem;
line-height: 2rem;
}
#recruit h2 {
font-weight: bold;
font-size: 2.2rem;
color: #086736;
padding: 1rem 2rem;
border: 0.2rem solid #086736;
display: inline-block;
margin-bottom: 3rem;
}
#recruit h3 {
margin: 3rem 0 2rem 0;
font-weight: bold;
font-size: 1.6rem;
}
#recruit p:last-child {
font-weight: bold;
margin-top: 3rem;
}
#recruit li {
margin-bottom: 1rem;
}

/* プライバシーポリシー */
#hdr_policy {
background: url("../img/policy/hdr_policy.png") no-repeat center;
background-size: cover;
height: 20rem;
padding-top: 5rem;
}
#hdr_policy div {
padding: 2rem 5rem 0 2rem;
}
#hdr_policy div img {
width: 100%;
height: auto;
}
#policy p {
margin-bottom: 5rem;
line-height: 3rem;
}
section#policy h3.shop_title {
margin-top: 0;
}

/* お問い合わせ */
#hdr_mail {
background: url("../img/mail/hdr_mail.png") no-repeat center;
background-size: cover;
height: 20rem;
padding-top: 5rem;
}
#hdr_mail div {
padding: 0 15rem 0 2rem;
}
#hdr_mail div img {
width: 100%;
height: auto;
}
#mail {
min-height: 50rem;
}
section#mail h3.shop_title {
margin-top: 0;
}
table.formTable {
width: 100%;
margin: 5rem 0;
}
.formTable th {
text-align: left;
padding: 2rem 1rem 0 1rem;
display: block;
}
.formTable td {
padding: 1rem;
border-bottom: 0.2rem dashed #ccc;
display: block;
}
.formTable .submit {
text-align: center;
border-bottom: none;
padding-top: 2rem;
}
.error_messe{
color: #FF0000;
font-weight: bold;
}
.star {
background: #ff0000;
border-radius: 0.4rem;
margin-left: 1rem;
color: #fff;
text-align: center;
padding: 0.2rem 0.4rem;
font-size: 1.2rem;
}
#name, #email, #email_check {
width: 100%;
}
#tel, #fax {
width: 100%;
}
.address, #message {
width: 100%;
}

/* WP */
#hdr_wp {
background: url("../img/policy/hdr_policy.png") no-repeat center;
background-size: cover;
height: 10rem;
padding: 4rem 2rem;
}
#hdr_wp h2 {
color: #fff;
font-weight: bold;
font-size: 3rem;
}
#wp_list article {
border-bottom: 0.1rem dotted #ccc;
padding-bottom: 2rem;
margin-bottom: 3rem;
}
#wp_list article figure {
width: 17rem;
height: 12rem;
}
#wp_list article figure img {
object-fit: cover;
width: 17rem;
height: 12rem;
}
#wp_list article > div {
margin-top: 3rem;
}
#wp_list article small {
display: block;
font-size: 1.4rem;
}
#wp_list article h3 {
font-size: 2rem;
line-height: 3rem;
font-weight: bold;
margin-bottom: 2rem;
}
#wp_list article img {
margin: 2rem 0;
max-width: 100%;
height: auto;
}
#wp_list article p {
margin-bottom: 1rem;
}
#wp_single article {
border-bottom: 0.1rem dotted #ccc;
padding-bottom: 2rem;
margin-bottom: 3rem;
}
#wp_single article small {
display: block;
font-size: 1.4rem;
}
#wp_single article h3 {
font-size: 2rem;
line-height: 3rem;
font-weight: bold;
margin-bottom: 2rem;
}
#wp_single article img {
margin: 2rem 0;
max-width: 100%;
height: auto;
}
#wp_single article p {
margin-bottom: 1rem;
}

/* キャンピングカー */
#hdr_campingcar {
background: url("../img/campingcar/hdr_campingcar.png") no-repeat center;
background-size: cover;
height: 36vh;
padding-top: 3rem;
}
#hdr_campingcar h2 {
padding: 0 10rem 2rem 2rem;
}
#cpc_unt {
padding: 3rem 2rem;
background: #efefef;
}
#cpc_unt > div {

}
#cpc_unt > div h3 {
font-size: 2rem;
font-weight: bold;
margin-bottom: 3rem;
}
#cpc_unt > div p {
margin-bottom: 2rem;
font-size: 1.4rem;
line-height: 2rem;
}
#cpc_unt > div p:last-child {
margin-bottom: 0;
}
.logo_cc {
margin: 5rem auto 2rem auto;
text-align: center;
}
.logo_cc_h {
font-weight: bold;
color: #000;
text-align: center;
font-size: 2rem;
}
.cpc_catch {
margin: 2rem auto;
}
.cpc_link {
text-align: center;
font-weight: bold;
font-size: 1.4rem;
}
.cpc_link a {
display: inline-block;
margin: 0 1rem;
color: #6F3E1E;
text-decoration: none;
}
.cpc_link a:hover {
opacity: 0.7;
}
.cpc_gal {
margin: 3rem auto;
display: flex;
flex-wrap: wrap
}
.cpc_gal > div {
width: 50%;
}
.cpc_gal > div:nth-child(3n) {
margin-right: 0;
}
#cpc_gyo {
text-align: center;
font-size: 1.6rem;
color: #000;
font-weight: bold;
margin: 1rem 0 1rem 0;
padding: 0 2rem;
line-height: 1.7;
}
#cpc_tb {
width: 100%;
margin: 5rem auto 8rem auto;
overflow-x: auto;
}
#cpc_tb table caption {
text-align: left;
}
#cpc_tb table {
width: 74rem;
border-collapse: collapse;
}
#cpc_tb table th {
text-align: left;
background: #106434;
color: #fff;
font-weight: bold;
padding: 0.6rem 1rem;
}
#cpc_tb table th, #cpc_tb table td {
border: 0.2rem solid #000;
}
#cpc_tb table td {
padding: 0.6rem;
text-align: center;
}
#cpc_tb small {
width: 74rem;
display: block;
}
.price_b {
font-weight: bold;
font-size: 1.5rem;
}
.v2_box {
margin: 3rem auto;

}
.v2_box > figure {
text-align: center;
}
.v2_box > figure img {
margin-bottom: 2.5rem;
}
.v2_box > div {
padding: 0 2rem;
}
.v2_box > div p {
margin-bottom: 3rem;
}
#cpc_mail {
width: 80%;
margin: 5rem auto 0 auto;
display: block;
text-align: center;
font-size: 1.5rem;
font-weight: bold;
color: #000;
padding: 2rem 0;
border: 0.2rem solid #000;
background: #efefef;
text-decoration: none;
}
#under_cp {
padding: 0 1rem;
display: flex;
justify-content: space-between;
}
#under_cp div {
width: 48%;
}

/* レンタカー */
#hdr_rental {
background: url("../img/rental/hdr_rental.png") no-repeat center;
background-size: cover;
height: 36vh;
padding: 3rem;
}
#hdr_rental h3 {
margin: 17vh 0 0 10vh;
text-align: right;
}
#rt_unt {
width: 98%;
margin: 0 auto;
padding: 3rem;
border: 0.1rem solid #ddd;
}
#rt_unt h3 {
font-size: 2rem;
line-height: 3rem;
font-weight: bold;
margin-bottom: 3rem;
color: #183E20;
}
#rt_wrap {
padding: 0 1rem;
margin: 5rem auto;
}
#rth {
font-weight: bold;
font-size: 2.6rem;
border-bottom: 0.3rem solid #000;
color: #000;
padding-bottom: 0.6rem;
display: inline-block;
width: 16rem;
text-align: center;
margin-bottom: 2rem;
}
#rth2 {
color: #183E20;
font-weight: bold;
font-size: 1.8rem;
margin-bottom: 3rem;
}
#rth3 {
font-weight: bold;
font-size: 1.8rem;
}
#spec {

}
#spec figure {

}
#spec > div {

}
#spec > div div p {
color: #fff;
font-weight: bold;
display: inline-block;
padding: 0.4rem 1rem;
text-align: center;
background: #8E3F22;
margin-right: 2rem;
margin-top: 1rem;
}
#spec > div table {
width: 100%;
border-collapse: collapse;
margin-top: 1rem;
font-size: 1.3rem;
}
#spec > div table caption {
text-align: left;
}
#spec > div table th, #spec > div table td {
border: 0.2rem solid #000;
text-align: left;
padding: 0.4rem 0.6rem;
}
#spec > div table th {
background: #ddd;
}
#rt3 {
margin: 2rem 0;
}
.rt_normal {
font-size: 1.4rem;
line-height: 2.6rem;
margin-bottom: 3rem !important;
}
.rt_normal em {
color: #183E20;
font-weight: bold;
}
#icon9 {
width: 100%;
display: flex;
flex-wrap: wrap;
}
#icon9 li {
text-align: center;
color: #fff;
background: #009944;
padding: 0.8rem 1rem;
width: 30%;
margin-right: 5%;
margin-bottom: 1rem;
font-weight: bold;
font-size: 1.2rem;
}
#icon9 li:nth-child(3n) {
margin-right: 0;
}
#ud_tb {
margin-bottom: 5rem !important;
}
#rt_wrap > h3 {
font-size: 1.8rem;
margin-bottom: 1rem;
font-weight: bold;
}
#rt_wrap > p {
margin-bottom: 2rem;
}
#rt_price {
width: 100%;
border-collapse: collapse;
}
#rt_price th, #rt_price td {
border: 0.2rem solid #000;
text-align: center;
padding: 0.4rem 0.6rem;
}
#rt_price th {
background: #323333;
color: #fff;
}
#rt_price td:nth-of-type(1) {
text-align: left;
padding-left: 1rem;
}
.ru_price th, .ru_price td {
display: block;
}
#uuud {
color: #fff;
font-weight: bold;
display: inline-block;
padding: 0.4rem 2rem;
text-align: center;
background: #8E3F22;
margin: 1rem 0 8rem 0;
}
#calendar {
margin-bottom: 8rem;
}
#calendar > div:first-child {
height: 80rem;
}
#calendar > div:last-child h4 {
background: #137B3B;
color: #fff;
font-weight: bold;
text-align: center;
font-size: 2.4rem;
padding: 1rem 0;
margin-top: 5.2rem;
margin-bottom: 2rem;
}
#calendar > div:last-child h5 {
font-size: 1.7rem;
margin-bottom: 2rem;
font-weight: bold;
color: #137B3B;
}
#calendar > div:last-child p {
font-size: 1.6rem;
margin-bottom: 2rem;
}
#calendar > div:last-child a {
background: #137B3B;
color: #fff;
display: inline-block;
font-weight: bold;
font-size: 1.8rem;
padding: 1rem 3rem;
text-decoration: none;
margin-bottom: 2rem;
}
#calendar > div:last-child a:hover {
opacity: 0.7;
}

.pcc {
display: none;
}

/* レンタカー（リニューアル） */
#nrent_h {
text-align: center;
font-family: "游明朝","YuMincho";
padding: 3rem 0;
}
#nrent_h h1 {
font-size: 2.6rem;
margin-bottom: 2rem;
line-height: 1.5
}
#nrent_h h2 {
font-size: 2rem;
}
#nrent_catch img {
width: 100%;
}
#nrent_sub {
text-align: center;
font-family: "游明朝","YuMincho";
padding: 4rem 0;
font-size: 3rem;
}
.nrh {
background: #000;
color: #fff;
text-align: center;
padding: 2rem 0;
margin: 0 0 4rem 0;
}
.nrh h3 {
display: inline-block;
font-size: 2rem;
line-height: 1.7;
}
.nrh h3 span {
font-family: "游明朝","YuMincho";
}
.nr_mainp {
font-size: 1.6rem;
margin-bottom: 3rem;
padding: 0 2rem;
line-height: 1.7;
}
.cp1 {
margin: 5rem 0 2rem 0;
background: url("../img/rental/back_line.png") repeat-x center;
text-align: center;
}
.nb_under {
text-align: center;
font-weight: bold;
margin-bottom: 4rem;
font-size: 2.4rem;
}
#ccts {
margin: 0 auto;
}
.cct_slider2 {
margin: 3rem auto 2rem auto;
}
.cct_slider2 img {
max-width: 100%;
}
.cct_thumb2 {
margin: 0 auto 10rem auto;
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
gap: 0.4rem 0.1rem;
}
.cct_thumb2 img {
transition: 0.3s;
max-width: 100%;
}
.cct_thumb2 img:hover {
opacity: 0.7;
transition: 0.3s;
}
#nr_tb1 {
margin: 0 auto 5rem auto;
}
#nr_tb1 section {
padding: 0 1rem;
}
#nr_tb1 section table, #nr_tb2 table {
border-collapse: collapse;
width: 100%;
margin-bottom: 2rem;
}
#nr_tb1 section th, #nr_tb1 section td {
border: 0.1rem solid #000;
padding: 0.6rem 1rem;
}
#nr_tb1 section th {
background: #F2F2F2;
text-align: left;
}
#nr_tb2 {
padding: 0 1rem;
margin: 0 auto 5rem auto;
}
#nr_tb2 th, #nr_tb2 td {
border: 0.1rem solid #000;
padding: 0.6rem 1rem;
}
#nr_tb2 th {
background: #F2F2F2;
text-align: left;
}
#nr_tb2 > p {
background: #955E29;
width: 94%;
margin: 3rem auto 5rem auto;
color: #fff;
text-align: center;
padding: 1rem 0;
font-weight: bold;
font-size: 1.4rem;
}
#calendar2 {
margin: 0 auto 8rem auto;
}
#calendar2 > div:first-child {
height: 80rem;
margin-bottom: 3rem;
}
#calendar2 > div:last-child h4 {
background: #137B3B;
color: #fff;
font-weight: bold;
text-align: center;
font-size: 2.4rem;
padding: 1rem 0;
margin-top: 5.2rem;
margin-bottom: 2rem;
}
#calendar2 > div:last-child h5 {
font-size: 1.7rem;
margin-bottom: 2rem;
font-weight: bold;
color: #137B3B;
}
#calendar2 > div:last-child p {
font-size: 1.6rem;
margin-bottom: 2rem;
}
#calendar2 > div:last-child a {
background: #137B3B;
color: #fff;
display: inline-block;
font-weight: bold;
font-size: 1.8rem;
padding: 1rem 3rem;
text-decoration: none;
margin-bottom: 2rem;
}
#calendar > div:last-child a:hover {
opacity: 0.7;
}
#nr_yoyaku {
padding: 0 2rem;
margin-bottom: 3rem;
}
#nr_yoyaku p {
font-size: 1.6rem;
line-height: 1.7;
margin-bottom: 2rem;
}
#nr_yoyaku > a {
display: block;
background: #955E29;
color: #fff;
font-weight: bold;
padding: 1rem 0;
width: 94%;
text-align: center;
margin: 3rem auto 0 auto;
text-decoration: none;
transition: 0.3s;
}
#nr_yoyaku > a:hover {
opacity: 0.7;
}
#chui {
margin: 5rem auto;
padding: 0 2rem;
}
#chui h3 {
font-weight: bold;
font-size: 2rem;
margin-bottom: 2rem;
}
#chui p {
font-size: 1.6rem;
margin-bottom: 5rem;
}
#dealer {
color: #D5952C;
background: #000;
padding: 5rem 0;
font-weight: bold;
}
#dealer > div, #dealer h3 {
text-align: center;
}
#dealer h3 {
font-size: 2.4rem;
margin: 2rem 0 5rem 0;
}
#dealer h3 span {
font-family: "游明朝","YuMincho";
margin-right: 1rem;
}
#dealer ul {
margin: 0 auto;
font-size: 1.8rem;
text-align: center;
}
#dealer ul li {
margin-bottom: 1rem;
}
#dealer section {
width: 30rem;
margin: 5rem auto;
display: flex;
justify-content: space-between;
}
#dealer section img:hover {
opacity: 0.7;
}
#nr_ftr {
background: #282828;
padding: 5rem 0 2rem 0;
color: #fff;
}
#nr_ftr nav {
background: #000;
padding: 2rem 0;
}
#nr_ftr nav ul {
text-align: center;
}
#nr_ftr nav ul li {
display: inline-block;
}
#nr_ftr nav ul li a:link {
color: #fff;
}
#nr_ftr nav ul li a:visited {
color: #fff;
}
#nr_ftr nav ul li a:hover {
color: #fff;
}
#nr_ftr nav ul li a:active {
color: #fff;
}
#nr_ftr > section {
margin-top: 5rem;
text-align: center;
}
#nr_ftr > section a {
color: #D5952C;
text-decoration: none;
display: block;
margin: 1rem 2rem;
}
#nr_ftr > section a:hover {
opacity: 0.7;
}
#nr_ftr small {
background: none;
}
#nr_ftr > p {
padding: 0 2rem;
border: none;
}

/* キャンピングカー（リニューアル2024） */
#nrent_h nav {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 0.6rem;
width: 80%;
margin: 0 auto;
}
#nrent_h li {
padding: 0.6rem 0;
text-align: center;
background: #000;
}
#nrent_h a {
color: #fff;
font-size: 1.4rem;
text-decoration: none;
font-family: "游ゴシック","YuGothic";
}
#nrent_h a:hover {
opacity: 0.7;
}
.cpr_slider  li img {
width: 100%;
height: auto;
}
#cps_txt {
margin-top: 5rem;
}
#cps_txt p {
font-size: 1.6rem;
padding: 3rem 2rem;
background: #f1f1f1;
}
#cps_txt p:last-child {
padding-top: 0;
margin-bottom: 5rem;
}
.cpr_read1 {
text-align: center;
font-family: "游明朝","YuMincho";
padding: 4rem 0;
font-size: 3.6rem;
}
.cpr_read2 {
background: #000;
color: #fff;
text-align: center;
padding: 2rem 0;
margin: 0 0 4rem 0;
font-family: "游明朝","YuMincho";
}
.cpr_read2 h3 {
display: inline-block;
border-left: 1rem solid #fff;
font-size: 2.6rem;
padding-left: 1rem;
}
.cpr_read_cpb {
position: relative;
background: #000;
color: #fff;
text-align: center;
padding: 2rem 0;
margin: 0 0 4rem 0;
font-family: "游明朝","YuMincho";
}
.cpr_read_cpb h3 {
display: inline-block;
font-size: 2.6rem;
padding-left: 1rem;
}
.cpr_read_cpb > a {
display: block;
text-align: center;
color: #fff;
text-decoration: none;
margin-top: 1rem;
}
.cpr_read_cpb > a:hover {
opacity: 0.7;
}
#cpblog {
padding: 0 4rem;
}
#cpblog section {
margin-bottom: 5rem;
}
#cpblog section > div:first-child {
text-align: center;
margin-bottom: 1rem;
transition: 0.3s;
}
#cpblog section > div:first-child img {
width: 100%;
height: auto;
}
#cpblog section > div:first-child:hover {
opacity: 0.7;
}
#cpblog section > div:last-child time {
margin-bottom: 1rem;
display: block;
}
#cpblog section > div:last-child h3 {
font-size: 1.6rem;
font-weight: bold;
margin-bottom: 1rem;
}
#cpblog section > div:last-child h3 a {
color: #000;
text-decoration: none;
transition: 0.3s;
}
#cpblog section > div:last-child h3 a:hover {
opacity: 0.7;
}
#hdr_blog {
margin-bottom: 5rem;
}
#blog_single {
padding: 0 2rem;
margin-bottom: 6rem;
}
#blog_single img {
height: auto;
}
#blog_single h3 {
font-weight: bold;
font-size: 2rem;
border-bottom: 0.2rem solid #000;
margin-bottom: 1rem;
padding-bottom: 1rem;
line-height: 1.6;
}
#blog_single time {
display: block;
margin-bottom: 4rem;
}
#blog_single img {
margin: 2rem 0;
}
#blog_single p {
font-size: 1.6rem;
line-height: 1.8;
}
.cpr_box1 {
margin: 0 auto 5rem auto;
}
.cpr_box1 img {
max-width: 100%;
}
.cpr_box1 > div {
padding: 0 2rem;
margin-top: 2rem;
}
.cpr_box1 > div p {
margin-bottom: 2rem;
font-size: 1.6rem;
line-height: 1.7;
}
.cpr_box1 tablr {
width: 100%;
}
.cpr_box1 th, .cpr_box1 td {
padding: 1rem 0;
font-size: 1.6rem;
}
.cpr_box1 th {
width: 25%;
text-align: left;
}
.cpr_box1 td {
padding-left: 3rem;
}
#cprtb_sub {
padding-left: 0;
font-size: 1.4rem;
}
.cpr_box2 {
width: 80%;
margin: 0 auto 5rem auto;
}
.cpr_box2 {
font-family: "游明朝","YuMincho";
}
.cpr_box2 section {
margin-bottom: 8rem;
}
.cpr_box2 section:last-child {
margin-bottom: 2rem;
}
.cpr_box2 section h2, .cpr_box2 section small {
text-align: center;
}
.cpr_box2 section h2 {
font-family: "游ゴシック","YuGothic";
font-size: 2.2rem;
font-weight: bold;
}
.cpr_box2 section small {
display: block;
background: url(../img/rental/back_line.png) repeat-x center;
margin-bottom: 1rem;
}
.cpr_box2 section small img {
width: 20%;
}
.minibox1 h3 {
font-size: 3rem;
padding: 2rem 1rem 1rem 1rem;
font-weight: bold;
}
.minibox1 h3 span {
font-size: 2rem;
}
.minibox2 {
background: #BFBFBF;
padding: 1rem;
}
.minibox2 h4 {
font-size: 2rem;
font-weight: bold;
}
.minibox2 h4 span {
font-size: 1.6rem;
}
.minibox2 h5 {
font-family: "游ゴシック","YuGothic";
}
.cpr_box2 section > div > p {
margin-top: 1rem;
padding-left: 1rem;
font-family: "游ゴシック","YuGothic";
}
.cpr_box2 section > div > p span {
font-weight: bold;
color: #009344;
}
.cpr_yellow {
background: #FFD666;
}
.cpr_green {
background: #548035;
}
.cpr_brown {
background: #BC8D00;
}
.cpr_blue {
background: #9AC0E3;
}
.cpr_wt {
color: #fff;
}
.cpr_button {
width: 60%;
margin: 0 auto 8rem auto;
}
.cpr_button a {
display: block;
padding: 1rem 3rem;
text-align: center;
background: #737373;
color: #fff;
text-decoration: none;
font-size: 1.8rem;
font-weight: bold;
transition: 0.3s;
margin-bottom: 1rem;
}
.cpr_button a:hover, .cpr_button2 a:hover {
opacity: 0.7;
}
.cpr_button2 {
width: 60%;
margin: 0 auto 8rem auto;
}
.cpr_button2 a {
display: block;
padding: 1rem 1rem;
text-align: center;
background: #737373;
color: #fff;
text-decoration: none;
font-size: 1.8rem;
font-weight: bold;
transition: 0.3s;
margin-bottom: 1rem;
}
.bx-wrapper {
margin-bottom: 0 !important;
}
div.umg {
margin-bottom: 8rem !important;
}
.uum {
border-bottom: 0.1rem solid #ddd;
}

/* Goods */
#hdr_goods {
background: url("../img/goods/hdr_goods.png") no-repeat center;
background-size: cover;
height: 36vh;
padding-top: 3rem;
}
#goods {
background: #999a5e;
padding: 5rem 2rem 10rem 2rem;
}
#gdwrap {
margin: 0 auto;
}
#gdwrap h2 {
text-align: center;
font-weight: bold;
font-size: 3rem;
font-family: arial;
padding-bottom: 3rem;
margin-bottom: 3rem;
border-bottom: 0.1rem solid #000;
}
#gdp {
text-align: center;
margin-bottom: 5rem;
}
#gdbox {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
#gdbox article {
width: 16rem;
margin-bottom: 5rem;
}
#gdbox article figure {
margin-bottom: 1rem;
}
#gdbox article figure img {
width: 16rem;
height: 16rem;
object-fit: cover;
}
#gdbox article h4 {
font-weight: bold;
margin-bottom: 0.6rem;
}
#gdbox article a.kou {
background: url("../img/goods/arrow.png") no-repeat;
background-position: 0 0.2rem;
padding-left: 3rem;
color: #000;
font-weight: bold;
}
#gdbox article small {
display: block;
font-size: 1.4rem;
margin-bottom: 1rem;
}
#gdbox article p {
font-size: 1.3rem;
margin-bottom: 0.6rem;
}
#wp_ftr_store {
width: 29.9rem;
margin: 5rem auto 0 auto;
}

/* WP記事本文用CSS */
#wp_single h1 {
font-size: 2.4rem;
line-height: 1.5;
}
#wp_single h2 {
font-size: 2.2rem;
line-height: 1.5;
}
#wp_single h3 {
font-size: 2rem;
line-height: 1.5;
}
#wp_single h4 {
font-size: 1.8rem;
line-height: 1.5;
}
#wp_single h5 {
font-size: 1.7rem;
line-height: 1.5;
}
#wp_single h6 {
font-size: 1.6rem;
line-height: 1.5;
}

}