/*
Theme Name:   Unitone Child
Template:     unitone
*/

/*head メニュー*/
.head_menu a:hover{color: #E64694!important;}

/*ヒーロー部分*/
    /*  余白　*/
    .mtem{margin-top: 4em!important}
    .moji_f{
  -webkit-text-stroke: 3px rgb(255, 255, 255);
  text-stroke: 3px rgb(255, 254, 254);
  paint-order: stroke;
  padding:0em 6em;}
  .pd0{padding: 0px!important;}
  .kaiketu{padding: 20px 0px!important;}
  .mg0{margin: 0!important;}
.top .unitone-section>[data-unitone-layout~=gutters]>[data-unitone-layout~=container]{
  padding: .5em 0em!important;
  width: 100%;
}
.menu .unitone-section>[data-unitone-layout~=gutters]>[data-unitone-layout~=container] {
  padding: .5em 1em!important;
}

/*見出し飾り*/

h2.line {
    padding: 0 0 0.8rem 1rem;
    margin-bottom: 0.2rem;
    background-image: linear-gradient(90deg, #E64694 0 20%, #D9D9D9 20%);
    background-repeat: no-repeat;
    background-size: 100% 8%;
    background-position: bottom;
    color: #323232;
    font-weight: bold;
    font-size: 1.8em;
    width:100%;
}

ul{
  margin-left: 1.5em!important;
}


ul.kinou{
  margin-left: 0em!important;
  padding-inline-start: 0em!important;
}


/*インライン画像とテキストをそろえる*/
.inline_img img{vertical-align: middle; 
padding-right: 0.5em;}

.indent {
		padding-left:2em;
		text-indent:-2em;
	}

/*filmの背景*/

.unitone-flex__content:not(:root).film{
  background-image: url('http://smart-photostudio.com/wp.smart-photostudio.com/wp-content/uploads/2026/05/film_bg.webp')!important;
 background-repeat: repeat-x;
 background-position: middle;
height: 280px;
max-width: 369px;}

.film_tit{
  margin-bottom: 0.75em;
}
.film h3{
  margin-top: 1.5em;
}

/*導入事例*/
.jirei{
  padding: 1.5em;
}

/*お問い合わせボタン追従*/
.fixed_btn {
position: fixed; /* 追従させる為にfixedの値を記述します */
z-index: 99999; /* 他の要素の下に隠れないように全面配置させます */
top: 350px; /* 上から150pxのところにバナーを配置します */
right: 0px; /* 右から0pxのところにバナーを配置します */
transition: 0.5s;
}

/*footerまでスクロールしたら消す*/
.is-hidden {
  visibility: hidden;
  opacity: 0;
  transition: 0.5s;
}

/*ページTOPボタン*/
#page_top {  
    width: 60px;               /* 追加: 幅を60pxに固定 */
    height: 60px;              /* 追加: 高さを60pxに固定 */
    display: flex;             /* 追加: 中のアイコンを中央揃えにするため */
    justify-content: center;   /* 追加: 左右の中央揃え */
    align-items: center;       /* 追加: 上下の中央揃え */
    box-sizing: border-box;    /* 追加: 線の太さを含めて60pxにするため */
    cursor: pointer;           /* 追加: カーソルを指マークにする（お好みで）*/

    background-color: #efb13f;
    border: 1px solid #efb13f;
    border-radius: 50%;
    font-size: 1.2rem;
    opacity: 0;
    position: fixed;
    right: 20px;               /* 変更: 画面端からの距離（お好みで調整してください） */
    bottom: 20px;              /* 変更: 画面端からの距離（お好みで調整してください） */
    transform: translateY(20px);
    transition: opacity .4s ease, visibility .4s ease, transform .4s ease;
    visibility: hidden;

    /* 以下の2行は幅と高さを固定したため削除（またはコメントアウト）推奨です */
    /* line-height: 1.2rem; */
    /* padding: .625em; */
}

#page_top.show {
    opacity: 1;
    transform: translateY(0);
    visibility: initial;
}

#page_top.show:hover {
    background-color: #efb13f1a;
    box-shadow: 0 .125em .625em -.375em hsl(0 0% 0% / .5),
                0 .1875em .625em -.25em hsl(0 0% 0% / .2);
    color: hsl(0, 0%, 73%);
}
@media screen and (max-width: 480px) {

  .fixed_btn{display: none;}
  #page_top{display: none;}
  .w_30 thead th:first-of-type{width:auto}
  .menu img{width: 180px!important;}
  .menu{width:95%;
  margin: auto;}
  .menu .unitone-section>[data-unitone-layout~=gutters]>[data-unitone-layout~=container] {
  padding: .5em 0em!important;
}

}
/*バナーをオンマウスした時に光らせる*/

.bana a img {
  transition: .3s ease-in-out;
}
.bana a:hover img {
  filter: brightness(1.15);
}


/* 画面幅が781px以下の場合に適用されるスタイル */
@media screen and (max-width: 781px) {
.tit_moji_f{
  -webkit-text-stroke: 5px rgb(90, 90, 90);
  text-stroke: 5px rgb(90, 90, 90);
  paint-order: stroke;
  margin: 0em 1em!important;}

      .moji_f{
  -webkit-text-stroke: 3px rgb(255, 255, 255);
  text-stroke: 3px rgb(255, 254, 254);
  paint-order: stroke;
  padding: 0em 2em;
}
.unitone-flex__content:not(:root).film{
  background-image: url('http://smart-photostudio.com/wp.smart-photostudio.com/wp-content/uploads/2026/05/film_bg_s.webp')!important;
 background-repeat: repeat-y;
 background-position: middle;
height: auto;
width: 320px;
padding: 1em 3em;}

.film h3{
  margin-top: 0em;
}
}

/* 機能・オプションページ*/

.option_txt{padding: 0.5em 1em;
border: 1px solid #9F9F9F;
background-color: #ffffff;
border-radius: 10px;}

.sumi{
  background-image: url(http:/smart-photostudio.com/wp.smart-photostudio.com/wp-content/uploads/2026/05/bk_sumi.webp);
  background-repeat:no-repeat;
  background-position:100% 100%;
}

/*補助金ページ*/
  /*テーブル*/
  .subsidy {
  border-collapse: collapse;
  table-layout: fixed;
  width: 100%;
  max-width: 980px;
  margin: 1em auto 0em auto;
}
.subsidy th, .subsidy td {
  border: 1px solid #B3B3B3;
  padding: 1em;
  background-color: #ffffff;
}
.subsidy thead th {
  background-color: #626262;
  color: #fff;
  border: 1px solid #B3B3B3;
  text-align: center;
}
.subsidy thead th:last-of-type {
  border-right: 1px solid #626262;
}
.subsidy tbody th {
  color: #ffffff;
  background-color: #626262;
  font-weight: bold;
  text-align: left;
  width:9em;
}

.w_30 thead th:first-of-type{width:30%}

  /*※の改行をそろえる*/
.kome_txt{
		padding-left:2em;
		text-indent:-2em;
    width: 90%;
    margin: 0 auto;
}


/* オーバーレイを閉じる「×」ボタンの色を強制的に変更 */
.wp-block-navigation__responsive-container-close svg {
    fill: #7d7d7d!important; /* ここに好きな色コード（例：黒なら#000）を入れてください */
    width: 32px;  /* サイズが小さくて見えない場合はここを調整 */
    height: 32px;
}