/*
Template:ystandard
Theme Name:ystandard-child
Theme URI: https://wp-ystandard.com
Author: yosiakatsuki
Author URI: https://yosiakatsuki.net
Description:「自分色に染めた、自分だけのサイトを作る楽しさ」を感じてもらうために作った一風変わったWordPressテーマ「ystandard」の子テーマ
Version: 4.0.0
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.
*/

@import url('./css/contact.css');


 .content__main {
    --ystd-content-default-width: 1140px;
    --ystd-content-align-wide-width: 1140px;
}



/*メニューバー調整*/
@media (min-width: 769px) {
    .header-type--row1 .site-branding {
        display: flex;
        padding: 0;
        flex-direction: row;
        align-items: flex-end;
    }
  }
@media (min-width: 600px) {
    .site-branding .site-description {
        font-size: 1em;
        padding-left: 1em;
        padding-bottom: 10px;
    }
    }

@media (max-width: 769px) {
.site-branding .custom-logo {
    max-width: 100px;
    display: block;
}
}

/*メニューバー調整*/



.page-id-139 .singular-header>:first-child,.page-id-171 .singular-header>:first-child,.page-id-203 .singular-header>:first-child,.page-id-223 .singular-header>:first-child,.page-id-651 .singular-header>:first-child{
    display: none;
}

.page-id-139 .site-body-container.container,.page-id-171 .site-body-container.container,.page-id-203 .site-body-container.container,.page-id-223 .site-body-container.container,.page-id-651 .site-body-container.container{
	max-width: 100%;
	padding: 0;
}

.container.page-id-139 .site-content > .container,.page-id-171 .site-content > .container,.page-id-203 .site-content > .container,.page-id-223 .site-content > .container,.page-id-651 .site-content > .container{
    max-width:100%;
	}



,.page-id-233 .site-content > .container .page-id-139 .site-content > .container,.page-id-171 .site-content > .container,.page-id-203 .site-content > .container,.page-id-651 .site-content > .container {
    max-width:100%;
	}

	
.page-id-139  .content__main ,.page-id-171  .content__main ,.page-id-203  .content__main,.page-id-233  .content__main ,.page-id-651  .content__main {
    max-width: 100%;
    margin: 0px;
    padding: 0px;
}


body.home .site-body-container.container{
	max-width: 100%;
	padding: 0;
}

body.home .site-content > .container {
    max-width:100%;
	}
	
body.home .content__main {
    max-width: 100%;
    margin: 0px;
    padding: 0px;
}

/* フォント*/
.entry-content h2{
    margin: 0.5em;
}

.entry-content h3 {
     font-size: 1.4em;
}

.entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 {
     margin: 0;
}



/* フォント*/




/*テキスト縦書きにする*/
.vertical-text {
  writing-mode: vertical-rl; /* または vertical-lr */
}
/*テキスト縦書きにする*/

/*scroll*/
.scroll-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 50px;
}

.scroll-text {
  writing-mode: vertical-rl; /* 縦書き（右→左） */
  font-size: 16pt;
  margin-bottom: 10px;
}

.line {
  width: 2px;
  height: 300px;
  background-color: black;
  position: relative;
}


.dot {
  width: 10px;
  height: 10px;
  background-color: black;
  border-radius: 50%;
  position: absolute;
  bottom: -5px; /* 円の半分を突き出す */
  left: 50%;
  transform: translateX(-50%);
}

@media (max-width: 769px) {
	.scroll-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 15px;
}

.scroll-text {
  writing-mode: vertical-rl; /* 縦書き（右→左） */
  font-size: 8pt;
  margin-bottom: 5px;
}

.line {
  width: 2px;
  height: 80px;
  background-color: black;
  position: relative;
}

.dot {
  width: 5px;
  height: 5px;
  background-color: black;
  border-radius: 50%;
  position: absolute;
  bottom: -5px; /* 円の半分を突き出す */
  left: 50%;
  transform: translateX(-50%);
}
	
  }
/*scroll*/







/*メニューの直線*/
.line-container {
  position: relative;
  width: 600px; /* 固定幅。必要ならmax-widthで調整可能 */
  height: 2px;
  background-color: transparent;
  margin: 20px 0; /* 適宜余白 */
}

.line-container .line {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: black; /* ベースの細い線 */
}

.line-container .line-thick {
  position: absolute;
  top: -0.5px; /* 3px - 2px = 1pxの差、上下に0.5ずつ伸ばす */
  left: 37.5%; /* 中央の25%エリアの開始位置 ( (100%-25%)/2 = 37.5% ) */
  width: 25%;
  height: 3px;
  background-color: black;
}

