/*
	Theme Name: diver_child
	Template: diver
	Description:  Diverの子テーマです。
	Theme URI: http://tan-taka.com/diver/
	Author: Takato Takagi
 */

/* カスタマイズする場合にはこれより下に追記してください  */

body{
    -webkit-text-size-adjust: 100%;
    vertical-align: baseline;
	line-height:1.8em;
	font-size:18px;
	color:#4B3737;
	font-family: sans-serif ;
}

.hentry,#single-main .post-sub{

}
a {
	text-decoration: none!important;
}
#nav_fixed .logo {
	display:block;
}/*スクロールした時のタイトル*/

.mainback {
	width:100%;
}
.mainback-top {
	width:100%;
}
.mainback-top article {
	background:none!important;
}
#main {
	background:none!important;
}
#main-wrap {
	width:100%;
    max-width: 1300px;
	padding:10px 10%!important;
	
}
#content_area {
	border-radius: 30px!important;
}
.singlepage {
	display:block;
    max-width: 900px!important;
	margin:0 auto!important;
}


.block1200 {
	width:1200px;
	margin: 20px auto;
	padding:10px;
}
.pagetitle {
	font-size:1.6em;
	font-weight:bold;
}


/*ページネーション*/
.pagination {
	margin-top:40px;
	text-align:right;
}
.pagination a {
	padding:5px 10px!important;
	display:inline-block;
	line-height:100%;
	font-size:0.9em;
	background:#FFFFFF;
	color:#4A2121;
}

/* ユーザーのイベント一覧表のスタイル */
.user-events-table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 20px;
}

.user-events-table th, .user-events-table td {
    border: 1px solid #ddd;
    padding: 8px;
    text-align: left;
}

.user-events-table th {
    background-color: #f4f4f4;
}

.user-events-table img {
    max-width: 100px;
    height: auto;
}

.user-events-table a {
    text-decoration: none;
    color: #0073aa;
}

.user-events-table a:hover {
    text-decoration: underline;
}

/*author.php　プロフィールページ*/

.page_bottom {
	margin-bottom:100px;
}
.author_flex {
  width:100%!important;
	height:auto!important;
  display:flex!important;
  flex-wrap:wrap!important;/* これを指定する */
  justify-content:space-between!important;
}
.author_topbox {
  width:calc(100%/2);/* 横幅を3等分 */
  height:auto;
  display:flex;/* 高さを揃えるための指定 */
  flex-direction:column;/* 高さを揃えるための指定 */
	margin-top:30px;
}
.author_topbox div {
    flex-grow:1;
}
.author_topbox .heading09 {
	line-height:1.7em;
	margin-bottom:18px;
}
.author_topbox .heading09::before {
	content: attr(data-en);
	display: block;
	color: #498ee0;
	font-size: 0.7em;
}
.author_topbox .heading09::after {
	content: '';
	display: block;
	width: 40px;
	height: 1px;
	background-color: #498ee0;
}

.author_topbox p {

}
p.author_topbox_txt {
	background:#E4E4E4;
	display:inline-block;
	padding:3px;
	font-size:0.9em;
}
p.author_topbox_txt span {
	display:inline-block;
	padding:0 3px;
	width:60px;
	text-align:center;
	background:#FFFFFF;
	margin-right:10px;
}

p.author_topbox_profile {}

p.author_topbox_sns {
	max-width:100%;
}
p.author_topbox_sns a {
	display:inline-block;
	height:35px;
	margin-right:10px;
	border-bottom:5px solid #FFFFFF;
	
}
p.author_topbox_sns a img {
	height:100%;
	transition: 0.5s;
}
p.author_topbox_sns a:hover {
	border-bottom:5px solid #3C8CCD;
}
p.author_topbox_file {
	display:block;
	margin:3px 0;
}
p.author_topbox_file a {
	display:block;
	padding:10px;
	background:#42D2E4;
	font-weight:bold;
	color:#FFFFFF;
	text-align:center;
	border-left:10px solid #498ee0;
	border-right:10px solid #498ee0;
}
p.author_topbox_file a:hover {
	background:#498ee0;
}
.author_topbox_img {
	width:calc(100%/2);/* 横幅を3等分 */
  height:auto;
  display:flex;/* 高さを揃えるための指定 */
  flex-direction:column;/* 高さを揃えるための指定 */
	padding:10px;
}
.author_topbox_img img {
	max-width:100%;
}

.author_blognew {}
.author_blognew h3 {}
.author_bloglist {}

.author_eventbox {
  width:100%!important;
	height:auto!important;
  display:flex!important;
  flex-wrap:wrap!important;/* これを指定する */
  justify-content: center;
  align-items:stretch;
	padding:10px;
}
.author_eventlist {
	 width:calc(100%/3);/* 横幅を3等分 */
  height:auto;
  display:flex;/* 高さを揃えるための指定 */
  flex-direction:column;/* 高さを揃えるための指定 */
	padding:8px;
	border:1px solid #C6C6C6;
	border-radius: 18px;
	margin-bottom:10px;
	align-items: stretch;
}
.author_eventlist div {
    flex-grow:1;
}
.author_eventlist_img {
	width:100%;
	border-radius: 18px;
	margin-bottom:10px;
}
.author_eventlist_img img {
	width:100%;
	height:200px;
	object-fit: cover;
	border-radius: 18px;
}
.author_eventlist_date {
	font-weight:bold!important;
	font-size:0.8em!important;
}
.author_eventlist_title {}
.author_eventlist_title a {
	font-weight:bold!important;
	font-size:1em!important;
}