/*
 Theme Name: Astra-child
 Template: astra
*/



/* footer -------------------------------- */
.footer_menu01{}
.footer_menu01 a {
	 color: #b9b9b9;
}
.footer_menu01 a:hover {
	 color: #71c6c1 !important;
}
/* footer Lists  */
.footer_menu01 ul,
ol {
	margin: 0 0 3rem 3rem;
}
.footer_menu01 ul {
	list-style: none;
}
.footer_menu01 ul ul {
	list-style: none;
}
.footer_menu01 ul ul ul {
	list-style: square;
}
.footer_menu01 ol {
	list-style: decimal;
}
.footer_menu01 ol ol {
	list-style: lower-alpha;
}
.footer_menu01 ol ol ol {
	list-style: lower-roman;
}
.footer_menu01 li {
	line-height: 1.5;
	margin: 0.5rem 0 0 0.5rem;
}
.footer_menu01 li > ul,
.footer_menu01 li > ol {
	margin: 0 0 0 1rem;
}
.footer_menu01 .reset-list-style,
.footer_menu01 .reset-list-style ul,
.footer_menu01 .reset-list-style ol {
	list-style: none;
	margin: 0;
}
.footer_menu01 .reset-list-style li {
	margin: 0;
}
.footer_menu01 dt,
.footer_menu01 dd {
	line-height: 1.5;
}
.footer_menu01 dt {
	font-weight: 700;
}
.footer_menu01 dt + dd {
	margin-top: 0.5rem;
}
.footer_menu01 dd + dt {
	margin-top: 1.5rem;
}
/*  sp フッターメニュー マージン */
@media (max-width: 768px) {
	.footer_menu01 ul, ol {
    margin: 0 0 1rem 0.5rem!important;
	}
}



/* INFORMATION ----------------------------- */
/* List  */
.information_all_list
,.information_all_list li{
	margin:15px 0 0 0;
	padding:0 5px 0 0;
}
.information_all_list ul{
	top: 10px !important;
}
.information_all_list li{
	list-style-type:none !important;
	list-style-image:none !important;
	margin: 5px 0px 5px 0px !important;
	position:relative;
	padding-left:20px;
}
.information_all_list li:before{
	content:''; 
	display:block; 
	position:absolute; 
	box-shadow: 0 0 2px 2px rgba(255,255,255,0.2) inset;
	top:8px; 
	left:2px; 
	height:0; 
	width:0; 
	border-top: 6px solid transparent;
	border-right: 7px solid transparent;
	border-bottom: 6px solid transparent;
	border-left: 9px solid #aaa;
}
@media (max-width: 768px) {
	.information_all_list ul{
	margin: 0 0 1.5em 1em !important;
	}
}

/* リスト最上部のh5タイトルを非表示 */
.elementor-widget-container h5{
	display: none !important;
}



/* WORKS-----------------------------  */
/* 一覧 */
.pt-cv-view .pt-cv-ifield {
	text-align:center !important;
	margin:10px auto !important;
	padding:40px;
	background-color:#efefef;
}
.pt-cv-view .pt-cv-ifield:after{/* imgがDIVからはみ出るのを解消 */
	content: "";
	clear: both;
	display: block;
}

h4.pt-cv-title{/* タイトル左寄せ、サイズ16px */
	margin:10px 0 10px 0 !important;
	text-align:left !important;
	font-size:16px;
}

.pt-cv-view .pt-cv-ifield a {/* リンクテキスト */
	color: #004766 !important;
	font-weight:400 !important;
	text-align:left !important;
}

.pt-cv-content{/* 引用本文 */
	text-align:left !important;
	color: #303030 !important;
	font-size:13px;
}

.pt-cv-readmore {/* ボタン */
	color: #FFFFFF !important;
	background-color: #71c6c1 !important;
	border: none !important;
}

.eael-entry-thumbnail {/* 画像センター寄せ */
	text-align:center !important;
}
.eael-entry-thumbnail img {/* 画像　サイズなど */
	margin:20px auto 0 !important;
	width: 80% !important;
	height: 150px;
	vertical-align: middle;
	object-fit: cover;
}


/*投稿タイトル　強制大文字解除 */
.entry-title  {
    text-transform: none !important;
}
/*
.eael-timeline-post-title h2 {
    text-transform: none !important;
}
*/






