/* 更新箇所 */




body{
    font-family: "メイリオ",Meiryo,"Helvetica Neue", Helvetica,"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro",'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3',Osaka, 'MS PGothic', arial, helvetica, sans-serif,'FontAwesome' !important;
	line-height:1.4em;
	color:#000;
}
header {
  height:0px;
}
img{
	width:100%;
}
section#home{
	padding:65px 0 0;
}
section#news{
	padding-top:20px;
	background:#f5f0eb;
}
section#news2{
	background:#f5f0eb;
}
@media only screen and (max-width: 767px){
section#home{
	padding:59px 0 0;
}
section#news{
	padding:20px 0 0;
}
section#profile{
	padding-bottom:0;
}
}
span.arrow-icon{
	display:block;
	position:absolute;
	bottom:20px;
	right:0;
	left:0;
	text-align:center;
}
span.arrow-icon i{
	font-size:50px;
	color:#f1f1f1;
}
.purple{
	color:#8a2be2 !important;	
}
.purple:after{
  background:#8a2be2 !important;	
}
.pink{
	color:#E3007F !important;	
}
.pink:after{
  background:#E3007F !important;	
}
.green{
	color:#38a96a !important;	
}
.green:after{
  background:#38a96a !important;	
}
.blue{
	color:#009FE8 !important;	
}
.blue:after{
  background:#009FE8 !important;	
}
.brown{
	color:#966830 !important;	
}
.brown:after{
  background:#966830 !important;	
}


/*************************
パララックス
*************************/
div.parallax{
	height:500px;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;	
	}
.box span{
    margin: 0px auto;	
	line-height: 500px;
	display:block;
	font-size: 40px;
	font-family: "リュウミン R-KL","ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif !important;
	color: #fff !important;
	text-align: center;
	font-weight:900;
}
.parallax_img{
	background:url(/wp-content/themes/sutoakiko/assets/img/parallax.jpg);
	position:relative;
}
@media only screen and (min-width: 768px) and (max-width: 991px){
.box span{
	font-size: 30px;
}
}

@media only screen and (max-width: 767px){
img.logo{
    margin-bottom:20px;
}
.box span{
	display:none;
}
}



/*--------------------------------------------------------------
書籍一覧
--------------------------------------------------------------*/
section#book{
	background:url(/wp-content/themes/sutoakiko/assets/img/parallax7.jpg);
	background-size:cover;
	background-position: center center;
	position:relative;
	background-repeat:no-repeat;
}
@media only screen and (max-width: 767px){
section#book{
	background:url(/wp-content/themes/sutoakiko/assets/img/parallax7.jpg);
	background-size:cover;
	background-position: center center;
	position:relative;
	background-repeat:no-repeat;
}
}
.book_item{
	margin-bottom:30px;
	background:#fff;
	position:relative;
}

.book_item2{
	margin-bottom:30px;
	background:#fff;
}
span.book_image img{
	width:100%;
	height:auto;
}
span.photo{
	display:block;
	padding:5px;
	text-align:right;
	font-size:12px;
	position:relative;
	bottom:25px;
	color:#fff;
}
span.photo2{
	font-size:12px;
	display:block;
	margin-bottom:10px;
}
.white-title h2{
	color:#fff !important;
}
.white-title .divider:after{
  background: #fff !important;
}
p.commitment_text{
	padding:10px 30px;
	text-align:left;
}
h4.book_name{
	margin:0 !important;
	display:block;
	text-align:center;
	padding:10px 15px 15px;
	font-size:15px;
	font-weight:400;	
	color:#000;
	line-height:1.5em;
}
h4.book_name span{
	font-size:12px;
	margin-top:5px;
	display:block;
}
p.book_desc{
	padding:0 10px;
	text-align:center;
}

.more-button-area{
	width:100%;
	display:block;
	text-align:center;
	margin:30px 0 30px;
}
.more-button-area span{
  font-size:16px;
  border:1px solid #966830;
  color: #966830 !important;
  background:#fff !important;
  padding:15px 30px;
  border-radius:5px;
}
.more-button-area a:hover{
  text-decoration:none;
}

.more-button-area2{
	width:100%;
	display:block;
	text-align:center;
	margin:30px 0px 0px;
}
.more-button-area2 span{
  font-size:16px;
  color: #966830 !important;
  background:#fff !important;
  padding:15px 30px;
  border-radius:5px;
}
.more-button-area a:hover{
  text-decoration:none;
}

