@charset "UTF-8";

/*--------------------------------------------------------------------
/- file   : kokuhou_230106.css
/- admin  : TAAP Co.,Ltd.
/- update : 20230106
/- desc   : css for publications.asahi.com
/--------------------------------------------------------------------*/

body{
	margin: 0;
	padding: 0;
	font-size: 16px;
	color: #1e1e1e;
	font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
	background-color: #e01b2d;
/* 	background-image: url('/design_items/pc/img/kokuhou/img_bg.jpg'); */
	background-size: /* 980px 634px *//* contain */100%;
	background-position: center bottom; 
	background-repeat: no-repeat;
	background-attachment: fixed; 
}



/* ヘッダーナビ */
.kokuhouHeaderlNavi{
	width:780px;
	height: 50px;
	margin: 0;
	padding: 0;
	position: relative;
	display: block;
}

.fixed {
	position: fixed;
	top: 0;
	width:980px;
	z-index: 10000;
}

#kokuhouContentArea{
	width: 780px;
	display: block;
	overflow: hidden;
	margin: auto;
	padding: 100px 0 0 0;
}

/* SNSボタン */

#kokuhouSnsArea{
	display: inline-block;
	width: 780px;
	height:20px;
	margin: auto;
	text-align: right;
	font-size: 12px;
	margin: 0;
	padding: 0;
}

#kokuhouSnsArea > a{
	margin: 0 0 0 20px;
}

#kokuhouSnsArea a:link,
#kokuhouSnsArea a:visited{
	color: #fff;
	text-decoration: none;
	font-weight: normal;
	opacity: 0.8;
}

#kokuhouSnsArea a:hover{
	text-decoration: none;
	opacity: 1;
}


/* ナビボタン1 */
#kokuhouNavLnk01{
	width: 156px;
	height: 50px;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}

#kokuhouNavLnk01 > a {
	display: block;
	width: 156px;
	height: 50px;
	background: url("/design_items/pc/img/kokuhou/nav_01_h.png") no-repeat 0 0;
	background-size: 156px 50px;
	opacity: 0.8;
}

#kokuhouNavLnk01 > a:hover {
	opacity: 1;
}

/* ナビボタン1_b */
#kokuhouNavLnk01_b{
	width: 195px;
	height: 50px;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}

#kokuhouNavLnk01_b > a {
	display: block;
	width: 195px;
	height: 50px;
	background: url("/design_items/pc/img/kokuhou/nav_01_b.png") no-repeat 0 0;
	background-size: 195px 50px;
	opacity: 0.8;
}

#kokuhouNavLnk01_b > a:hover {
	opacity: 1;
}


/* ナビボタン2 */
#kokuhouNavLnk02{
	width: 156px;
	height: 50px;
	display: block;
	position: absolute;
	top: 0;
	left: 156px;
}

#kokuhouNavLnk02 > a {
	display: block;
	width: 156px;
	height: 50px;
	background: url("/design_items/pc/img/kokuhou/nav_02_h.png") no-repeat 0 0;
	background-size: 156px 50px;
	opacity: 0.8;
}

#kokuhouNavLnk02 > a:hover {
	opacity: 1;
}

/* ナビボタン2_b */
#kokuhouNavLnk02_b{
	width: 195px;
	height: 50px;
	display: block;
	position: absolute;
	top: 0;
	left: 195px;
}

#kokuhouNavLnk02_b > a {
	display: block;
	width: 195px;
	height: 50px;
	background: url("/design_items/pc/img/kokuhou/nav_02_b.png") no-repeat 0 0;
	background-size: 195px 50px;
	opacity: 0.8;
}

#kokuhouNavLnk02_b > a:hover {
	opacity: 1;
}

/* ナビボタン3 */
#kokuhouNavLnk03{
	width: 156px;
	height: 50px;
	display: block;
	position: absolute;
	top: 0;
	left: 312px;
}

