@charset "utf-8";
/* CSS Document */
/**
ヘッダーイメージ　**/
div.headimg{
margin: 0 auto;
width: 100%;
max-width: 1280px;
text-align: center;
}
/**
タイトル　**/
h1{
font-size: 2.0em;
font-weight: bold;
margin: 0 auto;
padding: 30px 0;
color: #473200;
text-align: center;
}
.wf-mplus1p {
font-family: "Mplus 1p";
}
/**
税込み　**/
div.tax{
max-width: 1000px;
width: 100%;
text-align: right;
margin: 0 auto;
color: #473200;
}
/**
テーブル　**/
.table{
border-collapse: collapse;
margin: 0 auto 5px;
}
.table td,
.table th{
padding: 5px;
border: 1px solid #ccc;
vertical-align: middle;
}
.table th{
font-weight: bold;
}
.table thead th{
background:#e6e6e6;
color: #473200;
text-align: center;
}
@media only screen and (min-width:801px){
.table th.class{
text-align: center;
padding: 20px;
}
.table th.class i{
width: 142px;
font-size: 5em;
font-style: normal;
display: block;
margin: 0;
padding: 0;
line-height: 0.7em;
color: #473200;
}
.table .carimg{
width: 340px;
}
.table td div{
display: inline-block;
}
.table td div.car_photo{
width: 200px;
}
.table td div.car_photo img{
width: 100%;
}
.table .car_text{
padding: 5px;
}
.table .car_text em{
font-style: normal;
font-weight: bold;
color: #473200;
}
.table .car_text span{
display: block;
}
.table td.price{
width: 156px;
text-align: right;
font-size: 1.4em;
letter-spacing: 0.1em;
font-family: "Mplus 1p";
}
.table td.price i{
font-style: normal;
font-size: 0.6em;
vertical-align: text-bottom;
}
}/*801*/
@media only screen and (max-width:800px){
.table{
display: block;
}
.table thead{
display: none;
}
.table tbody{
display: block;
}
.table tr{
display: block;
margin-bottom: 1.5em;
}
.table th,
.table td{
display: list-item;
border: none;
list-style: none;
}
.table th{
list-style-type: none;
}
.table td{
margin: 0 10px;
padding: 0;
}
.table th.class{
padding: 5px;
color: #fff;
background: #473200;
}
.table th.class i{
font-size: 2em;
font-style: normal;
vertical-align: bottom;
line-height: 1em;
padding: 0 0.2em;
}
.table td div.car_photo{
width: 90%;
text-align: center;
}
.table td div.car_photo img{
width: 100%;
}
.table td div.car_text{
padding: 5px;
border-bottom: solid 1px #ccc;
}
.table td div.car_text em{
display: block;
font-style: normal;
font-weight: bold;
color: #473200;
}
.table td div.car_text span{
display: inline-block;
padding-right: 0.5em;
}
.table td.price{
text-align: left;
font-size: 1.4em;
letter-spacing: 0.1em;
font-family: "Mplus 1p";
border-bottom: solid 1px #ccc;
}
.table td.price i{
font-style: normal;
font-size: 0.6em;
vertical-align: text-bottom;
}
.price_table td:nth-of-type(1):before { content: " "; }
.price_table td:nth-of-type(2):before { content: "２泊３日 / 価格"; font-size: 0.6em; padding-right: 5em; }
.price_table td:nth-of-type(3):before { content: "１週間 / 価格"; font-size: 0.6em; padding-right: 6em; }
.price_table td:nth-of-type(4):before { content: "１ヶ月 / 価格"; font-size: 0.6em; padding-right: 6em; }
}/*800*/
/**
コメント　**/
@media only screen and (min-width:801px){
div.comment{
margin: 50px auto 0;
width: 100%;
text-align: center;
line-height: 2.0em;
}
div.comment p{
padding-bottom: 2em;
}
}/*801*/
@media only screen and (max-width:800px){
div.comment{
margin: 50px auto 20px;
width: 90%;
text-align: justify;
line-height: 2.0em;
font-size: 0.8em;
}
div.comment p.Headquarters{
text-align: center;
padding-top: 2em;
}
div.comment br{
display: none;
}
div.comment p.Headquarters br{
display:block;
}
}/*800*/
h2 {
font-size: 1.5em;
font-weight: bold;
margin: 0 auto;
padding: 20px 0;
color: #473200;
text-align: center;
}
.travel_add_table .right {
float: right;
padding: 5px 10px;
text-align: right;
}
.travel_add_table .font_red,
.travel_add_table .font_red span {
color: #f00;
}
div.tax.travel_add_tax {
max-width: 487px;
}
.travel_add_description {
text-align: center;
}
@media screen and (max-width:800px) {
.travel_add_description {
padding: 0 5px 5px;
}
.travel_add_table {
width: 100%;
}
.travel_add_table th {
padding: 5px;
color: #fff;
background: #473200;
text-align: left;
}
.travel_add_table td {
padding: 5px;
border-bottom: solid 1px #ccc;
}
.travel_add_table td.price {
text-align: left;
font-size: 1.4em;
letter-spacing: 0.1em;
font-family: "Mplus 1p";
}
.travel_add_table td.price i {
font-style: normal;
font-size: 0.6em;
vertical-align: text-bottom;
}
}
.option_title,
.sales_title {
margin-top: 3em;
}
div.tax.option_tax {
max-width: 809px;
}
div.tax.sales_tax {
max-width: 497px;
}
.table.option_table.pc {
display: table;
}
.table.option_table th,
.table.sales_table th {
text-align: center;
}
.table.option_table td,
.table.option_table td.price,
.table.sales_table td,
.table.sales_table td.price {
text-align: center;
}
@media screen and (max-width: 800px) {
.table.option_table.pc {
display: none;
}
.table.option_table th,
.table.sales_table th {
padding: 5px;
color: #fff;
background: #473200;
text-align: left;
}
.table.option_table th em,
.table.sales_table th em {
font-style: normal;
}
.table.option_table td.price {
text-align: left;
}
.option_table td:nth-of-type(1):before { content: "２泊３日 / 価格"; font-size: 0.6em; padding-right: 5em; }
.option_table td:nth-of-type(2):before { content: "１週間 / 価格"; font-size: 0.6em; padding-right: 6em; }
.option_table td:nth-of-type(3):before { content: "１ヶ月 / 価格"; font-size: 0.6em; padding-right: 6em; }
}
.option_description,
.sales_description {
margin: 0.2em auto;
max-width: 96%;
line-height: 1.1em;
}