a {
  text-decoration: underline;
  color: #666;
}

.header {z-index: 9;}

.title {margin-bottom: 20px;}
.title+p {padding-top: 10px;}
p+p {padding-top: 10px;}

.article-body p {font-size: 18px;}
.contentmini p {font-size: 15px;}

.article-body + .contentmini {margin-top: -30px;}
.article-body h3 {font-size: 20px;}
.article-body h4 {
  position: relative;
  font-size: 16px;
  margin-bottom: 5px;
  padding-left: 1em;
}
.article-body h4::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 4px;
  height: 100%;
  content: "";
  border-radius: 3px;
  background-color: #333;
}
@media screen and (max-width: 767px) {
.article-body p {font-size: 16px;}
.contentmini p {font-size: 13px;}
}

.works-list {padding-top: 20px;}
header a {
  text-decoration: none;
  color: #000;
}
.profile-body p:not(:last-child) {margin-bottom: 10px;}
.profile-body h4 {padding-top: 20px;padding-bottom: 5px;}
.copyright {font-size: 14px;color: #CCC;}

.contact-item {line-height: 2;}

.grid-container {
  z-index: 2;position: relative;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
}
.grid-container.col4_2 {grid-template-columns: repeat(4, 1fr);}

.stamplist {
  z-index: 2;position: relative;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 3%;
  width: 80%;margin: 0 auto;
}
.stamplist img {border-radius: 20px;}

@media screen and (max-width: 767px) {
.grid-container {grid-template-columns: repeat(1, 1fr);}
.grid-container.col4_2 {grid-template-columns: repeat(2, 1fr);}

.stamplist {grid-template-columns: repeat(3, 1fr);gap: 16px; width: 100%;}
}

/*追加*/
.txtcnt {text-align: center;}
.t_img {text-align: center;padding-top: 20px;}
.t_img a:hover img {opacity: 0.7;}

.article {padding-top: 50px;}

.t_plus {font-weight: bold;font-size: 18px;}
.sns_icon ul,
.sns_icon li {font-size: 1;line-height: 1;}

.sns_icon li {display: inline-block;margin-right: 6px;}
.sns_icon a {display: inline-block;
width: 68px;height:68px;
background: #000;
border: 4px solid #FFF;
border-radius: 100%;}
.sns_icon a img {width: 100%;}
.sns_icon_sub li {margin-right: 3px;}
.sns_icon_sub a {width: 34px;height: 34px;border: 2px solid #FFF;}
.sns_icon a:hover {border-color: #FC0;}
/*--------------------------------
 タイトルアイコン
---------------------------------*/
.container {position: relative;}
.sectiontop {position: relative;overflow: hidden;}
.fcol,
h2.fcol a,
h2.fcol a:active,
h2.fcol a:hover {z-index: 2;position: relative;
  color: #333;
  -webkit-text-stroke: 8px #FFF;
  paint-order: stroke fill;
  text-decoration: uncerline;}
.ttlic {opacity: 0.25;position: absolute;top: -50px;}
#price .ttlic {left: calc(50% - 380px);}
#ryosan .ttlic {left: calc(50% - 250px);}
#blog .ttlic {left: calc(50% - 230px);}
#stamp .ttlic {left: calc(50% - 290px);}
#download .ttlic {left: calc(50% - 250px);}
#works .ttlic {left: calc(50% - 270px);}
#contact .ttlic {left: calc(50% - 230px);}
.ttlic img {position: relative;z-index: -1;width: 160px;padding: 8px;border-radius: 100%;border: 8px solid #000;  transform: rotate(-10deg);}

.works-item {z-index: 1;position: relative;}

.subcont .ttlic {opacity: 0.25;position: absolute;top: -70px;left: calc(50% - 250px);}

@media screen and (max-width: 767px) {
#price .ttlic {left: calc(50% - 180px);}
#ryosan .ttlic {left: calc(50% - 150px);}
#blog .ttlic {left: calc(50% - 130px);}
#stamp .ttlic {left: calc(50% - 180px);}
#download .ttlic {left: calc(50% - 150px);}
#works .ttlic {left: calc(50% - 150px);}
#contact .ttlic {left: calc(50% - 130px);}
.ttlic img {width: 100px;padding: 6px;border: 6px solid #000;}

.subcont .ttlic {top: -40px;left: calc(50% - 130px);}
}
/*--------------------------------
 メインビジュアル
---------------------------------*/
.mv {height: 25vh;background: url(/img/kv.jpg) no-repeat 50% 50% / cover;
    display: flex;justify-content: center;align-items: center;padding-top: 40px;padding-bottom: 40px;box-sizing: border-box;}

.mv-container {text-align: center;}
.mv-title, .mv-subtitle {color: #fff;margin: 0;text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5);}
.mv-title {font-size: 40px;font-weight: bold;}
.mv-subtitle {font-size: 20px;margin-top: 10px;}
.mttl-text {margin-top: 40px;margin-bottom: 40px;}

.profile-img {width: 16%;}

.section {padding: 60px 0;}
.section.sectionsub {background-color: #FFF;}

/*media Queries 767
----------------------------------------------------*/
@media screen and (max-width: 767px) {
.title+p {padding-top: 0;}

.article {padding-top: 30px;}

.mv {height: 18vh;padding-top: 20px;padding-bottom: 20px;}
 .mv-title {font-size: 32px;}
 .mv-subtitle {font-size: 16px;margin-top: 0;}
.mttl-text {margin-top: 20px;}

  .profile-img {width: 150px;}
  .section {padding: 40px 0;}
}



/*下層ページ
----------------------------------------------------*/
.breadcrumb {
  display: flex;
  list-style: none;
  padding: 10px 0 0 40px;
  margin: 0;
}
.breadcrumb li:not(:last-child)::after {
  content: ">";
  margin: 0 5px;
  color: #888;
}

.breadcrumb li:last-child {color: #fff;}

.flex-list {
  display: flex;
  flex-wrap: wrap; /* 折り返しを許可 */
  list-style: none;
  padding: 0;
  margin: 0;
}
.flex-list li {
    width: calc(100% / 4);
}
.flex-list li img {width: 100%;}
/*media Queries 767
----------------------------------------------------*/
@media screen and (max-width: 767px) {
  .breadcrumb {padding: 10px 0 0 15px;}
  .flex-list li {width: calc(100% / 2);}
}