/*
Theme Name:yStandard
Theme URI: https://wp-ystandard.com
Author: yosiakatsuki
Author URI: https://yosiakatsuki.net
Description:「自分色に染めた、自分だけのサイトを作る楽しさ」を感じてもらうために作った一風変わったWordPressテーマ
Version: 4.49.4
Requires at least: 6.1
Requires PHP: 7.4.0
Text Domain: ystandard
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/**
 * yStandardではテーマ本体のstyle.css編集は推奨していません。外観→カスタマイズの追加CSSをご利用ください。
 * 子テーマを使っている場合は子テーマのstyle.cssが読み込まれ、このファイルは無視されます。
 */

:root {
	--color_border:hsla(0,0%,78%,.5);
}

body {
  font-family: "Noto Serif JP", "Hiragino Mincho ProN", serif !important;
}
/* TP page */

.page-id-10, .page-id-10 .content__main{
	background-color: #58455F !important;
}
.page-id-10,
.page-id-10 body * ,
.page-id-10 body div,
.page-id-10 .backgcolor-one {
	background-color: #58455F !important;
	border:0 !important;
}

.page-id-10 .top-pg-catch1 {
	border: 2px solid #676363 !important;
}


.page-id-10 .smb-box__background {
	border:0 !important;
}




.page-id-10 #masthead{
	display: none !important;
}

.backgrounf-color-01{
	background-color: #200A00;
}


.all-zindex-01{
	z-index:1;
}

/* ロゴfilter */
.logo-filter {
	filter: brightness(0.7);
}



.apply_btn02 a{
	background-color: #159332 !important
}

/* >>>>>>>>>>>>>>> PC用  >>>>>>>>>>>>>> */
@media (min-width:1025px){
	:root {
	/* メインコンテンツの幅を1000pxに */
		--ystd-content-default-width: 1000px;
	}


	/* スマホのみ */
	.smt_only {
		display: none !important;
	}

	.pc-fontsize-25px {
		font-size: 25px !important;
	}

	/* ボーダーの色 PC */
	.border-color01{
		padding-bottom: 5px;
		border-bottom: 1px dashed rgb(203 203 203 / 30%);
	}


	.pc-padding-25px {
		padding: 25px !important;
	}


}/* <<<<<<<<<<  PC用 <<<<<<<<<<<< */



.font-size-18px {
	font-size: 18px;
}


.smt-font-size-1-2em {
	font-size: 1.2em;
}

.top-pg-margin-top{
	margin-top: 50px !important;
}


.margin-top-0 {
	margin-top: 0 !important;
}


.margin-bottom-0 {
	margin-bottom: 0 !important;
}

.font-001 {
	font-family: "Noto Serif JP", "Hiragino Mincho ProN", serif !important;
}

.letter-spacing_0{
	letter-spacing: 0px;
}

/* ystandard 下線マーカー*/
.ystdb-inline--1 {
	background: linear-gradient(transparent 75%, rgb(236 186 162 / 30%) 75%);
}

.top-pg-catch-02{
	width: 100vw;
	margin-left: calc(50% - 50vw);
	padding: 12px 0 !important;
}

.top-pg-img02{
	filter: brightness(70%);
	pointer-events: auto; /* マスクの下のクリックを有効にする場合 */
}

.top-pg-img02-85{
	filter: brightness(85%);
	pointer-events: auto; /* マスクの下のクリックを有効にする場合 */
}