#kokuhouNavLnk03 > a {
	display: block;
	width: 156px;
	height: 50px;
	background: url("/design_items/pc/img/kokuhou/nav_03_h.png") no-repeat 0 0;
	background-size: 156px 50px;
	opacity: 0.8;
}

#kokuhouNavLnk03 > a:hover {
	opacity: 1;
}

/* ナビボタン3_b */
#kokuhouNavLnk03_b{
	width: 195px;
	height: 50px;
	display: block;
	position: absolute;
	top: 0;
	left: 390px;
}

#kokuhouNavLnk03_b > a {
	display: block;
	width: 195px;
	height: 50px;
	background: url("/design_items/pc/img/kokuhou/nav_03_b.png") no-repeat 0 0;
	background-size: 195px 50px;
	opacity: 0.8;
}

#kokuhouNavLnk03_b > a:hover {
	opacity: 1;
}

/* ナビボタン4 */
#kokuhouNavLnk04{
	width: 156px;
	height: 50px;
	display: block;
	position: absolute;
	top: 0;
	left: 468px;
}

#kokuhouNavLnk04 > a {
	display: block;
	width: 156px;
	height: 50px;
	background: url("/design_items/pc/img/kokuhou/nav_04_h.png") no-repeat 0 0;
	background-size: 156px 50px;
	opacity: 0.8;
}

/* ナビボタン4_b */
#kokuhouNavLnk04_b{
	width: 195px;
	height: 50px;
	display: block;
	position: absolute;
	top: 0;
	left: 585px;
}

#kokuhouNavLnk04_b > a {
	display: block;
	width: 195px;
	height: 50px;
	background: url("/design_items/pc/img/kokuhou/nav_04_b.png") no-repeat 0 0;
	background-size: 195px 50px;
	opacity: 0.8;
}

#kokuhouNavLnk04_b > a:hover {
	opacity: 1;
}

/* ナビボタン5 */
#kokuhouNavLnk05{
	width: 156px;
	height: 50px;
	display: block;
	position: absolute;
	top: 0;
	left: 624px;
}

#kokuhouNavLnk05 > a {
	display: block;
	width: 156px;
	height: 50px;
	background: url("/design_items/pc/img/kokuhou/nav_05_h.png") no-repeat 0 0;
	background-size: 156px 50px;
	opacity: 0.8;
}

#kokuhouNavLnk05 > a:hover {
	opacity: 1;
}


#kokuhouH1{
	visibility: hidden;
	margin: 0;
	padding: 0;
}

/* ナビID */

#kokuhouNav01{
	padding-top:100px;
	margin-top: -100px;
}

#kokuhouNav02{
	padding-top:0;
	margin-top: 0;
}

#kokuhouNav03{
	padding-top:0;
	margin-top:0;
}

#kokuhouNav04{
	padding-top:0;
	margin-top: 0;
}

#kokuhouNav05{
	padding-top:100px;
	margin-top: -100px;
}

/* タイトル */

#kokuhouTitleArea{
	width: 780px;
	height: 600px;
	margin: 100px auto 100px;
	background: url("/design_items/pc/img/kokuhou/img_h1_kokuhoutitle_250901.png") no-repeat 0 0;
	background-size:contain;
}

/* キャンペーン */
.kokuhouCampaignTitleImg{
	width: 780px;
	height: 116px;
	margin: 0 auto 50px;
}

.kokuhouCampaignSection{
	width: 710px;
	display: block;
	background-color: #fff;
	margin: 0 auto 100px;
	padding: 35px;
}

.kokuhouCampaignBookImg{
	width: 200px;
	height: 500px;
	float: left;
}