/* レスポンシブ対応例 */
@media (max-width: 769px) {
  .line-container {
    width: 90vw; /* 画面幅の90%まで縮小 */
  }
}

/*メニューの直線*/






/* グラデーション*/
.gradient-band {
  position: relative;
  overflow: hidden;
}

.gradient-band::before {
    content: "";
    position: absolute;
    height: 150px;
    width: 200%;
    top: 50%;
    left: -50%;
    background: linear-gradient(to right, #ba646e, #c69c6d);
    transform: rotate(352deg);
    transform-origin: center;
    z-index: 0;
}

/* コンテンツを前面に表示 */
.gradient-band > * {
  position: relative;
  z-index: 1;
}

/* グラデーション*/


/* ハンバーガーメニュー*/

@media screen and (max-width: 769px) {
    .global-nav {
        background-color: #AF9C8C;
    }
}
/* ハンバーガーメニュー*/

/* お問い合わせメニュー*/
li.contact.menu-item.menu-item-type-post_type.menu-item-object-page{
	background-color:#ba646e;
	padding:10px;
	margin:0 0 0 10px;
	text-align:left;
}


li.contact.menu-item.menu-item-type-post_type.menu-item-object-page a{
	color:#ffffff;
	border-left: 1px solid #fff;
     padding-left:10px;
}


.global-nav__menu>.menu-item>a {
    display: flex;
    position: relative;
    flex-direction: row;
    height: 100%;
    padding: 1em 0;
    font-weight: var(--global-nav-bold);
    align-items: center;
}
.fa-envelope:before {
    content: "\f0e0";
	padding-right:5px;
}


@media screen and (max-width: 769px) {
li.contact.menu-item.menu-item-type-post_type.menu-item-object-page{
background-color:#ffffff00;
}
	
li.contact.menu-item.menu-item-type-post_type.menu-item-object-page a{
	color:#ffffff;
	border-left: 0px ;
}
}
/* お問い合わせメニュー*/



/* 問い合わせページ */
.contact-box{
	background-color:#050D21;/*背景色*/
	color: #ffffff;/*文字色*/
	padding:5px 10px 5px 10px
}

.contact-box .c-smallNavTitle{
	color:#ffffff;/*サブテキスト色*/
}
.contact-box a{
	color: #ffffff;/*文字色*/
}
/* 問い合わせページ */



/*---------------------------
ACCESS
 *---------------------------*/

	.table_line {
		display: table;
		margin:1em;
		padding:1em;
		width: 100%;
		border-bottom: 1px dashed #000;
	}
		.table_th {
		background-color:#6B8E23;
		display: table;
		width: 950px;
		text-align:center;
		color:#fff;
	}
		.table_td {	
		display: table;
		width: 100%;
	}

	.blockth{
		display: table-cell;
		width: 25%;
		font-size:16px;
	}
	.block {
		display: table-cell;
		font-size:16px;
	}


@media screen and (max-width: 960px) {
  .table {
    width: 90%;
  }
  .block,.table_line_gray,.table_line,.table_th,.table_td{
　　border-bottom: none;
    display: block;
    width: 100%;
  }
	  }

/*---------------------------
ACCESS
 *---------------------------*/





/*---------------------------
 投稿の非表示用
 *---------------------------*/
.next-prev {
    display:none;
}
span.entry-meta-item.entry-meta-item-updated,span.entry-meta-item.entry-meta-item-author{
    display:none;
}

/*---------------------------
 投稿の非表示用
 *---------------------------*/



/*フッター*/

.footer-copy {
    color: #ffffff;
}



div.container.site-footer-copyright {
    border-top: 1px solid #EEEEEE;
    background: #AF9C8C;
	color:#ffffff;
	max-width: 100%;
}

.footer-main {
    padding:0px;
    overflow: hidden;
    background-color: #f1f1f300;
    color: var(--footer-text);
}

.site-footer {
    border-top: 0px solid var(--vk-color-primary);
    background: #AF9C8C;
}

.ystdb-column-block-container {
    align-items: center;
}

.footer > .footer-main > .footer-widget > .container {
    max-width:100%;
	padding:0;
}

.widget.widget_block > p{
    margin:0px;
	padding:0px;
}


/*コピーライト削除*/
.footer-poweredby {
    display: none;
}
/*コピーライト削除*/


/*フッター*/