@charset "utf-8";
/* ------------------------------------------------------------------------------
日本の旅行情報
------------------------------------------------------------------------------ */
/* 共通 */
#content article {
border-bottom: 1px solid #00a7ac;
}
.japcontheader {
border-bottom: 1px solid #00a7ac;
font-weight: bold;
}
.japcontheader time{
color: #005657;
display: block;
}
.japcontheader h3 {
font-weight: bold;
padding-bottom: 5px;
}

#content article a:link,
#content article a:active,
#content article a:hover,
#content article a:visited {
color: #00adb0;
}
#content article a:hover {
text-decoration: none;
}

#content article p {
font-size: 107%;
line-height: 170%;
}
#content article h4 {
font-weight: bold;
}
#content article .japimg {
width: 100%;
}


@media screen and (min-width: 769px) {
/*----------------- pc -----------------*/
.japcontheader {
margin-bottom: 45px;
}
.pagenav ul li p.data {
width: 185px;
}
.pagenav ul li p.tit {
width: 515px;
}
#content {
margin-left: auto;
margin-right: auto;
width: 700px;
}
#content article {
padding-bottom: 70px;
margin-bottom: 90px;
}
.japcontheader {
margin-bottom: 45px;
}
.japcontheader time{
margin-bottom: 15px;
}
.japcontheader h3 {
font-size: 169%;
}
#content article p {
margin-bottom: 40px;
}
#content article h4 {
font-size: 123%;
margin-bottom: 20px;
}
#content article .japimg {
margin-bottom: 20px;
}
}

@media screen and (max-width: 768px)  {
/*----------------- タブレット スマートフォン -----------------*/
#content {
margin-left: auto;
margin-right: auto;
width: 90%;
}
#content article {
padding-bottom: 40px;
margin-bottom: 30px;
}
.japcontheader {
margin-bottom: 23px;
}
.japcontheader time{
margin-bottom: 10px;
}
.japcontheader h3 {
font-size: 146%;
line-height: 130%;
}
#content article p {
margin-bottom: 30px;
}
#content article h4 {
font-size: 112%;
margin-bottom: 15px;
}
#content article .japimg {
margin-bottom: 15px;
}
}