.kokuhouCampaignDetailWrap > h3, h4, p, span, div, ol li{
	font-family: "ヒラギノ明朝 ProN","ＭＳ 明朝";
}
.kokuhouCampaignDescriptionTxt{
	margin: 0 0 1em 0;
}
.kokuhouCampaignDescriptionLTxt{
	font-size: 21px;
	font-weight: bold;
	line-height: 1.75;
}
.kokuhouCampaignH3Txt{
	font-size: 18px;
	font-weight: normal;
	margin: 0 0 1em 0;
}
.kokuhouCampaignDuedateSTxt{
	margin: 0 0 1em 0;
}
.kokuhouCampaignSNSLTxt{
	font-size: 24px;
	font-weight: bold;
}
.kokuhouCampaignSNSSTxt{
	font-size: 18px;
}
.kokuhouCampaignLnk{
	background-color: #e01b2d;
	color: #fff;
	font-size: 14px;
	display: inline-block;
	padding: 0 3px;
}
a.kokuhouCampaignLnk{
	text-decoration: none;
}
a:hover > .kokuhouCampaignLnk{
	background-color: #fff;
	color: #e01b2d;
	font-size: 14px;
	display: inline-block;
	text-decoration: none;
	padding: 0 3px;
}
.kokuhouCampaignSNSList{
	margin: 0 0 1em 0;
}
.kokuhouCampaignPresentTxt{
	margin: 0 0 1em 0;
}
ul.kokuhouCampaignPresentTxt{
	list-style: none;
	margin: 0 0 1em -5px;
	text-indent: -1em;
}

.kokuhouCampaignEmail > a{
	margin: 0 0 0 1em;
}

/* 試し読みボタン 250829*/
.tameshiyomi-bu {
  text-align: center;
  margin: 40px 0;
}
.tameshiyomi-bu a {
  display: inline-block;
  background: #fff;
  color: #e01b2d;
  border-radius: 28px;
  border: none;
  padding: 16px 40px;
  font-size: 20px;
  font-weight: bold;
  text-decoration: none;
  transition: all 0.2s;
  box-shadow: none;
  border: 2px solid transparent;
}
.tameshiyomi-bu a:hover {
  background: #e01b2d;
  color: #fff;
  border: 2px solid #fff;
}


/* 最新情報 */
.kokuhouH2Txt{
	visibility: hidden;
	margin: 0;
	padding: 0;
}


/* 詳細ページボタン */

.kokuhouBookDetaillLnkBtn{
	display: block;
	position: relative;
	width: 460px;
	height: 56px;
	top: 282px;
	left: 287px;
}

.kokuhouBookDetaillLnkBtn > a {
	display: block;
	width: 460px;
	height: 56px;
	background: url("/design_items/pc/img/kokuhou/btn_book.png") no-repeat 0 0;
	position: absolute;
	background-size: 460px 112px;
}

.kokuhouBookDetaillLnkBtn > :hover {
	background-position: 0 bottom;
}

/* 視聴＆Audibleボタン */

.kokuhouBookAudibleLnkBtn{
	display: block;
	position: relative;
	width: 460px;
	height: 56px;
	top: 302px;
	left: 287px;
}

.kokuhouBookAudibleLnkBtn > a {
	display: block;
	width: 460px;
	height: 56px;
	background: url("/design_items/pc/img/kokuhou/btn_audible.png") no-repeat 0 0;
	position: absolute;
	background-size: 460px 112px;
}

.kokuhouBookAudibleLnkBtn > :hover {
	background-position: 0 bottom;
}

/* PDFボタン 書店員 */

.kokuhouPdfShopStaffLnkBtn{
	display: block;
	position: relative;
	width: 460px;
	height: 56px;
	top: 90px;
}

.kokuhouPdfShopStaffLnkBtn > a {
	display: block;
	width: 460px;
	height: 56px;
	background: url("/design_items/pc/img/kokuhou/btn_pdf.png") no-repeat 0 0;
	position: absolute;
	background-size: 460px 112px;
}

.kokuhouPdfShopStaffLnkBtn > :hover {
	background-position: 0 bottom;
}



/* PDFボタン　試し読み */

.kokuhouPdfDetaillLnkBtn{
	display: block;
	position: relative;
	width: 460px;
	height: 56px;
	top: 158px;
	left: 287px;
}

