/* FONT-SIZE */
/* font-family:"游明朝", YuMincho, serif; */

html { font-size: 16px;font-family: "Noto Sans Japanese", san-serif;font-weight: 400;-webkit-text-size-adjust : 100% ;font-feature-setting : "palt"; }
div#outside div#SP {  }
div#outside div#SP a.pagetop { font-size: 0.7rem;color:rgba(35,24,21,1);}
div#outside div#SP-INSIDE div#wrapbox a:hover { text-decoration:none; }
#pagetop { font-size: 0.8rem;color:rgba(35,24,21,1); }

article#READ section div { font-size: 0.6rem;text-align:justify;color:rgba(100,37,178,1); }

article#COMMENTARY section div { font-size: 1rem;text-align:justify; }
article#STORY section ul li h4 { font-size: 1rem;text-align:justify;line-height:2;font-weight:normal;color:rgba(35,24,21,1); }
/*text-shadow:1px 1px 10px rgba(80,27,15,1);*/

article#RECOMMEND section ul li { font-size: 1rem; font-weight: 400; text-align: left; color: rgba(35,24,21,1);}
article#RECOMMEND section ul li h6 { font-size: 1.3rem; font-weight: 400; line-height: 1;}
article#RECOMMEND section ul li h6.prof { color:rgba(35,24,21,1); font-weight: 600; letter-spacing: -4px;}
article#RECOMMEND section ul li h6 span { font-weight: 600; line-height: 1;}
article#RECOMMEND section ul li h6 span small { font-size: 0.8rem; font-weight: 200;}
article#RECOMMEND section ul li p { line-height: 1.6; margin-top: 15px;}
article#RECOMMEND section ul li p span {font-size: 1.2rem; font-weight: 600;}

article#WBOOKS section ol li ul li { color:rgba(255,255,255,1); }
article#WBOOKS section ol li ul li.right div h3 { font-size: 2.2rem; font-weight: 300; }
article#WBOOKS section ol li ul li.right div h3 ruby rt { font-size: 1.1rem; }
article#WBOOKS section ol li ul li.right div h3 rt div { line-height:0;text-align:center;margin: -1;}

article#WBOOKS section ol li ul li.right div p { font-size: 0.9rem;line-height:1.5;font-weight:200; }
article#WBOOKS section ol li em.pc { font-size: 1.3rem;color:rgba(255,255,255,1);font-style:300;font-weight:normal;font-style:normal;text-align:center; }
article#WBOOKS section ol li em { color:rgba(255,255,255,1); }

article#BOOKS  h4 { font-size:2rem;color:rgba(255,255,255,1);line-height:1;font-weight:600;text-align:center; }
article#BOOKS section ul.INFO li  { font-size: 1rem;color:rgba(255,255,255,1); }
article#BOOKS section ul.INFO.PUBLICATIONS2 li { font-size: 1rem;color:rgba(255,255,255,1); }
article#BOOKS section ul.INFO li:hover { text-decoration:none; }
article#BOOKS section ul.INFO li ol span ,
article#BOOKS section ul.INFO li span ol span { font-size: 0.9rem;color:rgba(100,56,64,1); }
article#BOOKS section ul.INFO li ol li.left div { color: rgba(236,105,65,1); font-size: 1.3rem; font-weight: 600;text-align: center; }
article#BOOKS section ul.INFO li ol li.right h3 { font-size: 2.2rem; font-weight: 300; }
article#BOOKS section ul.INFO li ol li.right h3 ruby rt { font-size: 1.1rem; }
article#BOOKS section ul.INFO li ol li.right h3 rt div { line-height:0.3;text-align:center;}
.iPhone article#BOOKS section ul.INFO li ol li.right h3 rt div { line-height:0.8;text-align:center;}
.Android article#BOOKS section ul.INFO li ol li.right h3 rt div { line-height:0.8;text-align:center;}
article#BOOKS section ul.INFO li ol li.right p { font-size: 0.9rem;line-height:1.5;font-weight: 200; }
article#BOOKS section ul.INFO li ol li.right ul li em { font-weight:bold; }
article#BOOKS section ul.INFO li ol li.right em.pc { font-size: 1rem;color:rgba(35,24,21,1);font-style:300;font-weight:normal;font-style:normal;text-align:center; }
article#BOOKS section ul.INFO li em.sp { font-size: 1rem;color:rgba(35,24,21,1);font-weight:400;font-style:normal;text-align:center; }
article#BOOKS section ul.INFO.PUBLICATIONS2 li a ol li.right em { font-size: 0.9rem;color:rgba(238,187,20,1);font-style:400;font-weight:normal;font-style:normal;text-align:center; }

