/*
 Theme Name:   story_tcd041 Child
 Theme URI:    story_tcd041
 Description:  story Child Theme
 Author:       John Doe
 Author URI:   http://example.com
 Template:     story_tcd041
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  story_tcd041-child
*/

/*------------------------------------------全体---------------------------------------*/

/*fontawesomeを使えるようにする*/
@import "https://use.fontawesome.com/releases/v5.13.0/css/all.css";

/*テキスト全体*/
p{
  font-size: 16px;
  line-height: 2;
}




/*見出しのフォント変更*/
.top-midashi {
    font-family: "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-weight: 500 !important;
}	

/*見出しのフォント変更*/
h2, h3, h4, h5 {
    font-family: "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-weight: bold;
}

/*h3にパディングを追加*/
.tst-h3{
	padding: 0.5em;
}

h3 {
    font-family: "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif !important;
    font-size: 150% !important;
}

/*見出しサイズを大きく*/
.post-content h2 {
     font-size: 180%;
}

/*数字を使うブロックのフォント変更*/
.suuji {
	font-family: "Kosugi Maru";	
	font-weight: 500;
	font-size: large !important;
}

/* 画像ブロックのキャプションを中央寄せにする */
.wp-block-image figcaption {
	text-align: center;
}

/*画像ブロックのキャプションを整形*/
.wp-block-image figure {
    position: relative;
}

.wp-block-image figcaption {
    position: absolute;
    bottom: 0;
    margin-bottom: 0px;
    padding: 2px 16px;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    color: #fff;
    font-size: 16px;
}


.wp-block-image figure:hover figcaption {
    opacity: 0;
}

.wp-block-image figcaption, .wp-block-image figure:hover figcaption {
    transition: 1s all;
}

/*モバイルで画像ブロックのキャプションを調整*/
@media screen and (max-width: 480px) {
	.cf .wp-block-image figcaption {
            font-size: 10px;
        }
}

/* フッターに縦区切り線を追加*/
.footer-widget{
  border-left: thin solid ;
  padding-left: 10px;
}

/*[メディアと文章]ブロックに余白を追加*/
.wp-block-media-text{
	padding-bottom:50px
}

/*段落ブロックの行間を狭く*/
.tst-text_narrow{
	line-height: 1.75;
}


/*お問い合わせ円形ボタン*/
.btn,
a.btn,
button.btn {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.3;
  position: relative;
  display: inline-block;
  padding: 1rem 5rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  color: #212529;
  border-radius: 0.5rem;
}

