/*
	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;
}

























article {
	
	
}
.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;
}

/*タブ切り替え--------------------*/

/* 全体を囲むdiv（親要素）*/
.tab-wrap {
  --active-tab-color:#fc8486; /*選択したタブの色をここに指定*/
  --tab-gap:10px;/*タブ間の余白*/
  display: flex;
  flex-wrap: wrap;
  gap:var(--tab-gap);
}

/*タブ(label)のスタイル*/
.tab-label {
  color: var(--active-tab-color);
  border:1px solid var(--active-tab-color);
  text-align: center;
  padding: .5em 1em;
  order: -1;/*タブを上段に表示する*/
  flex-grow:1;/*flexアイテムの伸び率を調整*/
  position:relative;
  cursor: pointer;
	border-radius: 18px;
}

/* タブのコンテンツ部分*/
.tab-content {
  width: 100%;
  display: none;/*いったん非表示状態に設定*/
}

/*選択されていることがわかるように、選択されているタブの色を変える*/
.tab-switch:checked+.tab-label {
  background-color:var(--active-tab-color);
  color:#fff;
}

/*吹き出し部分*/
.tab-switch:checked+.tab-label:after{
  background-color: var(--active-tab-color);
  clip-path: polygon(0 0, 100% 0, 50% 100%);
  content: "";
  height: 10px;
  left: 50%;
  position: absolute;
  top: 100%;
  transform: translateX(-50%);
  width: 20px;
}

/* 選択されているタブのコンテンツを表示させる */
.tab-switch:checked+.tab-label+.tab-content {
  display: block;
  margin-top:1em;
}

/* input（ラジオボタン）は仕組みだけ利用するため非表示 */
.tab-switch {
  display: none;
}

/*カレンダー表示調整*/

.em-cal-nav .month form input.em-month-picker {
	display:none;
}
#calendarbox form {
	width:100%;
	text-align:center;
}
#calendarbox form .selectlink {
	
}


#calendarbox form select option {
	font-size:0.8em!important;
}

.calendartitle {
	width:100%;
	text-align:center;
	margin-top:40px;
	font-size:1.4em;
}
.month-nav {
	display:none!important;
}
.em-cal-day {
}
.em-cal-day-date div,
.em-cal-day-date div a {
	display:block!important;
	padding-bottom:10px!important;
	height:36px!important
}
.em-cal-event,
.em-cal-event div {
	height:42px!important
}