.kokuhouPdfDetaillLnkBtn > a {
	display: block;
	width: 460px;
	height: 56px;
	background: url("/design_items/pc/img/kokuhou/btn_pdf.png") no-repeat 0 0;
	position: absolute;
	background-size: 460px 112px;
}

.kokuhouPdfDetaillLnkBtn > :hover {
	background-position: 0 bottom;
}

/* 試し読みメッセージ 250829*/
.kokuhou_message {
  background: #fff;
  color: #000;
  line-height: 2;
  padding: 2em 1em;
  border-radius: 6px;
  margin-bottom: 2em;
}
.kokuhou_message h3 {
  margin-top: 0;
  margin-bottom: 1em;
  font-size: 1.2em;
  font-weight: bold;
  text-align: center;
  white-space: pre-line;
}
.kokuhou_message p {
	font-family: 'Zen Old Mincho', serif;
	margin: 0;
  padding: 0 2em;
  white-space: pre-line;
  text-align: left;
}


/* 見出し 『国宝』上・下 */

.kokuhouH2Area01{
	width: 780px;
	height: 44px;
	margin: 50px 0;
	background: url("/design_items/pc/img/kokuhou/img_h2_01_1.png") no-repeat 0 0;
	background-size:contain;
}
.kokuhouH2Area01_2{
	width: 780px;
	height: 44px;
	margin: 50px 0;
	background: url("/design_items/pc/img/kokuhou/img_h2_01_2.png") no-repeat 0 0;
	background-size:contain;
}

.kokuhou-message{
	font-size: 22px;
	font-family: 'Zen Old Mincho', serif;
	font-weight: 400; /* Regular */
	color: #fff;
	text-align: left;
}

#kokuhouBookArea1{
	width: 780px;
	height:445px;
	display: block;
	background-color:rgba(255,255,255,0.9);
	margin: 50px 0 0 0;
	padding: 0;
	background-image: url("/design_items/pc/img/kokuhou/img_book1_2108251354_02.png");
	background-size: contain;
	border-radius: 2px;
}

#kokuhouBookArea2{
	width: 780px;
	height:445px;
	display: block;
	background-color:rgba(255,255,255,0.9);
	margin: 50px 0 0 0;
	padding: 0;
	background-image: url("/design_items/pc/img/kokuhou/img_book2_2108251354_02.png");
	background-size: contain;
	border-radius: 2px;
}

#kokuhouBookArea3{
	width: 780px;
	height:445px;
	display: block;
	background-color:rgba(255,255,255,0.9);
	margin: 50px 0 0 0;
	padding: 0;
	background-image: url("/design_items/pc/img/kokuhou/img_book3.png");
	background-size: contain;
	border-radius: 2px;
}

#kokuhouBookArea4{
	width: 780px;
	height:445px;
	display: block;
	background-color:rgba(255,255,255,0.9);
	margin: 50px 0 0 0;
	padding: 0;
	background-image: url("/design_items/pc/img/kokuhou/img_book4.png");
	background-size: contain;
	border-radius: 2px;
}


/* 見出し 全国の書店員から絶賛の声続々！ */

.kokuhouH2Area02{
	width: 780px;
	height: 44px;
	margin: 100px 0 50px 0;
	background: url("/design_items/pc/img/kokuhou/img_h2_02.png") no-repeat 0 0;
	background-size:contain;
}

#kokuhouShopStaffArea{
	width: 780px;
	height:906px;
	display: block;
	background-color: white;
	margin: 0;
	padding: 0;
	background: url("/design_items/pc/img/kokuhou/img_shopstaff_01.png") no-repeat 0 0;
	background-size:contain;
	opacity: 0.9;
}

#kokuhouShopStaffArea01{
	width: 780px;
	height:906px;
	display: block;
	background-color: white;
	margin: 0;
	padding: 0;
	background: url("/design_items/pc/img/kokuhou/img_shopstaff_01.png") no-repeat 0 0;
	background-size:contain;
	opacity: 0.9;
}