a.btn--circle {
  width: 200px;
  height: 200px;
  padding: 34px 0 0;
  border-radius: 50%;
	border: solid 1px;
  color: #696969 !important;
  background: #fff;
	display: block;
	margin: auto;
	-webkit-box-sizing: border-box;
  box-sizing: border-box;
	font-family: "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}

a.btn--circle i {
  font-size: 150%;
}

.fa-position-bottom {
  position: absolute;
  bottom: 0.5rem;
  left: calc(50% - 0.5rem);
}

a.btn--circle:hover{
	opacity:0.5;
}


/*------------------------------------------トップページ---------------------------------------*/
/*ヘッダーロゴのサイズ*/
.h_logo{width:240px; height:auto;}
/*円形ロゴのサイズを大きくする */
.f_logo, .top-slider-logo { width:200px; height:auto; }
@media only screen and (max-width: 767px) {
.s_logo, .f_logo { width:240px !important; height:auto; }
.top-slider-logo {
	margin-bottom:10px;	
	width:150px !important; height:auto;
	}
}
/*円形ロゴを透過にする*/
.top-slider-content-inner {
    background: rgba(255,255,255,0.8);
}

/*トップの3ボタン整形*/
.tst-top-3button{
	width: 75%;
	margin: auto;
	padding: 3em;
}
/*トップの3ボタン整形*/
.tst-top-button{
	padding: 1.5em;
}
/*トップ→緑色3ボタン*/
.tst-top-3buttons{
	background-color: #57BE85;
	padding: 60px;
}


/*------------------------------------------トップ→プラン---------------------------------------*/



/*プランアイコンブロックの最大横幅を指定*/
.tst-top-planblock{
	max-width: 1000px;
	margin-left: auto;
  margin-right: auto;
}

/*トップ→プランアイコンのキャプション*/
.top-banner-3column figcaption{
	padding: 5px 0px 5px 0px;
}
/*トップ→プランアイコンを角丸に*/
.top-banner-3column img{
	border-radius: 10px !important;
}
.top-banner-3column figcaption{
	border-radius: 10px !important;
}

/*トップ→プラン全体に背景追加*/
.top-plan{
	background-color: #E1E0E7;
}


/*------------------------------------------固定ページ共通---------------------------------------*/

/*固定ページヘッダー文字のフェードイン速度調整*/
.signage-content {
    -webkit-animation: fadeIn 2s ease 0s;
    -moz-animation: fadeIn 2s ease 0s;
    -ms-animation: fadeIn 2s ease 0s;
    -o-animation: fadeIn 2s ease 0s;
    animation: fadeIn 2s ease 0s;
}

/*固定ページヘッダーテキストの位置*/
.signage-title,.signage-title-sub{
	text-align: right;
	padding-right: 15%;
}
.signage-title-sub{
	line-height: 1.5em;
}
	
/*基本料金→税込み表記*/
.tst-kakaku-zeikomi{
	line-height: 0 !important;
	margin: 0 !important;
}


/*プリント料金リストにスクロールバーを表示*/
@media only screen and (max-width:400px) {
  .printkakaku-list {
		font-size: small;
    overflow: auto;
    margin-bottom:20px;
  }
  .printkakaku-list table{
    width:100%;
    margin-bottom:0;
  }
  .printkakaku-list::-webkit-scrollbar{
    height: 10px;
  }
  .printkakaku-list::-webkit-scrollbar-track{
    background: #EEE;
  }
  .printkakaku-list::-webkit-scrollbar-thumb {
    background: #999;
  }
}

/*------------------------------------------お問い合わせページ---------------------------------------*/

/*コンタクトフォームの横幅を変えられるように*/
@media screen and (min-width: 768px) {
.wpcf7 input{
	width: auto !important;
}
.wpcf7 textarea{
	width: auto !important;
}
}
/*コンタクトフォームの文字サイズ*/
.wpcf7 p {
	  font-size: 16px;
}

/*------------------------------------------Q&Aページ---------------------------------------*/

/* Q&A */
.tst-q_and_a dt {
padding: 10px 10px 10px 35px;
border-radius: 5px;
background: #a8dba8;
text-indent: -25px;
}
.tst-q_and_a dt:before {
content: "Q.";
	font-size: 1.4em;
font-weight: bold;
margin-right: 7px;
}
.tst-q_and_a dd {
margin: 20px 10px 40px 35px;
text-indent: -25px;
}
.tst-q_and_a dd:before {
content: "A.";
	 font-size: 1.4em;
color: #DF7782;
font-weight: bold;
margin-right: 7px;
}

/*Q&Aの見出し整形*/
.tst-qa-midashi{
	border-bottom: groove 4px;
	margin-bottom: 1em !important;
}

/*------------------------------------------アクセスページ---------------------------------------*/

/*アクセス→住所などリスト整形*/
.access-info-table{}

/*アクセス→googlemapを中央寄せ*/
.tst-googlemap{
	text-align: center;
}

/*アクセス→googlemapを中央寄せ*/
.tst-googlemap{
	text-align: center;
}

/*アクセス→移動手段アイコン*/
.access-move1::before{
 content: '';
  display: inline-block;
  width: 50px;
  height: 50px;
  background-image: url(https://www.t-st.co.jp/wp-content/uploads/2021/07/118554.png);
  background-size: contain;
  vertical-align: middle;
}

.access-move2::before{
 content: '';
  display: inline-block;
  width: 50px;
  height: 50px;
  background-image: url(https://www.t-st.co.jp/wp-content/uploads/2021/07/108243.png);
  background-size: contain;
  vertical-align: middle;
}
.access-move3::before{
 content: '';
  display: inline-block;
  width: 50px;
  height: 50px;
  background-image: url(https://www.t-st.co.jp/wp-content/uploads/2021/07/107187.png);
  background-size: contain;
  vertical-align: middle;
}

/*------------------------------------------七五三ページ---------------------------------------*/

/*七五三→秋のキャンペーン特典h3*/
.tst-h3-autumn_campaign{
	font-family: "Kosugi Maru", "游ゴシック", YuGothic, Meiryo, "Hiragino Kaku Gothic ProN", sans-serif !important;
	padding: 1em !important;
	background: linear-gradient(to bottom right, #fcb900, white);
	color: #000;
  text-shadow:1px 1px 0 #FFF, -1px -1px 0 #FFF,
              -1px 1px 0 #FFF, 1px -1px 0 #FFF,
              0px 1px 0 #FFF,  0-1px 0 #FFF,
              -1px 0 0 #FFF, 1px 0 0 #FFF;
}


/*七五三キャンペーン特典リスト*/
.tst-753plan-campaignlist ul {
  border: solid 2px #ffb03f;
  padding: 0.5em;
  position: relative;
  margin-top: 2em;
}
.tst-753plan-campaignlist ul li {
  line-height: 1.5;
  padding: 0.5em 0 0.5em 1.4em;
  border-bottom: dashed 1px silver;
  list-style-type: none!important;
}
.tst-753plan-campaignlist ul li:last-of-type {
  border-bottom: none;
}
.tst-753plan-campaignlist ul li:before {
  /*リスト内のアイコン*/
  font-family: "Font Awesome 5 Free";
  content: "\f138";
  position: absolute;
  left : 0.5em;
  color: #ffb03f;
}
.tst-753plan-campaignlist ul li:after {
  /*タイトルタブ*/
  background: #ffb03f;
  color: #fff;
  font-weight: bold;
  position: absolute;
  left: -2px;
  bottom: 100%;
  padding: 1px 7px;
  content: "お得！";
  letter-spacing: 0.05em;
}


/*七五三→衣装展示会のお知らせグループ*/
.tst-ishoutenji{
  background-color: #fae3d9;
	border-radius: 20px;
	padding: 1em;
}
/*七五三→衣装展示会のお知らせh3*/
.tst-ishoutenji-h3{
	border-bottom: solid 2px #e59572;
}
/*七五三→衣装展示会→日付け*/
.tst-ishoutenji-date{
	font-size: 2em !important;
	margin: 0 0 0.5em 0 !important;
}

/*写真集詳細_見出し*/
.daishi{
    color: #5C4747;
    border-bottom: 2px dashed #D26466;
    margin: 0 0 1.5em;
    padding: 0.2em 0 0 1.7em;
    position: relative;
}
.daishi:before{
    background: #d48789;
    top: 0;
    left: 0.5em;
    height: 12px;
    width: 12px;
    position: absolute;
    transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    content: "";
}
.daishi:after{
    background:#d26466;
    top: 0.8em;
    left: 0.2em;
    height: 8px;
    width: 8px;
    position: absolute;
    transform: rotate(15deg);
    -moz-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    -o-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    content: "";
}

/*------------------------------------------フッター---------------------------------------*/
/*フッターの上部余白調整*/
.footer-widget{
	margin-top: 14px;
}
/*フッターのモバイルでずれるのを修整*/
.footer-widget{
	margin-left: 0px !important;
}

/*フッターのカレンダー*/
.wpsbc-calendar{
	margin-top: 10px;
}
.wpsbc-container .wpsbc-calendars .wpsbc-calendar table th {
    font-weight: 700;
    color: gray;
}
.wpsbc-date-number{
	color: gray;
}
/*フッター→カレンダーのはみ出るのを修整*/
.wpsbc-container[data-columns] .wpsbc-calendars {
	margin-right: 5px;
}
.footer-nav-wrapper {
    padding-bottom: 20px;
}