@charset "utf-8";
/* CSS Document */

@media print,
screen and (min-width: 768px) {
  .p-top {
    background-image: url("../images/mv.webp");
    position: relative;
    background-position: center;
    background-color: #f0f0f0;
    border-radius: 15px;
    background-size: cover;
    background-attachment: fixed;
  }
}

@media not all and (min-width: 768px) {
  .p-top {
    background-image: url("../images/mv.webp");
    background-color: #000000;
    padding: 130px 0 50px;
    border-radius: 10px;
	background-position: center;
	background-repeat: no-repeat;
    background-size: cover;
	background-attachment: fixed;
  }	
}

/* CSS ページ用追加 */
h3.product {
    padding: 0.5em 1em;
    font-size: 130%;
    font-weight: bold;
    margin-bottom: 3%;
    background-color: #003366;
    color: #fff;
}
.article-content1 {
	width: 100%;
    float: left;
}
figure.img {
margin-bottom: 1%;	
}
.h3_sub{
font-weight: bold;
font-size: 1.2rem;
text-align: center;
}
.h3_sub_left{
font-weight: bold;
font-size: 1.2rem;
text-align: left;
color: red;	
}
.travel-info-table_responsive {
    width: 100%;
    border: solid 1px #D7D7D7;
}
.travel-info-jyoken-table__heading {
    text-align: center;
    font-weight: bold;
    color: #003366;
    background-color: #b2cbe4;
	vertical-align: middle;
	font-size: 1rem;
}
.travel-info-jyoken-table__heading, .travel-info-jyoken-table__data {
    text-align: center;
    vertical-align: middle;
    padding: 0.5em;
    border: solid 1px #D7D7D7;
	padding: 1em;
	font-size: 1rem;
}
.travel-info-jyoken-table__heading_w {
   width: 35%;
	text-align: center;
	font-weight: bold;
    color: #003366;
    background-color: #b2cbe4;
	vertical-align: middle;
    border: solid 1px #D7D7D7;
	padding: 1em;
	font-size: 1rem;
}
 .travel-info-jyoken-table__data_w {
    text-align: left;
    vertical-align: middle;
    padding: 0.5em;
    border: solid 1px #D7D7D7;
	padding: 1em;
	 font-size: 1rem;
}
.p-info .leftBox {
    width: 50%;
    float: left;
	margin-right: 2%;
}
.p-info .rightBox {
    width: 50%;
    float: right;
	margin-left: 2%;
}
.redb {
color: red;
font-weight: bold;	
}
.red2b {
color: red;
font-weight: bold;
font-size: 1.25rem;	
}
dl.infoList02 {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
	font-size: 1rem;
    border: solid 1px #D7D7D7;	
	padding: 0 0.6em;	
}
.infoList02 dt {
    font-weight: 500;
    color: #003366;
    padding: 20px 0;
    width: 70%;
    border-bottom: 1px solid #ccc;
}
.infoList02 dd {
    padding: 20px 0.5em 20px 1em;
    border-bottom: 1px solid #ccc;
    width: 30%;
}
.marginbottom_5per {
    margin-bottom: 5%;
}
.headTxtBox02 .txtBox {
    width: 100%;
    text-align: left;
	margin-top: 10%;
}
.headTxtBox02 .txtBox .txt {
    font-size: 128.57%;
    line-height: 2;
    margin-bottom: 26px;
}
.font_red {
    color: #FD2125;
}
.font_blue {
    color: #004098;
}
.blue_120per {
    color: #004098!important;	
	font-weight: bold;
	font-size: 1.2rem; 
}
@media not all and (min-width: 768px) {
.h3_sub{
font-size: 1rem;
}
.h3_sub_left{
font-size: 1rem;
}
.travel-info-table_responsive {
	white-space: nowrap;
}
.travel-info-jyoken-table__heading {
display: block;
}
.travel-info--jyoken-table__heading, .travel-info-jyoken-table__data {
display: block;
}
.travel-info-jyoken-table__heading_w {
display: block;
width: 100%;	 
}
.travel-info--jyoken-table__heading_w, .travel-info-jyoken-table__data_w {
display: block;
}	
.p-info .leftBox {
    width: 100%;
	margin: auto;
}
.p-info .rightBox {
    width: 100%;
	margin: auto;
}	
}

.sub ul{
	margin: 1em;
}
.sub ul li{
	list-style-type: disc;
}
@media screen and (max-width: 768px) {
    .titleLine {
        margin-bottom: 5%;
    }
}

.pl-1h{
	padding-left: 15%;
}
@media screen and (max-width: 768px) {
    .pl-1h {
        padding-left: 5%;
    }
}
.mb-2{
	margin-bottom: 2rem;
}
.article-image{
	width: calc(70% - 20px);
	margin-top: 2rem;
	text-align: center;
}
@media screen and (max-width: 768px) {
	.article-image{
		width: 100%;
	}	
}
.blueb {
	color: blue;
	font-weight: bold;
	font-size: 130%;
}

/*一例のリンク*/
.sample-link{
	font-size: 1rem;
	font-weight: bold;
	color: blue;
	/*border-bottom: solid 2px;*/
	/*margin: 1em 0;*/
}