@charset "UTF-8";

/* -----------------------------------
 Header
----------------------------------- */
	/* -----------------------------------
	 Top Line
	----------------------------------- */
	#topline {
		background: #faf6ec;
	}
		#topline .contents {
			background: url(../images/top/mainVisual.png) no-repeat right 0;
			height: 346px;
		}
			#topline p {
				padding: 0;
				font-size: 100%;
				margin: 0;
				line-height: 1.3em;
			}
			#topline .olivia {
				font-size: 590%;
				top: -52px;
			}
			#topline h2 {
				padding: 65px 0 0;
				font-size: 140%;
				margin: 0 0 42px;
			}
			#topline .message {
				color: #f3827b;
				font-size: 120%;
				line-height: 1.7em;
			}
			#topline .more {
				margin: 10px 0;
			}
				#topline .more a,
				#topline .more a:visited {
					display: inline-block;
					background: #F96E65;
					width: 240px;
					height: 42px;
					line-height: 42px;
					border-radius: 42px;
					font-family: Lora, serif;
					font-size: 100%;
					letter-spacing: 1px;
					color: #fff;
					text-align: center;
					behavior: url(./js/PIE.htc);
				}
				#topline .more a.button--left-to-right:before { background: #FA574D;}
			
		
/* -----------------------------------
 Lectures
----------------------------------- */
#index_lectures {
	width: 980px;
	margin: 35px auto 0;
}
	#index_lectures .slick-carousel {
		opacity: 0;
		margin: 0 auto;
	}
		#index_lectures .slick-carousel a {
			position: relative;
			display: block;
			padding: 30px 14px;
			margin: 5px 5px;
			border-radius: 4px;
			overflow: hidden;
			font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		}
			#index_lectures dl {}
				#index_lectures dt {
					text-align: center;
				}
					#index_lectures dt p {
						position: relative;
						width: 210px;
						margin: 0 auto;
						z-index: 1;
					}
					#index_lectures dt p:after {
						content: "";
						display: inline-block;
						position: absolute;
						height: 214px;
						width: 214px;
						left: 0;
						top: 0;
						box-shadow: 0 0 0 1px #fff;
						-webkit-border-radius: 213px;
						-moz-border-radius: 213px;
						border-radius: 213px;
						-webkit-transition: -webkit-transform 0.4s, opacity 0.3s;
						-moz-transition: -moz-transform 0.4s, opacity 0.3s;
						transition: transform 0.4s, opacity 0.3s;
						-webkit-transform: scale(0.5);
						-moz-transform: scale(0.5);
						-ms-transform: scale(0.5);
						transform: scale(0.5);
						opacity: 0;
						z-index: 2;
					}
					#index_lectures a:hover dt p:after {
						-webkit-transform: scale(1);
						-moz-transform: scale(1);
						-ms-transform: scale(1);
						transform: scale(1);
						opacity: 1;
					}
	
					#index_lectures h3 {
						font-size: 120%;
						line-height: 1.2em;
						color: #000;
						margin: 20px 0;
						text-align: center;
						padding: 0;
						background: 0;
						border: none;
					}
					#index_lectures a:hover h3 {
						color: #333333;
					}
					#index_lectures h3:after {
						content: "";
						display: block;
						width: 50px;
						margin: 20px auto;
						border-top: 3px solid #f37d76;
						-webkit-transition: width 0.2s ease-out;
						-moz-transition: width 0.2s ease-out;
						-ms-transition: width 0.2s ease-out;
						transition: all 0.2s ease-out;
						opacity: 0.5;
					}
					#index_lectures a:hover h3:after {
						opacity: 1;
						width: 70px;
					}
				#index_lectures dd {
					font-size: 90%;
					line-height: 1.6em;
				}
				#index_lectures a:hover dd {
					color: #6B6B6B;
				}
				
				/* Slick Carousel のボタン */
				#index_lectures button {
					outline: none;
					border: none;
				}
				#index_lectures button.slick-prev,
				#index_lectures button.slick-next {
					position: absolute;
					top: 200px;
				}
				#index_lectures button.slick-prev {
					left: -80px;
				}
				#index_lectures button.slick-next {
					right: -80px;
				}
				@media screen and (max-width: 1200px) {
					#index_lectures button.slick-prev {
						left: 0px;
					}
					#index_lectures button.slick-next {
						right: -20px;
					}					
				}
					#index_lectures .slick-prev,
					#index_lectures .slick-next {
						position: relative;
						width: 58px;
						height: 58px;
						border-radius: 50%;
						background: #fccac3;
						opacity: 0.8;
						padding: 0;
						transition: all 0.1s ease;
						behavior: url(./js/PIE.htc);
					}
					#index_lectures .slick-prev:hover,
					#index_lectures .slick-next:hover {
						opacity: 1;
						box-shadow: 0 0 0 2px #fccac3;
					}
					#index_lectures .slick-prev:before,
					#index_lectures .slick-next:before {
						position: absolute;
						top: 50%;
						left: 50%;
						content: "";
						display: block;
						width: 9px;
						border: none;
						height: 15px;
					}
					#index_lectures .slick-prev:before {
						background: url(../images/top/arw_prev.png) no-repeat 0 0;
						margin: -8px 0 0 -6px;
					}
					#index_lectures .slick-next:before {
						background: url(../images/top/arw_next.png) no-repeat 0 0;
						margin: -8px 0 0 -3px;
					}
				
				/* slick-carousel のdotナビゲーション */
				#index_lectures .slick-dots {
					width: 100%;
					text-align: center;
				}
					#index_lectures .slick-dots li {
						width: 20px;
						height: 20px;
						display: inline-block;
					}
					#index_lectures .slick-dots li button {
						color: transparent;
						display: block;
						font-size: 0;
						padding: 0;
						line-height: 10px;
						width: 10px;
						height: 10px;
						cursor: pointer;
						outline: none;
						background: #e9e9e9;
						border-radius: 10px;
						behavior: url(./js/PIE.htc);
					}
						#index_lectures .slick-dots li button:hover {
							background: #ccc;
						}
					#index_lectures .slick-dots li.slick-active button {
						background-color: #fccac3;
					}


	/* -----------------------------------
   Index Books
	----------------------------------- */
	#index_books {
		background: #f3f3f3;
		padding: 24px 0 50px;
		margin-top: 60px;
	}
  #index_books .slick-carousel {
    background: url(../images/top/books_bg.png) no-repeat calc(50% + 250px) 5px;
		margin: 0 auto 10px;
    width: 100%;
  }
    .show_index_book {
			padding: 58px 112px 90px;
      width: 100%;
    }
			.show_index_book .inner {
				margin: 0 auto;
				max-width: 756px;
				width: 100%;
	    }
				/* Slick Carousel のボタン */
				#index_books button {
					outline: none;
					border: none;
				}
				#index_books button.slick-prev,
				#index_books button.slick-next {
					position: absolute;
					top: 50%;
					left: 50%;
          margin-top: -29px;
				}
				#index_books button.slick-prev {
					margin-left: -550px;
				}
				#index_books button.slick-next {
					margin-left: 492px;
				}
					#index_books .slick-prev,
					#index_books .slick-next {
						position: relative;
						width: 58px;
            height: 58px;
            background: none;
						opacity: 1;
						padding: 0;
						transition: all 0.1s ease;
					}
					#index_books .slick-prev:hover,
					#index_books .slick-next:hover {
						opacity: .6;
					}
					#index_books .slick-prev {
						background: url(../images/common/arw_prev.png) no-repeat center center;
					}
					#index_books .slick-next {
						background: url(../images/common/arw_next.png) no-repeat center center;
					}
				
				/* slick-carousel のdotナビゲーション */
				#index_books .slick-dots {
					width: 100%;
          text-align: center;
          position: absolute;
          bottom: 28px;
				}
					#index_books .slick-dots li {
						width: 7px;
						height: 7px;
            display: inline-block;
            margin: 0 6px;
					}
					#index_books .slick-dots li button {
						color: transparent;
						display: block;
						font-size: 0;
						padding: 0;
						line-height: 7px;
						width: 7px;
						height: 7px;
						cursor: pointer;
						outline: none;
						background: #fff;
						border-radius: 10px;
						behavior: url(./js/PIE.htc);
					}
						#index_books .slick-dots li button:hover {
							background: #ccc;
						}
					#index_books .slick-dots li.slick-active button {
						background-color: #ec544b;
					}

					#index_books .thumb {
						float: left;
						line-height: 0em;
						max-height: 256px;
						width: 200px;
					}
						#index_books .thumb img {
							max-height: 256px;
							width: 180px;
						}
						#index_books .show_index_book .thumb img {
							box-shadow: 12px 12px 0px 0px rgba(217,217,217,1);
						}
						#index_books .show_index_book .information {
							font-size: 120%;
							margin: 0 0 0 230px;
						}
						#index_books h4 {
							color: #ec544b;
							font-size: 130%;
							font-weight: bold;
						}
						#index_books .show_index_book h4 {
							margin-bottom: 8px;
						}
					#index_books .btn {
						background-color: #64b69f;
						border-radius: 42px;
						color: #fff;
						display: inline-block;
						font-family: serif;
						font-size: 110%;
						line-height: 42px;
						margin: 15px 0 0 30px;
						text-align: center;
						height: 42px;
						width: 220px;
					}
					#index_books .button--left-to-right:before {
						background: #2C997B;
					}

		#index_books .more {
			border: 1px solid #545454;
			border-radius: 50px;
			display: block;
			font-size: 120%;
			font-family: serif;
			font-weight: bold;
			text-align: center;
			line-height: 50px;
			margin: 0 auto;
			height: 50px;
			width: 280px;
		}
		#index_books .more.button--left-to-right::before {
			background: rgba(255, 255, 255, .7);
		}

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

				}
				#index_media-works li a:hover {
					opacity: .7;
				}

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

		#index_media-works .more {
			background: #f8c0bc;
			color: #fff;
			border-radius: 50px;
			display: block;
			font-size: 120%;
			font-family: serif;
			font-weight: bold;
			text-align: center;
			line-height: 50px;
			margin: 0 auto;
			height: 50px;
			width: 280px;
		}
		#index_media-works .more.button--left-to-right::before {
			background: #F96E65;
		}


	/* -----------------------------------
		To the World
	----------------------------------- */
	#to_the_world {
		clear: both;
		font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", sans-serif;
		width: 980px;
		margin: 0 auto;
		padding: 30px 0;
	}
		#to_the_world h3 {
			background: #f3827b;
			height: 28px;
			line-height: 28px;
			color: #fff;
			border: none;
			font-weight: bold;
			text-align: center;
		}
		#to_the_world > div {
			background: #f6f6f6;
			padding: 35px 37px;
		}
			#to_the_world .top_img {
				text-align: center;
			}
			#to_the_world ul {
				margin: 15px 0;
			}
					#to_the_world li a:hover {
						color: #f3827b;
					}
							#to_the_world dl > * {
								padding: 1px 0;
							}
							#to_the_world dt {
								float: left;
								width: 185px;
								clear: both;
							}
							#to_the_world dd {
								margin: 0 0 0 195px;
								color: #ec635b;
							}
			#to_the_world .box {
				background: #fff;
				padding: 20px 34px;
				margin: 20px 0 0;
				border: 1px solid #dfdfdf;
			}
				#to_the_world .box .thumb {
					float: left;
					width: 310px;
				}
				#to_the_world .box > div {
					float: right;
					width: 493px;
				}
					#to_the_world .box h4 {
						color: #ec635b;
						font-size: 110%;
						line-height: 1.4;
						font-weight: bold;
					}
					#to_the_world .btn_amazon {
						margin: 15px 0 0;
					}
						#to_the_world .btn_amazon a,
						#to_the_world .btn_amazon a:visited {
							display: inline-block;
							width: 199px;
							height: 28px;
							line-height: 28px;
							-webkit-border-radius: 28px;
							-moz-border-radius: 28px;
							border-radius: 28px;
							border: 1px solid #d0d0d0;
							background: #fff;
							text-align: center;
							font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
							font-size: 80%;
							color: #555353;
						}
						#to_the_world .btn_amazon a:before { background: #f6f6f6;}

