/*
Theme Name:lotus-child
Theme URI:
Description:WordPressテーマ「LOTUS」の子テーマです。
Template:lotus_tcd039
Author:ARGS
Author URI:https://tcd-theme.com/
Version:2.4
*/



/* トップページ検索バー調整 */
.topsearch { display:block; margin-top:18px; position:relative;}

.topsearch h3 { float:left; width:6rem; margin:5px 0 0 0}

.topsearch_col { width:450px; float:left; }
.topsearch_col .widget_search #s { width:90%; }
.topsearch_col .widget_search #search-btn input,.topsearch_col .widget_search #searchsubmit { width:10%; }

p.note { line-height:1.2em !important; margin-top:2px !important; }

@media screen and (max-width:500px) {
.topsearch_col { width:100%; float:left; }
.topsearch_col .widget_search #s { width:90%; }
.topsearch_col .widget_search #search-btn input,.topsearch_col .widget_search #searchsubmit { width:10%; }

/* Gtranslateモバイル プルダウンマーク位置調整 */
.switcher .selected a:after { top:15px; }

/* Gtranslateモバイル WIDTH100％調整 */
#gtranslate_wrapper {position: static!important;}
.switcher.notranslate, .switcher.notranslate .option, .switcher.notranslate .selected a {width:100%;}
}

@media screen and (max-width:1024px) {
.topsearch_col { width:100%; float:left; }
.topsearch_col .widget_search #s { width:90%; }
.topsearch_col .widget_search #search-btn input,.topsearch_col .widget_search #searchsubmit { width:10%; }
}

/* GtranslatePC 位置調整と半透明化 */
#gtranslate_wrapper { top:-20px; background-color: rgba(255,255,255,0.5); }

/* 全体のフォントサイズ変更 */
.post_content p, .pc #index_content2 .catchphrase .desc p , #index_content2 .catchphrase .desc p, p.desc, .index_box_list .desc {
  font-size: 16px;
}
/* トップページ グローバルメニュー太字 */
#global_menu {
  font-weight: bold;
}
#global_menu .switcher {
  font-weight: normal;
}

/* 東内追加分 */
.koutei {
	display: flex;
	justify-content: space-between;
	border: 1px solid #999999;
	padding: 1em;
	margin-bottom: 1em;
	font-size: 1.5em;
}
.koutei img {
	display: inline-block;
}
/*
.form-control.ng-pristine.ng-untouched.ng-scope.ng-invalid.ng-invalid-required,
.form-control.ng-pristine.ng-untouched.ng-valid.ng-scope.ng-valid-required {
	width: 100%; 
	box-sizing: border-box;
}
*/
.tcd-submit-button {
	padding-left: 5em;
	padding-right: 5em;
	padding-top: 0.7em;
	padding-bottom: 0.7em;
	background-color: #bb0000;
	border-radius: 3px;
	font-size: 1.3em;
}
.tcd-submit-button:hover {
	background-color: #330000;
	transition: all 0.3s;
	cursor: pointer;
	cursor: hand;
}
.post_content a {
	color: blue;
}
#prof dt {
	width: 128px;
	letter-spacing: -1px;
}
/* 料金表ページ */
.post_content .price-table th {
	background-color: #c43e3e;
	color: #ffffff;
	font-size: 1.5em;
	text-align: left;
}
.post_content tr.price-sub-title td {
	background-color: #ffe1e1;
}
.pc .tcd-w_page_menu .price {
	position: relative;
}
/* .post_content .price-table th { */
.top-big-news {
	margin-top:24px;
	display: block;
}
.top-big-news .top-big-contents {
	display: flex;
	justify-content:center;
	align-items: flex-start;
	align-content: flex-start;
}
.top-big-news .top-big-contents div.photo {
	width:45%;
	height:auto;
	display:block;
}
.top-big-news .top-big-contents div.photo img {
	max-width:100%;
	margin-bottom:1em;
}
.top-big-news .top-big-contents div.setsumei {
	width:45%;
	display:block;
}
.top-big-news div.setsumei h3 {
	line-height:1.2em;
}
#index_content2 .top-big-news div p {
	margin-bottom: 0.4em !important;
} 
.bunkatsu, .bunkatsu-2 {
	display: flex;
	justify-content: space-between;
	flex-direction: row;
	flex-wrap: wrap;
}
.bunkatsu div {
	width: 23.5%;
}
.bunkatsu-2 div {
	width: 48%;
}
.bunkatsu img, .bunkatsu-2 img {
	max-width: 100%;
}
@media screen and ( max-width: 730px ){
	.top-big-news {
		flex-direction:column;
		display:block;
	}
	.top-big-news .top-big-contents {
		display: block;
	}
	.top-big-news .top-big-contents div.photo {
		width:100%;
	}
	.top-big-news img {
		width:100%;
		height:auto;
	/*	margin-bottom: 24px; */
	}
	.top-big-news .top-big-contents div.setsumei {
		width: 100%;
		display: block;
	}
	.bunkatsu, .bunkatsu-2 {
		display: flex;
		justify-content: space-between;
		flex-direction: column;
	}
	.bunkatsu div, .bunkatsu-2 div {
		width: 100%
	}
}



/* フォーム */
.wpcf7 {
	box-sizing: border-box;
}
/* youtube埋め込みレスポンシブ */
.youtube {
	width: 100%;
	aspect-ratio: 16 / 9;
}
.youtube iframe {
	width: 100%;
	height: 100%;
}
/* トップページのheadline文字修正 */
.info h4.headline.rich_font.color_headline {
	font-size: 32px;
}

/* トップページの子ども向けバナーの表示切り替え（東内） */
#for-kids {
	margin-bottom: 24px;
}
a.sp {
	display: none;
}
@media screen and ( max-width: 730px ){
	a.sp {
		display: block;
	}
	a.sp img {
		max-width: 100%;
		margin-left: auto;
		margin-right: auto;
		display: block;
	}
	a.pc {
		display: none;
	}
}

/* オーダーメイドのページ（東内） */
.ordermade-photo {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	max-width: 1150px;
	margin-bottom: 1.3em;
}
.ordermade-photo img:nth-child(1) {
	width: 740px;
	height: auto;
}
.ordermade-photo img:nth-child(2) {
	width: 410px;
	height: auto;
}
.product-list {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-around;
	align-items: flex-start;
}
.product-list img {
	width: auto;
	max-width: 25%;
	height: 270px;
	margin-bottom: 30px;
}

.order-pay tr td:nth-child(2) {
	text-align: right;
}
@media screen and ( max-width: 730px ){
	.ordermade-photo {
		flex-direction: column;
	}
	.ordermade-photo img {
		max-width: 100%;
	}
	.product-list {
		flex-direction: column;
	}
	.product-list img {
		max-width: 100%;
		width: 100%;
		height: auto;
		margin-bottom: 0.5em;
	}
}

/* プロフィールページの写真を制御 */
.with-photo {
	display: inline-flex;
	flex-wrap: wrap;
}
.with-photo dd {
	width: calc(100% - 129px);
	margin-left: 0;
}
.with-photo dd img {
	max-width: 50%;
	height: auto;
	vertical-align: top;
}
@media screen and ( max-width: 730px ) {
	.with-photo {
		display: inline;
	}
	.with-photo dd {
		width: 100%;
	}
	.with-photo dd img {
		max-width: 100%;
	}
}