@charset "UTF-8";
/*
Theme Name:STORY child
Theme URI:
Description:WordPressテーマ「STORY」の自作子テーマです。
Template:story_tcd041
Author:TCD
Author URI:https://tcd-theme.com/
Version:1.9.1
*/
/* ====================

    1. Common

==================== */
body{
  color: #333;
}

.line-pink{
  text-decoration: underline; /* 下線 */
  text-decoration-thickness: 0.5em; /* 線の太さ */
  text-decoration-color: rgba(233, 83, 131, 0.2); /* 線の色 */
  text-underline-offset: -0.2em; /* 線の位置。テキストに重なるようにやや上部にする */
  text-decoration-skip-ink: none;
}

.width80{
  width: 80%;
  margin: 0 auto;
}
@media only screen and (max-width:991px){
.width80{
  width: 90%;
  }
.inner .width80{
  width: 100%;
  }
}

.post-content ul{
  margin-bottom: 0;
}

/* ====================

    2. トップページ

==================== 
/* トップメッセージ */
.content01-title{
  font-size: 30px;
  margin-bottom: 30px;
}
/*
.index-text-1-wrapper{
  background: linear-gradient(rgba(255, 209, 209, .6),rgba(255, 209, 209, .6)), url('http://studiomk85.xsrv.jp/studiomk-85-new/wp-content/uploads/2025/01/IMG_0327.jpg');
}
*/
#index-text-1 {
  padding: 0;
}
#index-text-1 .content01{
  margin: 0;
  padding: 50px;
  background-color: rgba(255,255,255, .9);
  border-radius: 20px;
}
.headline-font-type, .global-nav{
  font-family: "BIZ UDPGothic", serif !important;
  font-weight: 700;
  font-style: normal;
  letter-spacing: 2px;
}
.header-bar-inner {
  width: 1200px;
}
.global-nav{
  font-size: 1rem;
  letter-spacing: 1px;
}
.global-nav > ul > li > a{
  padding: 0 23px;
}
.line-btn{
  background: linear-gradient(266deg, rgb(99, 214, 101) 0%, rgb(0, 172, 109) 100%);
  color: #fff;
  border-radius: 9999px;
  box-shadow: none;
  text-decoration: none;
  padding: calc(.667em + 2px) calc(1.333em + 2px);
  font-size: 1.125em;
  align-content: center;
  box-sizing: border-box;
  display: inline-block;
  height: 100%;
  text-align: center;
  display: block;
  margin-right: 20px;
}
.link-lang{
  display: block;
}
.link-lang a:hover{
  text-decoration: underline;
}
@media only screen and (max-width:1200px){  
  .line-btn{
    display: none;
  }
  .link-lang{
    display: none;
  }
}

@media only screen and (max-width:991px){
  #index-text-1 .content01{
    padding: 20px;
  }
}

/*グローバルメニューhover下線*/
@media only screen and (min-width:1201px){
  .global-nav > ul > li{
    height: 100px;
    display: flex;
    align-items: center;
  }
  .global-nav > ul > li a{
    color: #333 !important;
    line-height: 50px !important;
    position: relative;
  }

  .global-nav > ul > li a::after {
    content: '';
    display: block;
    height: 1px;
    width: 0%;
    background: #E95383;
    position: absolute;
    bottom: 0;
    left: 10%;
    transition: .3s;
  }

  .global-nav > ul > li a:hover {
    color: #E95383 !important;
  }

  .global-nav > ul > li a:hover::after {
    width: 80%;
  }
}
/**/
.line-btn-footer{
  display: block !important;
  margin: 0 auto 20px;
  width: fit-content;
}

.post-content.content01-text p, .post-content p{
  margin-bottom: 1em;
  font-size: 1.1rem;
}
@media only screen and (max-width:991px){
  .post-content h2{
    font-size: 140% !important;
  }
  .post-content.content01-text p, .post-content p{
    font-size: 1rem;
    line-height: 1.8;
  }
}
/* サービス */
.column-layout03{
  background: #FFFBFB;
}
.column-layout03-title {
    background: #e95383;
    width: fit-content;
    padding: 5px 20px;
    border-radius: 50px;
}
.column-layout03-title:hover {
	opacity:.7;
}
.column-layout03-title a{
	color:#fff;
}
.column-layout03-text{
  font-size:16px;
  line-height:2;
}
.fa-caret-right:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-style: normal;
}

.button a {
  background: #fff;
  color: #e95383;
  border: #e95383 1px solid;
  border-radius: 50px;
}

.button a:hover {
  color:#fff;
  background-color: #e95383;
}

@media only screen and (max-width:991px){
  .column-layout03-title {
    padding: 5px 0 5px 20px;
  }
  .point{
    width: 50%;
    margin: 0 auto;
  }
}

/* フッター */
.footer-gallery-title{
  font-size: 35px;
}

/* ====================

    3. Studio-MKについて

==================== */
.mk-point{
  border: 5px solid #ffd3b8;
  border-radius: 20px;
  padding: 20px;
  width: 70%;
  margin: 0 auto !important;
  color: #E95383;
  font-weight: 600;
}
@media only screen and (max-width:991px){
  .mk-point{
    width: 80%;
  }
}
/* ====================

    4. ギャラリー

==================== */
.gallery01-item {
    height: 72px !important;
}
/* ====================

    5. 縁Joyアート

==================== */
.box{
  border: 5px solid #e1e1e1;
  border-radius: 20px;
  padding: 20px;
  width: 70%;
  margin: 0 auto !important;
  align-content: center;
}
.before{
  border: 5px solid #e1e1e1;
}
.after{
  border: 5px solid #ffd3b8;
}
@media only screen and (max-width:991px){
  .box{
    padding: 10px;
  }
}