.more-button-area3{
	width:100%;
	display:block;
	text-align:center;
	margin:20px 0px;
}
.more-button-area3 span{
  font-size:16px;
  border:1px solid #966830;
  color: #966830 !important;
  background:#fff !important;
  padding:15px 30px;
  border-radius:5px;
  display:inline-block;
}
.more-button-area3 a:hover{
  text-decoration:none;
}
@media only screen and (min-width: 992px) and (max-width: 1199px){

p.book_desc{
	font-size:13px;
}
}

@media only screen and (min-width: 768px) and (max-width: 991px){
h4.book_name{
	font-size:16px;
}
p.commitment_text{
	padding:5px 15px 10px;
	font-size:12px;
}
p.book_desc{
	font-size:12px;
}
}

@media only screen and (max-width: 767px){
.book_item{
	margin-bottom:15px;
}
h4.book_name{
	font-size:12px;
}
.book_item p{
	padding:0 10px 10px;
}
p.map-text{
	font-size:18px;
}
}


/*--------------------------------------------------------------
お問い合わせフォーム
--------------------------------------------------------------*/
section#contact{
	padding:0;
}
.entry-form{
	width:100%;
}
.contact-text{
	font-size:14px;
	text-align:center;
	margin-bottom:30px;
}
.contact-text a{
	color:#E3007F;
}
.contact-text a:hover{
	color:#E3007F;
}
.entry-form i{
	color:red;
	font-size:12px;
}
table.contact-table{
	width:100%;
	margin:20px auto 0;
	border-top:1px solid #f5f0eb;
}
table.agency-table{
	margin:0px auto !important;
}

table.contact-table tr{
	width:100%;
}
table.contact-table th{
	background:#fff;
	width:27%;
	text-align:left;
	font-size:14px;
	padding:15px;
	border-bottom:1px solid #f5f0eb;
	font-weight:normal;
	color:#966830;
}
table.contact-table td{
	background:#fff;
	width:73%;
	padding:15px;
	font-size:14px;
	padding:15px;
	border-bottom:1px solid #f5f0eb;
}
table.contact-table td img{
	width:auto;
	max-width:100%;
	margin-right:10px;
}
table.contact-table td input{
    width:100%;
	border:none;
	font-size:14px;
	padding:5px;
	background:#f5f1eb;
}
table.contact-table td.radio-button-select input{
    width:auto;
	border:none;
	font-size:14px;
}
table.contact-table td textarea{
    width:100%;
	border:none;
	font-size:14px;
	background:#f5f1eb;
}
.confirm-button{
    height:auto;
	padding:10px;
	margin:20px auto 0;
	border:none;
	text-align:center;
}
.contact-button{
	padding:15px 30px;
	margin: 0 10px;
	border:none;
	text-align:center;
	font-weight:400;
	font-size:16px;
	border:1px solid #009844;
	color:#009844;	
	border-radius:5px;
	background:#fff;
    -webkit-appearance: none;
}


@media screen and (max-width: 767px) {
.contact-text{
	text-align:left;
}
table.contact-table{
	width:100%;
	margin:30px auto 0;
}
table.contact-table tr{
	width:100%;
	background:#E9E4D4;
}
table.contact-table th{
	width:100%;
	display:block;
	text-align:left;
	font-size:12px;
	font-weight:normal;
	padding:10px;
}
table.contact-table td{
	width:100%;
	display:block;
	padding:10px;
	font-size:12px;
}
table.contact-table td p{
	display:block;
	margin:0 0 0 1em !important;
	text-indent:-1em;
	
}
table.contact-table td img{
	margin-right:0px;
	display:block;
}
table.contact-table td img:first-child{
	margin-bottom:10px;
}
table.contact-table td input{
	border:none;
	font-size:12px;
}
table.contact-table td textarea{
	border:none;
	font-size:12px;
}
.confirm-button{
	padding-top:20px;
	margin:0 auto;
	text-align:center;
}
}


/*************************
お知らせ
*************************/

.post-item{
  width: 100%;
  background:#fff;
  position:relative;
  margin-bottom:30px;
  text-align:center;
}
.post-item a:hover{
  width: 100%;
  margin-top:30px;
}

span.post-item-image{
  width:100%;
  height:245px;
  clear:both;
  display:block;
  overflow:hidden;
}

span.post-item-image img
{
  width:100%;
  height:auto;
}

span.post-item-time{
  width: 100%;
  display:block;
  text-align:center;
  padding:10px 5px 0px;
  color:#040000;
  font-size:15px;
}