#kokuhouShopStaffArea02{
	width: 460px;
	height:140px;
	display: block;
	background-color: white;
	margin: 50px auto 0;
	padding: 0;
	background: url("/design_items/pc/img/kokuhou/img_shopstaff_02.png") no-repeat 0 0;
	opacity: 0.9;
	background-size: 402px 65px;
	background-position: center top;
}

/* 見出し YouTube */

.kokuhouH2Area03{
	width: 780px;
	height: 44px;
	margin: 100px 0 50px 0;
	background: url("/design_items/pc/img/kokuhou/img_h2_03.png") no-repeat 0 0;
	background-size:contain;
}

#kokuhouYoutubeArea{
	width: 780px;
	display: block;
	margin: 0;
	padding: 0;
	text-align: center;
	overflow: hidden;
}


/* 見出し 試し読み */

.kokuhouH2Area04{
	width: 780px;
	height: 44px;
	margin: 100px 0 50px 0;
	background: url("/design_items/pc/img/kokuhou/img_h2_04.png") no-repeat 0 0;
	background-size:contain;
}

#kokuhouSampleArea{
	width: 780px;
	height:390px;
	display: block;
	margin: 0;
	padding: 0;
	background: url("/design_items/pc/img/kokuhou/img_sample.png") no-repeat 0 0;
	background-size:contain;
	opacity: 0.9;
}

/* 見出し 系譜 */

.kokuhouH2Area05{
	width: 780px;
	height: 44px;
	margin: 100px 0 50px 0;
	background: url("/design_items/pc/img/kokuhou/img_h2_05.png") no-repeat 0 0;
	background-size:contain;
}

#kokuhouGenealogyArea{
	width: 780px;
	height:780px;
	display: block;
	margin: 0;
	padding: 0;
	background: url("/design_items/pc/img/kokuhou/img_genealogy.png") no-repeat 0 0;
	background-size: contain;
}

/* 見出し 最新情報 */

.kokuhouH2Area06{
	width: 780px;
	height: 44px;
	margin: 100px 0 50px 0;
	background: url("/design_items/pc/img/kokuhou/img_h2_06.png") no-repeat 0 0;
	background-size:contain;
	clear: both;
}

#kokuhouNewslistArea{
	width: 628px;
	height:238px;
	display: block;
	background-color:rgba(224,27,27,0.5);
	margin: 0 auto 100px;
	padding:30px;
	background-size: contain;
	border-radius: 2px;
	border: 1px solid #fff;
}

#kokuhouNewslist{
	width: 578px;
	height:178px;
	margin: 0;
	padding: 0 20px 0 0;
	overflow: auto;
}

#kokuhouNewslist li{
	margin: 0 0 10px 0;
	padding: 0 0 0 20px;
	text-indent: -5em;
	padding-left: 5em;
	color: #fff;
	font-size: 18px;
	background-image: url("/design_items/pc/img/kokuhou/img_newslisticon.png");
	background-repeat: no-repeat;
	background-size: 16px;
	background-position-y: 4px;
	font-weight: normal;
	line-height: 1.4;
}

#kokuhouNewslist a:link,
#kokuhouNewslist a:visited{
	font-size: 18px;
	color: #fff;
	text-decoration: none;
	font-weight: normal;
}

#kokuhouNewslist a:hover{
	text-decoration: underline;
}

.kokuhouNewslistDay{
	font-size: 12px;
	margin: 0 10px 0 22px;
}

/* コピーライト */

#kokuhouCopyrightTxt{
	width: 780px;
    height: 50px;
    margin: 0 auto;
    padding: 30px 0 0 0;
    font-size: 12px;
    color: #fff;
    text-align: center;
    line-height: 1.5;
}
footer{
    height: 20px;
    margin: 0 auto 40px;
    padding: 50px 0 0 0;
    font-size: 12px;
    color: #fff;
    text-align: center;
    line-height: 1.5;
}