/* >>>>>>> スマホのみ  >>>>>>>>> */
@media not all and (min-width: 960px) {
	.pc_only {
		display: none !important;
	}

	/* ロゴfilter */
	.logo-filter {
		filter: brightness(0.7);
	}

	.logo-filter img{
		filter: brightness(0.7);
		width: 80%;
	}

	.smt-fontsize-1_1em {
		font-size: 1.1em !important;
	}

	.smt-font-size_1em a{
		font-size: 1em !important;
	}


	.smt-fontsize-19px {
		font-size: 19px !important;
	}
	.smt-fontsize-17px {
		font-size: 17px !important;
	}
	.smt-fontsize-23px {
		font-size: 23px !important;
	}

	.top-pg-margin-top{
		margin-top: 0 !important;
		height: 0 !important;
	}
	.smt-margin-top-20 {
		margin-top: 20px !important;
	}
	.smt-margin-bottom-38px{
		margin-bottom: 38px !important;
	}
	.smt-text-align-left {
		text-align: left !important;
	}
	.smt-line-height-2_7 {
		line-height: 2.7em;
	}
	.smt-letter-spacing-2{
		letter-spacing: 2px;
	}
	.smt-letter-spacing-3{
		letter-spacing: 3px;
	}

	.smt-padding-all-00 {
		padding: 0 !important;
	}

	.smt-padding-15px {
		padding: 15px !important;
	}

	.smt-top-btn-padding a{
		padding: 15px 10px !important;
		white-space: nowrap;
	}

	.smt-right-upside{
/*		flex-direction:column-reverse;*/
		display: column-reverse !important;
		flex-direction: column;
	}

	.smt-height-40px {
		height: 40px !important;
	}

	.smt-height-75px {
		height: 75px !important;
	}

	.smt-height-100px {
		height: 100px !important;
	}


	/* ボーダーの色 スマホ */
	.border-color01{
		padding-bottom: 5px;
		border-bottom: 1px dashed rgb(203 203 203 / 20%);
	}

	.workbookicn {
		margin: 0 !important;
		filter: brightness(80%);
		pointer-events: auto;
	}

	.workbookicn img{
		width: 100px;
	}

	.smt-font-size-1_3em {
		font-size: 1.3em !important;
	}

	.col-side-img01{
		display: flex;
		justify-content: center;
		align-items: center; 
		text-align: center;
	}
	.col-side-img01 img{
		max-width: 75% !important;
	}



}/* <<<<<<<<<< スマホのみ <<<<<<<<<< */



.side-img-size01{
	padding: 10px;
	flex-basis: 3% !important;

  opacity: 0.6; /* 全体を薄くする */
  transition: opacity 0.3s ease;
}


ul.ul-tag-paddin-center{
/* 1. 幅を中身（文字数）に合わせる */
/*  display: flex;*/
  flex-direction: column; /* 縦並びにする（通常のリスト形式） */
  align-items: center;    /* 子要素（li）を中央に寄せる */
  
  /* 2. ul自体を画面中央に配置する */
  width: fit-content;     /* 幅を中身の最大幅にフィットさせる */
  margin-left: auto;      /* 左の余白を自動調整 */
  margin-right: auto;     /* 右の余白を自動調整 */
  
  /* 見栄えの調整（お好みで） */
  padding: 0;
  list-style: none;       /* ポッチを消す場合 */
}


.padding-all-00 {
	padding: 0 !important;
}



.side-img-size01{
  position: relative;
  background-color: #fff; /* 下地を白にする */
}

.side-img-size01::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
/*  background: rgba(255, 255, 255, 0.1); *//* 白を50%重ねる */
  background-color: #58455F !important;
}


.photo-frame1 {
  display: flex !important;                /* Flexboxを有効化 */
  justify-content: center;      /* 水平中央寄せ */
  align-items: center;          /* 垂直中央寄せ */
	border: 0;
	padding: 0;
}

.photo-frame {
/*  display: flex !important;     */           /* Flexboxを有効化 */
/*  height: 100vh;  */              /* 画面全体の高さ */

	border: 0;
	max-width: 600px;
	width: 100%;
	box-sizing: border-box;

  display: inline-block;
  background-color: #6b5672;
  padding: 10px 11px 15px 11px; /* 下(50px)を広くする */
  border: 1px solid #5d4665;
  box-shadow: 3px 3px 10px rgba(0,0,0,0.2);
  /* 少し回転させるとさらに雰囲気が出ます */
  /* transform: rotate(-3deg); */
}

.photo-frame img {
  display: block;
  height: auto;
}


.border-1-solid {
	border: 1px solid #553860;
}

.backg-color-01 {
	background-color: #524158;
}





.border-bar01{
	opacity: 0.3;
  width: 100vw; /* 画面幅の100% */
  
  /* 以下の方法でも可能 */
   margin: 0 calc(50% - 50vw);

}

.border-bar01 img{
  display: block;
  margin-left: auto;
  margin-right: auto;
  height: 70px;
	
}

.img-bg-filter01 {
		filter: brightness(75%);
}


.customervoice01 {
	filter: brightness(46%);
	opacity: 0.3;
}