span.post-item-title{
  width: 100%;
  display:block;
  min-height:80px;
}

span.post-item-title h3
{
  line-height:1.4em;
  margin:0px;
  padding:10px;
  font-size: 14px;
  font-weight:400;
  color:#403A39;
}

.pagenation{
	display:block;
	text-align:center;
}

ul.post-categories{
	padding:0 !important;
	margin:0 !important;
}
ul.post-categories li{
	list-style:none;
	padding:0 !important;
	margin:0 !important;
}
ul.post-categories li a{
	color:#FFA3A3;
	padding:0 !important;
	margin:0 !important;
	font-weight:900;
}
.pagenation{
	display:block;
	text-align:center;
}

.pager span.previous{
	float:left;
}
.pager span.previous a{
	color:#fff !important;
	background:#ee6ab4 !important;
	padding:10px 15px;
}
.pager span.next{
	float:right;
}
.pager span.next a{
	color:#fff !important;
	background:#ee6ab4 !important;
	padding:10px 15px;
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
span.post-item-title{
  min-height:100px;
}
span.post-item-image{
  height:195px;
}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
span.post-item-title{
  min-height:80px;
}
span.post-item-image{
  height:230px;
}
}

@media screen and (max-width: 767px) {
span.post-item-title{
  min-height:70px;
}
span.post-item-title h3{
  line-height:1.4em;
  margin-top:0px;
  font-size: 12px;
  font-weight:400;
  color:#403A39;
}
.post-item{
  margin-top:0px;
  margin-bottom:5px;
}
span.post-item-image{
  height:100%;
}
}