/* -----------------------------------
 Index
----------------------------------- */
#index {
	padding: 40px 0 0;
}

	/* -----------------------------------
	 Main Contents
	----------------------------------- */
	#index #maincontents {
	}

	/* -----------------------------------
	 Topics
	----------------------------------- */
	#index .topics {
		margin: 30px 0;
	}
		#index .topics .inner {
			width: 590px;
			margin: 0 auto;
		}
			#index .topics ul {
				font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
				font-size: 90%;
				margin: 15px 0 25px;
			}
				#index .topics li {
					border-bottom: 1px dotted #c1c1c1;
					padding: 10px 0;
				}
					#index .topics li a,
					#index .topics li a:visted {}
					#index .topics li a:hover {}
						#index .topics dl {}
							#index .topics dt {
								float: left;
								width: 98px;
								clear: both;
								color: #ec544b;
							}
							#index .topics a:hover dt { color: #f3827b;}
							#index .topics dd {
								margin: 0 0 0 98px;
								padding: 0 4px 0 0;
							}
								#index .topics p {}
								#index .topics a:hover p { color: #f3827b;}
									#index .topics .new p:after {
										content: "New!";
										display: inline-block;
										width: 53px;
										height: 14px;
										margin: -2px 0 0 6px;
										border-radius: 14px;
										-webkit-border-radius: 14px;
										-moz-border-radius: 14px;
										background: #ec544b;
										font-family: "Lora";
										font-style: italic;
										color: #fff;
										font-size: 80%;
										line-height: 14px;
										text-align: center;
										overflow: hidden;
										transition: all 0.5s ease-out;
									}
									#index .topics .new a:hover p:after {
										background: #FD3529;
									}
	
			#index .topics .more {
				text-align: right;
			}
				#index .topics .more a,
				#index .topics .more a:visited {
					display: inline-block;
					background: #f7c4c1;
					width: 186px;
					height: 37px;
					line-height: 37px;
					-webkit-border-radius: 37px;
					-moz-border-radius: 37px;
					border-radius: 37px;
					color: #fff;
					text-align: center;
 				}
				#index .topics .more a.button--left-to-right:before { background: #F96E65;}
	
	/* -----------------------------------
	 Media
	----------------------------------- */
	#index .media {
		margin: 40px 0;
	}
		#index .media .tab_box {
			width: 590px;
			margin: 35px auto;
		}
			#index .media .tab {
				width: 100%;
			}
				#index .media .tab li {
					float: left;
					width: 33%;
				}
				#index .media .tab li.selected {}
					#index .media .tab a,
					#index .media .tab a:visited {
						width: 100%;
						height: 41px;
						line-height: 41px;
						text-align: center;
						border-bottom: 1px solid #c1c1c1;
						box-sizing: border-box;
						z-index: -1;
						background: transparent;
						margin-left: 1px;
					}
					#index .media .tab a:hover {}
	
					#index .media .tab a.selected,
					#index .media .tab a.selected:visited {
						background: #fff;
						border-bottom: 1px solid transparent;
					}

			#index .media .tab_content {
				position: relative;
			}
				#index .media .tab_content > div {
					font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
					font-size: 90%;
					width: 590px;
				}
				
				/* TV/Radio
						&
					Web */
				#index .media .tab_content #media_tv-radio {}
				#media_web {}
					#media_tv-radio ul,
					#media_web ul,
					#media_others ul  {
						width: 100%;
						margin: 22px -15px 22px 0;
						overflow: hidden;
					}
						#media_tv-radio li,
						#media_web li,
						#media_others li {
							float: left;
							width: 50%;
							box-sizing: border-box;
							padding: 0 30px 0 0;
							margin: 0 0 -1px;
						}
							#media_tv-radio a,
							#media_web a,
							#media_others a,
							#media_tv-radio a:visited,
							#media_web a:visited,
							#media_others a:visited {
								display: block;
								padding: 15px 0;
								border-bottom: 1px dotted #cccccc;
							}
							#index .media .tab_content a[href]:hover { color: #f3827b;}
								#media_tv-radio .thumb,
								#media_web .thumb,
								#media_others .thumb {
									float: left;
									width: 80px;
									height: 80px;
									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_tv-radio a[href]:hover .thumb,
								#media_web a[href]:hover .thumb,
								#media_others a[href]:hover .thumb {
									filter: alpha(opacity=70);
									-moz-opacity: 0.7;
									opacity: 0.7;
								}
								#media_tv-radio dl,
								#media_web dl,
								#media_others dl {
									float: right;
									width: 175px;
								}
									#media_tv-radio dl > *,
									#media_web dl > *,
									#media_others dl > * {
										padding: 2px 0;
									}
			
									#media_tv-radio dt,
									#media_web dt,
									#media_others dt {
										color: #ec544b;
										font-size: 80%;
									}
									#media_tv-radio a[href]:hover dt,
									#media_web a[href]:hover dt,
									#media_others a[href]:hover dt { color: #f3827b;}
									#media_tv-radio dd,
									#media_web dd,
									#media_others dd {
										font-size: 90%;
									}
										#media a[href].selected:hover {
											color: #333333;
										}


				/* Magazine */
				#media_magazine {}
					#media_magazine ul {
						margin: 0px 0 0 -12px;
					}
						#media_magazine li {
							float: left;
							margin: 25px 0 0 12px;
							width: 88px;
						}
							#media_magazine li p {
								font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
								font-size: 70%;
								color: #000000;
							}
							#media_magazine li p.date {
								color: #ec544b;
							}

			#index .media .more {
				margin: 20px 0 0;
				text-align: right;
			}
				#index .media .more a,
				#index .media .more a:visited {
					display: inline-block;
					background: #f7c4c1;
					width: 186px;
					height: 37px;
					line-height: 37px;
					border-radius: 37px;
					-webkit-border-radius: 37px;
					-moz-border-radius: 37px;
					color: #fff;
					text-align: center;
				}
				#index .media .more a.button--left-to-right:before { background: #F96E65;}
				#index .media .more a:hover {}				


	/* -----------------------------------
	 Banners
	----------------------------------- */
	#footer_bnrs {
		margin-bottom: 0px;
	}