article#ABOUT section h4 { font-size:0.8rem;line-height:1;font-weight:400;font-style:normal;text-align:center; }
article#ABOUT section h4 em { font-style:normal;line-height:1;color:rgba(255,255,255,1); }
article#writer section div.txt-wrapper {line-height:1.6;}
article#character section div.txt-wrapper {line-height:1.6;}
article#ABOUT section div.txt-wrapper {line-height:1.6;}
article#ABOUT2 section div.txt-wrapper {line-height:1.6;}
article#ABOUT3 section div.txt-wrapper {line-height:1.6;}
article#ABOUT4 section div.txt-wrapper {line-height:1.6;}
article#ABOUT section div.fukidashi__area p {font-size:1.4rem; text-align: center; line-height: 1.6; color:rgba(35,24,21,1); white-space: nowrap;}
article#ABOUT section div.fukidashi__area p {font-size:1.6rem;}
article#ABOUT section div.fukidashi__area p a {font-size:2rem; color:rgba(235,130,107,1); text-decoration: underline;}
article#ABOUT section div.fukidashi__area p span{font-size: 1.8rem;}

article#SPECIAL section div p{color: rgba(255,255,255,1);}
article#SPECIAL p {text-align: right;}

div#common_navi div#common_navi_box nav#simplenav ul li a {font-size: 0.9rem;}
div#common_navi #breadcrumbs {font-size: 0.8rem;}
@media screen and (max-width: 900px) {
	article#ABOUT section div.fukidashi__area p {font-size: 1.2rem;}
	article#ABOUT section div.fukidashi__area p a{font-size: 1.6rem}
	article#ABOUT section div.fukidashi__area p span{font-size: 1.4rem;}
}
@media screen and (max-width: 700px) {
	article#ABOUT section div.fukidashi__area p {text-align: left; white-space:inherit;}
	div#common_navi div#common_navi_box nav#simplenav ul li a {font-size: 0.8rem;}
div#common_navi #breadcrumbs {font-size: 0.7rem;}

}

@media screen and (max-width: 600px) {
	article#ABOUT section div.fukidashi__area p {font-size: 1rem;}
	article#ABOUT section div.fukidashi__area p a{font-size: 1.4rem}
	article#ABOUT section div.fukidashi__area p span{font-size: 1.2rem;}

article#RECOMMEND section ul li:nth-child(2) div { font-size:0.8rem;letter-spacing:0.3rem; }
article#ABOUT section {font-size: 13px;}
article#ABOUT section ul ol li div p	{ font-size: 1.1rem; }
article#BOOKS section ul.INFO li ol li.right h3 { font-size: 1.7rem; }
article#BOOKS section ul.INFO li ol li.right h3 ruby rt { font-size: 0.9rem; }
article#BOOKS section ul.INFO li ol li.right p {font-size: 0.8rem;}
	}
@media screen and (max-width: 590px) {
/* article#BOOKS section ul.INFO li ol li.right h3 { font-size: 1.2rem; } */
article#BOOKS section ul.INFO li ol li.right strong { font-size: 0.9rem; }
article#BOOKS section ul.INFO li ol li.right s { font-size: 0.7rem; }
article#BOOKS section ul.INFO li ol li.right b { font-size: 0.9rem; }
article#BOOKS section ul.INFO li ol li.left div {font-size: 0.9rem;}
article#WBOOKS section ol li ul li.right div h3{ font-size: 1.2rem;}

article#RECOMMEND section ul li div { font-size:0.9rem; }
article#RECOMMEND section ul li div.prof-txt h6 span { font-size:1.3rem; font-weight: 200;}
article#RECOMMEND section ul li h6 span small { font-size:0.6rem; }
article#RECOMMEND section ul li h6 { font-size:1rem;line-height:1.6; }

article#ABOUT section div h4{font-size: 1.8rem;}
	}
@media screen and (max-width: 500px) {
html { font-size: 13px; }
article#WBOOKS section ol li a ul li.right div p { font-size: 0.7rem; }

article#BOOKS section ul.INFO li ol li.right b { font-size: 0.8rem; }
article#BOOKS section ul.INFO li ol li.right p { font-size: 0.9rem;line-height:1.4; }
	}
@media screen and (max-width: 499px) {
article#WBOOKS section ol li ul li.right div h3{ font-size: 1.6rem;}
}
	
@media screen and (max-width: 320px) {
html { font-size: 12px; }
article#BOOKS section ul.INFO li ol li.right h3 { font-size: 1.2rem; }
	}

@media all and (-ms-high-contrast: none) {
	article#BOOKS section ul.INFO li ol li.right h3 rt div {
		line-height:0;
	}
}
