@charset "utf-8";

#main_ > article {}
#main_ > article > header {}
#main_ > article > header > h1 {display:none;}
#main_ > article > header > .image {}
#main_ > article > header > .image img {opacity:1;}
#main_ > article > header > .image > ul {}
#main_ > article > header > .image > ul > li {display:none;}
#main_ > article > header > .image > ul > li:first-child {display:block;}
#main_ > article > header > .image > ul > li > a {display:block; text-decoration:none;}
#main_ > article > header > .image > ul > li img {display:block; width:100%; height:auto;}

#main_ > article > header > .image a {position:relative;}
#main_ > article > header > .image a::before {display:block; content:""; position:absolute; left:0; right:0; top:0; bottom:0; background:#fff; opacity:0;}
#main_ > article > header > .image a:hover::before {opacity:0.3;}
#main_ > article > header > .image > .main {}
#main_ > article > header > .image > .nav {background:#f7f7f7;}
#main_ > article > header > .image > .nav .fac-gallery-slider {width:20%; margin:0; padding:20px 10%;}
#main_ > article > header > .image > .nav .fac-gallery-item {padding:0 10px;}
#main_ > article > header > .image > .nav .fac-gallery-item > a {position:relative;}
#main_ > article > header > .image > .nav .fac-gallery-item > a::after {
	display:block; content:""; position:absolute; left:0; right:0; top:0; bottom:0; border:2px solid transparent; transition:border-color 0.2s linear 0s;}
#main_ > article > header > .image > .nav .selected > a::after {border-color:#3e3e3e;}

	#todays-word {
		display:-webkit-flex; display:-ms-flexbox; display:flex; 
		-webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; 
		-webkit-justify-content:space-between; -ms-flex-pack:justify; justify-content:space-between; 
		-webkit-align-items:center; -ms-align-items:center; align-items:center; 
		width:940px; position:relative; margin:0 auto; padding:60px 0 20px; border-bottom:1px solid #e5e5e5;}
	#todays-word > h1 {
		-webkit-flex:1 1 100%; -ms-flex:1 1 100%; flex:1 1 100%; 
		margin:0 0 20px; padding:0 0 20px; border-bottom:1px solid #e5e5e5; font-size:3.0rem; font-weight:normal; line-height:1;}
	#todays-word > h1::after {
		display:inline-block; content:""; width:60px; height:54px; margin:-20px 0 -20px 5px; background:url(../images/todays-word_ornament.png) no-repeat; vertical-align:middle; overflow:hidden;}
	#todays-word > figure {-webkit-flex:0 1 450px; -ms-flex:0 1 450px; flex:0 1 450px;}
	#todays-word > figure > blockquote {display:inline-block; position:relative; margin:0 30px; color:#cc0e19; font-size:2.8rem; font-weight:bold; line-height:1.3;}
	#todays-word > figure > blockquote::before, 
	#todays-word > figure > blockquote::after  {display:block; content:""; width:30px; height:24px; position:absolute; background:no-repeat; background-size:contain; overflow:hidden;}
	#todays-word > figure > blockquote::before {left:-30px;  top:0;    background-image:url(../images/detail_review_quote_open.png);}
	#todays-word > figure > blockquote::after  {right:-30px; bottom:0; background-image:url(../images/detail_review_quote_close.png);}
	#todays-word > figure > figcaption {margin:0.5em 0 0; font-size:1.4rem; font-weight:bold; line-height:1;}
	#todays-word > .dialogue {
		-webkit-flex:0 1 450px; -ms-flex:0 1 450px; flex:0 1 450px; 
		font-size:1.6rem; text-align:left;}
	#todays-word > .dialogue > p {}
	#todays-word > .dialogue > p b {font-weight:bold;}
	#todays-word > .dialogue > p strong {color:#cc0e19; font-weight:bold;}
	#todays-word > .more {position:absolute; right:0; top:60px; font-size:1.4rem;}

#main_ > article > .c-books-list {}
#main_ > article > .c-books-list:nth-of-type(2n) {margin-top:40px; padding-top:40px; padding-bottom:60px; background:#fafafa;}
#main_ > article > .c-books-list:nth-of-type(2n) ul > li .image::after {background:#fafafa;}

#main_ > article > .c-banner-full {}
#main_ > article > .c-books-list + .c-banner-full {margin-top:0;}

#main_ > article > .c-news-list {}

/* font */
#todays-word > h1, 
#todays-word > figure 
	{font-family:YakuHanMP,"Yu Mincho Medium","Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro","HG明朝B","MS Mincho",serif;}


@media screen and (max-width:599px) {

#main_ > article {}
#main_ > article > header {}
#main_ > article > header > h1 {}
#main_ > article > header > .image {}
#main_ > article > header > .image img {}
#main_ > article > header > .image > ul {}
#main_ > article > header > .image > ul > li {}
#main_ > article > header > .image > ul > li:first-child {}
#main_ > article > header > .image > ul > li > a {}
#main_ > article > header > .image > ul > li img {}

#main_ > article > header > .image > .main {}
#main_ > article > header > .image > .nav {display:none;}
#main_ > article > header > .image > .nav .fac-gallery-slider {position:relative; left:10%; padding:5px 0;}
#main_ > article > header > .image > .nav .fac-gallery-item {padding:0 3px 0 2px;}
#main_ > article > header > .image > .nav .fac-gallery-item > a {}
#main_ > article > header > .image > .nav .fac-gallery-item > a::after {border-width:1px;}
#main_ > article > header > .image > .nav .selected > a::after {}

	#todays-word {display:block; width:auto; margin:0 20px; padding:3em 0 2em;}
	#todays-word > h1 {margin:0; padding:0 0 0.6em; font-size:1.5rem; font-size:4.6875vw;}
	#todays-word > h1::after {width:30px; height:27px; margin:-10px 0 -10px 2px; background-size:contain;}
	#todays-word > figure {}
	#todays-word > figure > blockquote {margin:1em 20px 0; font-size:1.8rem; font-size:5.625vw;}
	#todays-word > figure > blockquote::before, 
	#todays-word > figure > blockquote::after  {width:15px; height:12px;}
	#todays-word > figure > blockquote::before {left:-15px;}
	#todays-word > figure > blockquote::after  {right:-15px;}
	#todays-word > figure > figcaption {font-size:1.0rem; font-size:3.125vw;}
	#todays-word > .dialogue {margin:1em 0 0; font-size:1.2rem; font-size:3.75vw;}
	#todays-word > .dialogue > p {}
	#todays-word > .dialogue > p b {}
	#todays-word > .dialogue > p strong {}
	#todays-word > .more {top:28px; font-size:1.0rem; font-size:3.125vw;}

#main_ > article > .c-books-list {}
#main_ > article > .c-books-list:nth-of-type(2n) {margin:3em 0 0; padding:3em 20px 0;}
#main_ > article > .c-books-list:nth-of-type(2n) ul > li .image::after {}
#main_ > article > .c-books-list:nth-of-type(2n)::before {background:linear-gradient(to bottom, rgba(250,250,250,0), rgba(250,250,250,1), rgba(250,250,250,1));}

#main_ > article > .c-banner-full {}
#main_ > article > .c-books-list + .c-banner-full {}

#main_ > article > .c-news-list {}

/* font */
#todays-word > h1, 
#todays-word > figure 
	{}

}