@charset "UTF-8";

/* -----------------------------------
 Profile
----------------------------------- */
#profile {
	margin: 40px auto;
}
	#profile h2 {
		position: relative;
		text-align: center;
		font-size: 220%;
		font-style: italic;
		z-index: 1;
		color: #000;
	}
	#profile h2:before {
		content: "";
		display: inlinn-block;
		position: absolute;
		top: 20px;
		left: 0;
		background: #fff;
		border-top: 3px solid #f7c4c1;
		border-bottom: 1px solid #f7c4c1;
		height: 2px;
		width: 100%;
		z-index: -1;
	}
		#profile h2 span {
			background: #fff;
			padding: 0 30px;
		}

	#profile > div {
		font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}

		/* -----------------------------------
		 Introduction
		----------------------------------- */
		#intro {
			width: 940px;
			margin: 0 auto;
			padding: 30px 0;
		}
			#intro .person {
				float: left;
				width: 301px;
			}
				#intro h3 {
					background: none;
					border: none;
					padding: 0;
					font-size: 300%;
					font-family: Lora, serif;
				}
				#intro .person > p {
					line-height: 1.4em;
					font-size: 90%;
					margin: 0 0 15px;
				}
				#intro .sns_btns {}
					#intro .sns_btns li {
						display: inline-block;
						margin: 0 10px 0 0;
						min-width: 30px;
						width: 30px;
						box-sizing: border-box;
					}
			#intro .txt {
				float: right;
				width: 600px;
				font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
				margin: -16px 0 0;
			}
				#intro .txt p {
					margin: 25px 0 0;
					line-height: 1.6em;
				}
				#intro .btn_contact {}
					#intro .btn_contact a,
					#intro .btn_contact a:visited {
						display: block;
						width: 302px;
						height: 42px;
						line-height: 42px;
						text-align: center;
						-webkit-border-radius: 48px;
						-moz-border-radius: 48px;
						border-radius: 48px;
						color: #fff;
						background: #64b69f;
					}
					#intro .btn_contact a:before {
						background: #2C997B;
					}

		/* -----------------------------------
		 Books
		----------------------------------- */
		#books {
			margin: 20px;
		}
			#books h3 {
				background: #f7c4c1;
				border: none;
				text-align: center;
				padding: 0;
				font-size: 120%;
				color: #fff;
				height: 35px;
				line-height: 35px;
			}
			#books > div {
				background: #f3f3f3;
				padding: 29px 35px 10px;
			}
				#books ul {
					margin: -24px 0 0 -29px;
					overflow: hidden;
				}
					#books li {
						float: left;
						width: 420px;
						margin: 0 0 -1px 29px;
						border-bottom: 1px dotted #bfbdb8;
					}
					#books li:last-child {
						border-bottom: none;
					}
						#books li a,
						#books li a:visited {
							display: inline-block;
							padding: 24px 24px 24px 0;
						}
							#books .thumb {
								float: left;
								width: 110px;
								line-height: 0em;
							}
								#books .thumb img {
									max-width: 90px;
								}
							#books li > div {
								margin: 0 0 0 118px;
							}
								#books h4 {
									color: #df756f;
									font-weight: normal;
								}

	/* -----------------------------------
	 Show Index
	----------------------------------- */
	#show_index {
		font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		font-size: 100%;
		margin: 50px auto 20px;
		width: 980px;
	}
		#show_index ul {
			align-items: flex-start;
			display: flex;
			flex-flow: row wrap;
			justify-content: flex-start;
			width: 100%;
		}
			#show_index li {
				width: calc((100% - 72px) / 3);
				margin-right: 36px;
				margin-bottom: 30px;
			}
			#show_index li:nth-child(3n) {
				margin-right: 0;
			}
				#show_index li a {
					display: inline-block;
					height: 100%;
					width: 100%;
					transition: all .3s ease;

				}
				#show_index li a:hover {
					opacity: .7;
				}

				#show_index li .thumb {
					background-position: center center;
					background-size: cover;
					background-repeat: no-repeat;
					height: 284px;
					width: 100%;
				}
				#show_index li h4 {
					color: #f96e65;
					font-weight: bold;
					margin: 12px 0 8px;
				}
				#show_index li .content{
					font-size: 80%;
				}


		/* -----------------------------------
		 Media & Works
		----------------------------------- */
		#media-works {
			margin: 60px auto 30px;
		}
			#media-works h3 {
				font-family: "Lora";
				font-size: 130%;
				padding-top: 9px;
			}
				#media-works h3 small {
					margin: 0 0 0 10px;
					font-size: 50%;
				}
			#media-works-tab {
				width: 980px;
				margin: 40px auto;
			}
				#media-works-tab .tab {
					width: 100%;
				}
					#media-works-tab .tab li {
						float: left;
						width: calc(100% / 3);
					}
						#media-works-tab .tab a,
						#media-works-tab .tab a:visited {
							font-family: "Lora";
							font-size: 110%;
							width: 100%;
							height: 51px;
							line-height: 51px;
							text-align: center;
							border-bottom: 1px solid #c1c1c1;
							box-sizing: border-box;
							z-index: -1;
							background: transparent;
							margin-left: 1px;
					}
						#media-works-tab .tab a:hover {
							background: #f8f5f3;
							border-bottom: 1px solid #cccccc;
							transition-property: none;
						}
						#media-works-tab .tab a.selected,
						#media-works-tab .tab a.selected:visited {
							background: #fff;
							border: 1px solid #c1c1c1;
							border-bottom: 1px solid transparent;
							z-index: 2;
						}
				
				#media-works-tab .tab_content {
					margin: 10px 0;
				}
					#media-works-tab .tab_content > div {
						width: 100%;
						display: block;
						box-sizing: border-box;
					}
	
					/* TV/Radio */
					#media-works-tab_tv-radio,
					#media-works-tab_web,
					#media-works-tab_other {
						padding: 30px 15px;
					}
						#media-works-tab_tv-radio ul,
						#media-works-tab_web ul,
						#media-works-tab_other ul {
							overflow: hidden;
						}
							#media-works-tab_tv-radio li,
							#media-works-tab_web li,
							#media-works-tab_other li {
								float: left;
								width: 50%;
								box-sizing: border-box;
								padding: 0 15px;
								margin: 0 0 -1px;
							}
								#media-works-tab_tv-radio a,
								#media-works-tab_web a,
								#media-works-tab_other a,
								#media-works-tab_tv-radio a:visited,
								#media-works-tab_web a:visited,
								#media-works-tab_other a:visited {
									display: block;
									padding: 15px 0;
									border-bottom: 1px dotted #cccccc;
								}
								#media-works-tab_tv-radio a[href]:hover,
								#media-works-tab_web a[href]:hover,
								#media-works-tab_other a[href]:hover { color: #f3827b;}
								
									#media-works-tab_tv-radio .thumb,
									#media-works-tab_web .thumb,
									#media-works-tab_other .thumb {
										float: left;
										width: 130px;
										height: 130px;
										box-sizing: border-box;
										border: 1px solid #c1c1c1;
										background-position: center center;
										background-size: cover;
										-webkit-background-size: cover;
										-moz-background-size: cover;
										-o-background-size: cover;
										background-size: cover;
										background-image: url(../images/profile/works_noimg.png);
										background-color: #D4D4D4;
										-webkit-transition: opacity 0.2s ease;
										transition: opacity 0.2s ease;
									}

									#media-works-tab_tv-radio a[href]:hover .thumb,
									#media-works-tab_web  a[href]:hover.thumb,
									#media-works-tab_other a[href]:hover .thumb {
										filter: alpha(opacity=70);
										-moz-opacity: 0.7;
										opacity: 0.7;
									}

									#media-works-tab_tv-radio dl,
									#media-works-tab_web dl,
									#media-works-tab_other dl {
										float: right;
										width: 280px;
									}
										#media-works-tab_tv-radio dl > *,
										#media-works-tab_web dl > *,
										#media-works-tab_other dl > * {
											padding: 2px 0;
										}
				
										#media-works-tab_tv-radio dt,
										#media-works-tab_web dt,
										#media-works-tab_other dt {
											color: #ec544b;
											font-size: 80%;
										}
										#media-works-tab_tv-radio a[href]:hover dt,
										#media-works-tab_web a[href]:hover dt,
										#media-works-tab_other a[href]:hover dt { color: #f3827b;}
										#media-works-tab_tv-radio dd,
										#media-works-tab_web dd,
										#media-works-tab_other dd {
											font-size: 90%;
										}
											#media-works-tab a[href].selected:hover {
												color: #333333;
											}


					/* Magazine */
					#media-works-tab_magazine {}
						#media-works-tab_magazine ul {
							margin: 0 0 0 -27px;
							overflow: hidden;
						}
							#media-works-tab_magazine li {
								float: left;
								width: 289px;
								margin: 0 0 -1px 27px;
								padding: 22px 10px;
								box-sizing: border-box;
								border-top: 1px dotted #cccccc;
							}
							#media-works-tab_magazine li:first-child,
							#media-works-tab_magazine li:nth-child(2),
							#media-works-tab_magazine li:nth-child(3) {
								border-top: none;
							}

							#media-works-tab_magazine .date {
									color: #ec544b;
									font-size: 70%;
								}
								#media-works-tab_magazine h4 {
									color: #000;
								}
								#media-works-tab_magazine li div {
									margin: 5px 0 0;
								}

									#media-works-tab_magazine .thumb {
										line-height: 0;
										float: left;
										width: 79px;
									}
										#media-works-tab_magazine .thumb img {
											width: 100%;
											height: auto;
										}
									#media-works-tab_magazine li .txt {
										float: right;
										width: 180px;
										font-size: 80%;
									}

					/* Web */
					#media-works-tab_web {}

					/* Others */
					#media-works-tab_others {}
					

						/* wp pagenavi */
						#media-works-tab .tab_content .wp-pagenavi {
							width: 100%;
							text-align: right;
							font-family: 'Lora';
						}
							#media-works-tab .tab_content .wp-pagenavi > * {
								display: inline-block;
								padding: 0 11px;
								height: 37px;
								line-height: 37px;
								box-sizing: border-box;
								background: #fff;
								border: 1px solid #f7c4c1;
								text-align: center;
								color: #f3827b;
							}
							#media-works-tab .tab_content .wp-pagenavi .pages {}
							#media-works-tab .tab_content .wp-pagenavi .current {
								background: #f7c4c1;
								color: #fff;
							}
							#media-works-tab .tab_content .wp-pagenavi .page {}
							#media-works-tab .tab_content .wp-pagenavi .previouspostslink,
							#media-works-tab .tab_content .wp-pagenavi .nextpostlink {
							}
							#media-works-tab .tab_content .wp-pagenavi .previouspostslink {}
							#media-works-tab .tab_content .wp-pagenavi .nextpostlink {}