/*
// Legarta Contents Management System
// CSS For Blog Pages
// update 2021/12/17
// Copyright 2021 Legarta L.L.C.
*/

body {
    font-family: 'Meiryo';
    font-size:16px;
    background-color: blanchedalmond;
}

a {
  color:black;
}

a.headlink {
  color: white;
  text-decoration: none;
}

.tiledBackground {
  background-image: url('../img/topimage.jpg');
  height:184px;
  background-size: cover;
}
@media (min-width: 576px) { 
  .tiledBackground {
    height:184px;
  }
}
@media (min-width: 768px) {
  .tiledBackground {
    height:246px;
  }
}
@media (min-width: 992px) {
  .tiledBackground {
    height:318px;
  }
}
@media (min-width: 1200px) {
  .tiledBackground {
    height:385px;
  }
}
@media (min-width: 1400px) {
  .tiledBackground {
    width:1440px;
    height:462px;
  }
}

div.post-foot {
  margin-top:2em;
  font-size:small;
  border-top: 2px #60D394  solid;
  padding-top: 0.2em;
}
div.post-foot-right {
  text-align: end;
}
div.post-foot-selflink {
  text-align: end;
}
/** recccomend item **/
h2.reccomend-haad {
  font-weight: bold;
  font-size:larger;
  padding: 0.2em 0.3em;
  border-left: 0.8em #60D394 solid;
  border-bottom: 1px #60D394  solid;
  margin: 0 0 0.3em 0;  
}
div.reccomend {
  background-color: white;
  border: 1px gray solid;
  padding: 0.8em;
  margin-bottom: 0.5em;
  
}
h3.reccomend {
  font-weight: bold;
  font-size: 120%;
}

/** use in article body **/
div.article-body {
  font-family: "メイリオ" , Meiryo;
  background-color: white;
}

div.article-body h1 {
  font-weight: bold;
  font-size:x-large;
  padding: 0.2em 0.3em;
  border-left: 0.8em #60D394 solid;
  border-bottom: 2px #60D394  solid;
}

div.article-body h2 {
  font-weight: bold;
  font-size:larger;
  padding: 0.2em 0.3em;
  border-left: 0.8em #AAF683 solid;
  margin: 1.5em 0 1em 0;
}

div.article-body h3.link-title {
  font-size:medium;
  font-weight: bold;
  padding: 0.2em 0.3em;
  border-left: 0.8em #AAF683 solid;
  margin: 1.5em 2em 0 2em;
}

div.article-body p {
  margin: 0.5em 0;
  text-align: justify;
}


div.contents-alink {
  margin: 1em 2em 1em 2em;
  padding: 0.5em;
  border: black solid 1px;
}
img.alink {
  width: 100px;
  height: 100px;
}
div.alink-body {
  padding: 0 0.5em 0 0.5em;
}
div.alink-title {
  font-weight: bold;  
}
div.alink-title a {
  text-decoration: none;
  color: #404040;
}
div.alink-date {
  padding: 0 0.5em 0 0.5em;
  font-size:small;
  text-align: right;
}

div.contents-exlink {
  margin: 1em 2em 1em 2em;
  padding: 0.5em;
  border: black solid 1px;
}
div.exlink-title {
  font-weight: bold;  
}
div.exlink-title a{
  text-decoration: none;
  color: #404040;
}

div.exlink-url {
  color: #757575;
  font-size:80%;
}
div.exlink-url a {
  color: #757575;
}


div.article-body div.contents-img {
  margin: 1em 2em;
}
/* image sizing */
div.article-body img.single {
  max-width: 100%;
  object-fit: scale-down;
}
div.reccomend-img img {
  width:120px;  
  height:120px;  
  object-fit: scale-down;
}
@media (min-width: 576px) { 
  div.article-body img.single {
    width: 428px;
    height: 321px;
    object-fit: scale-down;
  }
}
@media (min-width: 768px) {
  div.article-body img.single {
    width: 360px;
    height: 270px;
    object-fit: scale-down;
  }
  div.reccomend-img img {
    width:160px;  
    height:160px;  
    object-fit: scale-down;
  }
}
@media (min-width: 992px) {
  div.article-body img.single {
    width: 600px;
    height: 450px;
    object-fit: scale-down;
  }
  div.reccomend-img img {
    width:160px;  
    height:160px;  
    object-fit: scale-down;
  }
}
@media (min-width: 1200px) {
  div.article-body img.single {
    width: 720px;
    height: 540px;
    object-fit: scale-down;
  }
  div.reccomend-img img {
    width:160px;  
    height:160px;  
    object-fit: scale-down;
  }
}
@media (min-width: 1400px) {
  div.article-body img.single {
    width: 860px;
    height: 645px;
    object-fit: scale-down;
  }
  div.reccomend-img img {
    width:160px;  
    height:160px;  
    object-fit: scale-down;
  }
}

div.article-nav {
  font-size:80%;
  text-align: justify;
}

/** use in article list **/
div.al-item {
  background-color: white;
  padding: 0.5em;
  border: rgb(228, 189, 131) solid 2px;
  margin: 0.5em 0 0.5em 0;
}

div.al-item div.al-info {
  font-size:small;
  color: rgb(60, 60, 60);
  padding-left: 1.5em;
}

div.al-item div.al-summary {
  font-size: normal;
}


/* right area */
div.viaje-title {
  font-size: 120%;
  font-family: 'Segoe Print','Trattatello','Chalkduster',serif;
  font-weight: bolder;
}
div.blog-description {
  font-size: 85%;
}

div.side-title {
  font-weight: bold;
  margin: 1em 0 0.5em 0;
  padding-left: 0.5em;
  border-left: 1em #60D394 solid;
  border-bottom: 2px #60D394  solid;
}

ul.side-list-cat {
  margin-left: 1em;
  padding: 0;  
}

ul.side-list-cat li {
	list-style-type:none;
}