.wp-pagenavi {
	padding: 10px 20px 10px !important;
	display:block !important;
	clear:both !important;
	text-align:center;
}
.wp-pagenavi a ,.wp-pagenavi span.pages, .wp-pagenavi span.extend {
		color:#333333 !important;
		text-shadow:0px 1px #F6F6F6 !important;
		padding:6px 9px 6px 9px !important;
		border:solid 1px #B6B6B6 !important;
		box-shadow:0px 1px #EFEFEF !important;
		-moz-box-shadow:0px 1px #EFEFEF !important;
		-webkit-box-shadow:0px 1px #EFEFEF !important;
		background:#E6E6E6 !important;
		background:-moz-linear-gradient(top,#FFFFFF 1px,#F3F3F3 1px,#E6E6E6) !important;
		background:-webkit-gradient(linear,0 0,0 100%,color-stop(0.02,#FFFFFF),color-stop(0.02,#F3F3F3),color-stop(1,#E6E6E6)) !important;
		font-size:12px !important;
		margin-right:3px !important;
		text-decoration:none !important;
}	
.wp-pagenavi a:hover {
		color:#fff !important;
		text-shadow:0px 1px #4876C9 !important;
		border-color:#3D6DC3 !important;
		background:#5A8CE7 !important;
		background:-moz-linear-gradient(top,#C2E0FF 1px,#84AFFE 1px,#5A8CE7) !important;
		background:-webkit-gradient(linear,0 0,0 100%,color-stop(0.02,#C2E0FF),color-stop(0.02,#84AFFE),color-stop(1,#5A8CE7)) !important;
		color:#FFFFFF !important;
		box-shadow:0px 1px #E7E7E7 !important;
		-moz-box-shadow:0px 1px #E7E7E7 !important;
		-webkit-box-shadow:0px 1px #E7E7E7 !important;

}
 .wp-pagenavi span.current{
		padding:6px 9px 6px 9px !important;
		border:solid 1px #DCDCDC !important;
		color:#fff !important;
		box-shadow:0px 1px #E7E7E7 !important;
		-moz-box-shadow:0px 1px #E7E7E7 !important;
		-webkit-box-shadow:0px 1px #E7E7E7 !important;
		margin-right:3px !important;
		text-shadow:0px 1px #4876C9 !important;
		border-color:#3D6DC3 !important;
		background:#5A8CE7 !important;
		background:-moz-linear-gradient(top,#C2E0FF 1px,#84AFFE 1px,#5A8CE7) !important;
		background:-webkit-gradient(linear,0 0,0 100%,color-stop(0.02,#C2E0FF),color-stop(0.02,#84AFFE),color-stop(1,#5A8CE7)) !important;
}

/*************************
投稿ページ
*************************/
.post-data{
	background:#fff;
	padding:15px !important;
	line-height:1.4em;
	letter-spacing:2px;
	text-align:center;
	font-size:16px;
}
span.select-item-image{
	text-align:center;
}
span.select-item-image img{
	max-width:100%;
	height:auto;
	margin-bottom:20px;
}
.post-data h3{
	color:#E3007F;;
	display:block;
	text-align:left;
	font-weight:600;
	line-height:1.4em;
	font-size:22px;
	margin-bottom:20px;
}
.post-data h5{
	display:block;
	font-size:14px;
	margin-bottom:20px;
	text-align:left;
}
.post-data span.select-item-text{
	text-align:left;
}
.post-bottom{
	padding:0 !important;
}

@media screen and (max-width: 767px) {
section#screens{
  background:#f7f7f7 !important;
}
.post-data h3{
	font-size:16px;
	text-align:left;
}
.two-column-area:nth-child(2n+1){
    padding:0 7px 10px 14px;
}
.two-column-area:nth-child(2n){
    padding:0 14px 10px 7px;
}
}

/*--------------------------------------------------------------
書籍一覧
--------------------------------------------------------------*/
.about-item{
	position:relative;
	margin:50px 0 30px;
}
article{
	margin:0 !important;
	padding:0 !important;
}
.about-item-inner{
	height:490px;
	margin-bottom:-20px;
	position:relative;
	background:#fff;
}
.about-item-inner p{
	padding:0;
	margin:0;
}
span.about-image img{
	float:right;
	width:375px;
	margin-left:15px !important;
	margin-bottom 0 !important;
}
span.about-image2 img{
	float:left;
	width:375px;
	margin-right:15px !important;
	margin-bottom 0 !important;
}
.about-item-inner h3{
	padding:15px 15px 5px;
	color:#E3007F;
	
	line-height:1.4em;
	font-size:20px !important;
}
.about-item-inner h3 span.pink{
	display:inline-block;
	margin-bottom:15px;
	padding-bottom:5px;
	border-bottom:1px solid #E3007F;
}
.about-item-inner h3 span.green{
	display:inline-block;
	margin-bottom:15px;
	padding-bottom:5px;
	border-bottom:1px solid #38a96a;
}
.about-item-inner h3 span.blue{
	display:inline-block;
	margin-bottom:15px;
	padding-bottom:5px;
	border-bottom:1px solid #009FE8;
}

p.about-text{
	text-align:left;
	font-size:14px;
	padding:0 15px 15px !important;
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
.about-item-inner{
	height:510px;
}
span.about-image img{
	width:390px;
}
span.about-image2 img{
	width:390px;
}
}

@media screen and (min-width: 768px) and (max-width: 991px) {
.about-item-inner{
	height:471px;
}
.about-item-inner h3{
	font-size:18px !important;
}
span.about-image img{
	width:360px;
}
span.about-image2 img{
	width:360px;
}
p.about-text{
	text-align:left;
	font-size:13px;
	line-height:1.6em;
	padding:0 10px 10px !important;
}
}
@media screen and (max-width: 767px) {
.about-item-inner{
	height:100%;
	margin:0 auto 15px !important;
	max-width:250px;
	display:block;
}
span.about-image img{
	float:none;
	width:100%;
	margin-left:0px !important;
}
span.about-image2 img{
	float:none;
	width:100%;
	margin-right:0px !important;
}
.about-item-inner h3{
	padding:0px 15px;
	color:#E3007F;
	font-size:15px !important;
}
p.about-text{
	text-align:left;
	font-size:13px;
	padding:10px 15px 15px !important;
}
}

/*--------------------------------------------------------------
プロフィール
--------------------------------------------------------------*/
h3.page-heading{
    position:relative;
	padding :0 0 10px;
	margin:30px 0 15px;
	font-size:20px;
	color: #966830;
	line-height:1.4em;
	border-bottom:1px solid #966830;	
	font-weight:600 !important;
}


/*--------------------------------------------------------------
コンタクトバナー
--------------------------------------------------------------*/

.contact-banner-area{
	height:300px;
	margin:30px 0;
    position:relative;
    width:100%;
    object-fit: cover; /* この一行を追加するだけ！ */
    overflow:hidden !important;
}
span.contact-banner-image{
	height:300px;
    position:relative;
    width:100%;
}
span.contact-banner-image img{
	height:300px;
    position:relative;
    width:100%;
    object-fit: cover; /* この一行を追加するだけ！ */
}
.banner-overlay{
	background-color: rgba(255,255,255,0.7);
    width:100%;
	position: absolute;
	left: 0%;
	top:0%;
	height:300px;
    object-fit: cover; /* この一行を追加するだけ！ */
	content: ' '
}
h4.contact-banner-title{
    padding:50px 10px;
    width:100%;
    text-align:center;
    font-size:20px;
    line-height:1.5em;
    color:#333;
    font-weight:100 !important;
}
h4.contact-banner-title i{
    display:block;
    margin-bottom:15px;
    font-size:48px;
}
@media screen and (max-width: 767px) {
h4.contact-banner-title{
    padding:30px 10px;
    font-size:16px;
}
}
@media screen and (max-width: 480px) {
.contact-banner-area{
	height:250px;
}
span.contact-banner-image{
	height:250px;
}
span.contact-banner-image img{
	height:250px;
}
.banner-overlay{
	height:250px;
}
}


/*--------------------------------------------------------------
コンタクトメニューバナー
--------------------------------------------------------------*/

.contact-banner-area2{
	height:250px;
	margin:30px 0;
    position:relative;
    width:100%;
    object-fit: cover; /* この一行を追加するだけ！ */
    overflow:hidden !important;
}
span.contact-banner-image2{
	height:250px;
    position:relative;
    width:100%;
}
span.contact-banner-image2 img{
	height:250px;
    position:relative;
    width:100%;
    object-fit: cover; /* この一行を追加するだけ！ */
}
.banner-overlay2{
	background-color: rgba(255,255,255,0.7);
    width:100%;
	position: absolute;
	left: 0%;
	top:0%;
	height:250px;
    object-fit: cover; /* この一行を追加するだけ！ */
	content: ' '
}
h4.contact-banner-title2{
    padding:40px 10px;
    width:100%;
    text-align:center;
    font-size:20px;
    line-height:1.5em;
    color:#333;
    font-weight:100 !important;
}
h4.contact-banner-title2 i{
    display:block;
    margin-bottom:15px;
    font-size:48px;
}
@media screen and (max-width: 767px) {
h4.contact-banner-title2{
    padding:20px 10px;
    font-size:18px;
}
.contact-banner-area2{
	margin:15px 0;
}
}
@media screen and (max-width: 480px) {
.contact-banner-area2{
	height:250px;
}
span.contact-banner-image2{
	height:250px;
}
span.contact-banner-image2 img{
	height:250px;
}
.banner-overlay2{
	height:250px;
}
}


section#footer-company{
	background:#f5f0eb;
	padding:30px 0 50px;
}
section#greeting{
	padding:30px 0;
	height:100px;
	overflow-y:hidden !important;
}
.top-message{
	display:block;
	text-align:center;
}
.slideshow_title{
	font-size:24px !important;
	padding:20px 0 0;
	font-family: "リュウミン R-KL","ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif !important;
	line-height:1.5em;
}
@media screen and (max-width: 767px) {
.slideshow_title{
	font-size:18px !important;
}
section#greeting{
	height:100px;
	overflow-y:hidden !important;
}
}
.ninja_onebutton{
	margin:30px 0;
}
/* ===== 2026-08 追加：スマホでお知らせカードの高さが揃わず段差になる問題の修正 ===== */
#news .row{
  display: -webkit-box; display: -ms-flexbox; display: flex;
  -ms-flex-wrap: wrap; flex-wrap: wrap;
  -ms-flex-align: stretch; align-items: stretch;
}
#news .row > [class*="col-"]{
  display: -webkit-box; display: -ms-flexbox; display: flex;
  margin-bottom: 22px;
}
#news .post-item{
  display: -webkit-box; display: -ms-flexbox; display: flex;
  -webkit-box-orient: vertical; -webkit-box-direction: normal;
  -ms-flex-direction: column; flex-direction: column;
  width: 100%;
}
#news .post-item > a,
#news .post-item > .sa-news-plain{
  display: -webkit-box; display: -ms-flexbox; display: flex;
  -webkit-box-orient: vertical; -webkit-box-direction: normal;
  -ms-flex-direction: column; flex-direction: column;
  height: 100%;
}
#news .post-item-title{ -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; }
/* サムネイルの縦横比を揃えて、段差と読み込み時のガタつきを防ぐ */
#news .post-item-image{ display: block; overflow: hidden; }
#news .post-item-image img{
  width: 100%; height: 100%; object-fit: cover; display: block;
  aspect-ratio: 3 / 2;
}