/* 投稿　一覧ページ 2投稿全部   INFORMATION　REPORT --------------------------------
-------------------------------------------------------------------------------------------------------- */
/*
.entry-content h2, .entry-content h2 a {
	font-size: 16px !important;
	font-weight: 600 !important;
}
*/



/* 投稿　個別ページ    ----------- */
.post-thumb{
	text-align: center !important;/* アイキャッチをセンター表示 */
}
.post-thumb img {
	width: 70% !important;/* 画像幅を70%に */
}
.entry-meta, .entry-meta * {
	color: #7c7c7c!important;/* メタ情報が黄色だったのをグレーに */
}
.entry-meta a, .entry-meta * a{/* リンクは黄色 */
	color: #71c6c1!important;
}
.site-main {
	word-wrap:break-word !important;/*長い英文がはみ出さないように */
}







/* SHOP 匠の人物紹介 --------------------------------
-------------------------------------------------------------------------------------------------------- */
.takumi_profile div{
	margin-bottom:5px !important;
}

.takumi_profile p{
	margin:0 !important;
}


.takumi_profile_photo img{
	margin-bottom:-20px !important;
}






/* DISTRIBUTION --------------------------------
-------------------------------------------------------------------------------------------------------- */
.btn_disable01 {
	pointer-events: none!important;
}






/* reCAPTCHA　アイコン非表示 */
.grecaptcha-badge { visibility: hidden; }




/* いきなり本読み！ --------------------------------
-------------------------------------------------------------------------------------------------------- */

/* 公演情報 */
.info_block {
  max-width: 700px;
  margin: 0 auto;
}

.info_row {
  display: flex;
  padding: 16px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.info_label {
  width: 25%!important;
  color: #ffffff;
  font-size: 15px;
  font-weight: bold;
}
@media (max-width: 768px) {
	.info_label {
    width: 30%;
    min-width: 30%;
    font-size: 14px;
	}
}


.info_value {
	width: 75%;
  padding-left: 8px;
  text-align: left;
  overflow-wrap: break-word;
}
.info_value p{
  color: #232528;
  font-size: 15px;
  line-height: 1.6;
  text-align: left;
}
.info_value p a {
  color: #84efe8;
}
@media (max-width: 480px) {
  .info_block {
    padding: 8px;
  }
  .info_row {
    padding: 8px 0;
  }
  .info_value p {
    font-size: 16px;
    text-align: left;
  }
  .info_value p a {
    font-size: 16px;
  }
}

/* end 公演情報 */



/* ボーダー背景1 */
.border_bg01{
background: repeating-linear-gradient(290deg, #F5F9FF, #F5F9FF 20px, rgba(255, 255, 255, 0) 20px, rgba(255, 255, 255, 0) 40px);
}


/* ボーダー背景2 */
.border_bg02{
background: repeating-linear-gradient(250deg, #F5F9FF, #F5F9FF 20px, rgba(255, 255, 255, 0) 20px, rgba(255, 255, 255, 0) 40px);
}

/* 句読点で改行 */
.line_break_strict{
line-break: strict;
}




.br_sp {/* SPのみ改行 */
    display: none;
}
.br_pc {/* PC、タブレットのみ改行 */
    display:inline;
}
.br_pc_noipad {/* PCのみ改行、タブレット縦、SPは改行しない */
    display:inline;
}
@media (max-width: 480px) {
  .br_sp {
    display:inline;
  }
  .br_pc {
    display: none;
  }
}
@media (max-width: 1024px) {
	.br_pc_noipad {
    display: none;
	}
}



/* loopの抜粋（post excerpt）の文字制限がうまく機能しない。結局はカスタムcssで対応 */
.selector2 {
	overflow: hidden;
	text-overflow: ellipsis;
	overflow-wrap: break-word;
	display: -webkit-box;
	-webkit-line-clamp: 3;  /* 表示する行数 */
	-webkit-box-orient: vertical;
	font-size: 16px !important;
	color: #232528 !important;
	line-height: 1.6 !important;
}

.selector {
	overflow: hidden;
	text-overflow: ellipsis;
	overflow-wrap: break-word;
	display: -webkit-box;
	-webkit-line-clamp: 3;  /* 表示する行数 */
	-webkit-box-orient: vertical;
}