﻿@charset "utf-8";

.spOnly,
.spOnly {display:none;}
.appli_narrow a {padding:6px 15px;}
.gaiyo {position:relative;}

.ar_inBlkList {margin:10px 0; padding:10px 20px; border:1px #ddd solid; list-style-type:none;}
.ar_inBlkList li {display:inline-block; margin:.2em 1em .2em 0; font-size: 150%;}
.ar_inBlkList li a::before {content:""; display:inline-block; width:12px; height:12px; margin-right:.3em; background:url(//static.chunichi.co.jp/chunichi/images/freepages/koudoku/common/marker01.png) no-repeat 0 0; background-size:contain;}
.ar_inBlkList li a span {font-size:85%;}
.ar_inBlkList li a:hover{
  color: #0568de;
  text-decoration: underline;
}

.ar_inqList {overflow:hidden; zoom:1; margin:0; padding:0; list-style-type:none;}
.ar_inqList li {width:472px; margin:3px 0; padding:10px 14px; float:left; border:1px #ddd solid; box-sizing:border-box; font-size: 150%;}
.ar_inqList li:nth-child(2n) {float:right;}
.ar_inqList b {display:block; font-size:108%;}
.ar_inqList b:before {content:"[";}
.ar_inqList b:after {content:"]";}

.ar_home {min-width:980px; margin:-10px auto 0;}
.ar_homeHeader {padding:30px 0; background:#DAF4FA;}
.ar_titleCap {position:relative; z-index:1; width:420px; margin:0 auto 25px; padding:6px 0; background:#0086CB; text-align:center;}
.ar_titleCap:before {content:""; display:block; position:absolute; left:0; top:0; border:16px #0086CB solid; border-left:6px #DAF4FA solid; border-right:0;}
.ar_titleCap:after {content:""; display:block; position:absolute; right:0; top:0; border:16px #0086CB solid; border-right:6px #DAF4FA solid; border-left:0;}
.ar_homeHeader h1 {position:relative; z-index:1; margin-left:80px;}
.ar_homeHeader h1 span {display:inline-block; margin-right:12px;}
.ar_homeHeader h1 + p {position:relative; margin:15px 0 0 80px; z-index:1; font-size: 150%;}
.ar_homeHeader img[src*="himg"] {position:absolute; z-index:0; width:270px; bottom:-30px; right:70px;}

.ar_home .ar_pad,
.ar_home .Topic-path {min-width:950px; width:950px; padding:0;}

.ar_homeSection {padding:35px 0; overflow:hidden; zoom:1;}
.ar_homeSection + .ar_homeSection {padding-top:40px; background:url(//static.chunichi.co.jp/chunichi/images/freepages/koudoku/common/border_slant.png) repeat-x 0 0;}

.ar_intro {position:relative; float:right; width:435px; padding-bottom:20px;}
.ar_intro > * {position:relative; z-index:1;}
.ar_intro > img {position:absolute; right:0; top:0; z-index:0;}
.ar_intro div + p {margin-top:10px; margin-bottom: 10px;}

.ar_chart {float:left; width:478px; position:relative; background:url(//static.chunichi.co.jp/chunichi/images/freepages/koudoku/home/chart01_pc.png) no-repeat 0 0;}
.ar_chart dl {height:331px; margin-left:238px; overflow:hidden; position:relative; background:url(//static.chunichi.co.jp/chunichi/images/freepages/koudoku/home/chart02_pc.png) no-repeat 0 0;}
.ar_chart dt {display:block; position:absolute; top:100%; left:100%; white-space:nowrap; overflow:hidden;}
.ar_chart a {display:block; position:absolute; top:100%; left:100%; overflow:hidden; white-space:nowrap; text-indent:100%;}
.ar_chart a:hover {background:rgba(255,255,255,.2);}
.ar_chart dd:nth-child(2) a[href*="chunichi"] {width:54%; height:24%; left:1.3%; top:.5%;}
.ar_chart dd:nth-child(4) a[href*="chunichi"] {width:26.5%; height:13%; left:29%; top:26.8%;}
.ar_chart dd:nth-child(2) a[href*="chuspo"] {width:21%; height:70%; left:56.3%; top:.5%;}
.ar_chart dd:nth-child(2) a[href*="kodomo_weekly"] {width:21%; height:70%; left:78%; top:.5%;}
.ar_chart dd:nth-child(4) a[href*="kenmin"] {width:26.5%; height:13%; left:1.4%; top:26.8%;}
.ar_chart dd:nth-child(6) a[href*="hokuriku"] {width:54.5%; height:13%; left:1.3%; top:42%;}
.ar_chart dd:nth-child(8) a[href*="shizuoka"] {width:54.5%; height:13%; left:1.3%; top:57.6%;}
.ar_chart dd:nth-child(10) a[href$="tokyo-np.co.jp/koudoku/"] {width:53.5%; height:25.5%; left:1.3%; top:73%;}
.ar_chart dd:nth-child(10) a[href*="tochu"] {width:42.3%; height:25.5%; left:56.4%; top:73%;}

.ar_chart + ul {float:right; width:435px; margin:0; padding:20px 0 0; background:url(//static.chunichi.co.jp/chunichi/images/freepages/koudoku/common/border_slant.png) repeat-x 0 0; list-style-type:none; text-align:center;}
.ar_chart + ul li {display:inline-block; margin:5px;}

.ar_homeSection h2 {position:relative; margin-bottom:16px;padding-left:14px; line-height:1.33; font-size: 200%; font-weight:bold; padding-top: 0;}
.ar_homeSection h2:before {content:""; display:block; position:absolute; left:0; top:0; width:6px; height:100%; background:#3C93AC;
  background:-webkit-linear-gradient(top, #3C93AC 0%, #B3DBE5 100%);
  background:linear-gradient(to bottom, #3C93AC 0%, #B3DBE5 100%);}

.ar_homeSection p{
  font-size: 150%;
}
.heading-area .cmp-misc007{
  position: initial;
}

@media screen and (max-width:640px){

  img {max-width:100%;}
  .inBlk {display:inline-block;}

  .ar_pad {width:auto; min-width:280px; margin:0 12px; padding:0;}
  br.spOnly,
  span.spOnly {display:inline-block;}
  .pcOnly {display:none;}

  .ar_home {min-width:0; margin-top:0;}
  .ar_titleCap {max-width:85%; margin-bottom:10px;}
  .ar_titleCap img {width:auto; height:16px;}
  .ar_titleCap:before {border:14px #0086CB solid; border-left:6px #DAF4FA solid; border-right:0;}
  .ar_titleCap:after {border:14px #0086CB solid; border-right:6px #DAF4FA solid; border-left:0;}
  .ar_homeHeader {padding:25px 0 20px;}
  .ar_homeHeader h1 {margin-left:0;}
  .ar_homeHeader h1 span img {width:auto; height:9vw;}
  .ar_homeHeader h1 span + img {width:auto; height:13.5vw; margin-top:.5vw;}
  .ar_homeHeader h1 + p {max-width:70%; margin-left:0; font-size: 150%;}
  .ar_homeHeader h1 + p span {display:inline-block;}
  .ar_homeHeader img[src*="himg"] {width:40vw; min-width:160px; max-width:190px; bottom:-20px; right:0;}

  .ar_home .ar_pad,
  .ar_home .Topic-path {width:auto; min-width:280px;}

  .ar_homeSection {padding:20px 0;}

  .ar_intro {width:auto; float:none;}
  .ar_intro > div,
  .ar_intro > img {display:none;}

  .ar_chart {float:none; width:auto; max-width:400px; max-height:448px; margin:0 auto; border:#E6E6E6 solid; border-width:6px 0;  background:url(//static.chunichi.co.jp/chunichi/images/freepages/koudoku/home/chart_sp.png) no-repeat 50% 0; background-size:contain; overflow:hidden; zoom:1;}
  .ar_chart:before {content:""; display:block; float:left; width:33.6666%; max-height:448px; padding-top:115%; background:url(//static.chunichi.co.jp/chunichi/images/freepages/koudoku/home/.chart01_sp.png) no-repeat 0 0; background-size:contain;}
  .ar_chart dl {float:left; width:66.3333%; height:calc((100vw - 24px) * 1.15); max-height:448px; margin:0; background-image:url(//static.chunichi.co.jp/chunichi/images/freepages/koudoku/home/.chart02_sp.png); background-size:contain;}
  .ar_chart + ul {width:auto; float:none; background:none;}

  .ar_inBlkList {padding:8px 14px;}
  .ar_inqList li:nth-child(n) {width:auto; float:none;}
}

@media screen and (min-width: 641px) {
  .pc50 {width:50%;}
  .pc60 {width:60%;}
  .pc70 {width:70%;}
}


/* =============
  福井より引用
============= */

.newslist-title.blue {border-top:3px solid #037DD0; border-bottom:1px solid #037DD0; margin-top: 10px;}
.newslist-title.blue h2 {color:#025791; padding: 3px 0 4px 0; font-size: 1.8rem;}
#Contents-full span.text_red {font-weight:bold; color:#F00; white-space: nowrap;}
#Contents-full span.text_red strong {font-size:1.2em;}
.gaiyo {padding:0; margin:20px 0 40px;}
.fll {float:left;}
.pcNone {display:none;}
.gaiyo .gaiyo-text p { font-size: 140%;}

/*----------------------------- 紙面の特徴 -----------------------------*/
.appli_blue {background:#E2F3FE; padding:24px 0 4px 35px; width: 1135px; margin: 20px 0;}
.btn1 {background:url(//static.chunichi.co.jp/chunichi/images/freepages/koudoku/fukui/btn1.png) no-repeat; display:block; width:340px; height:80px; margin-right:34px; text-align:center; margin-bottom:20px;}
.btn1 a {color:#FFFFFF; font-size:20px; font-weight:bold; line-height:80px; display:block;}
.btn1:hover {background:url(//static.chunichi.co.jp/chunichi/images/freepages/koudoku/fukui/btn1_on.png) no-repeat 0 6px; height:80px;}
.btn1:hover a {text-decoration:none; display:block; padding-top:6px; height:74px;}
.gaiyo-text_blue {background:#E2F3FE; padding:25px 20px; margin-bottom:20px;}
.gaiyo-text_blue dl dt {background:url(//static.chunichi.co.jp/chunichi/images/freepages/koudoku/fukui/listmark1.png) no-repeat 0 30%; padding-left:1.5em; font-size: 160%; font-weight: bold; margin-bottom: 10px;}
.gaiyo-text_blue dl dd {line-height:1.8; font-size: 140%;}
.btn2 {width:600px; line-height:1.4; text-align:center; margin:0 auto;}
.btn2 a {padding:15px 10px; border:solid 2px #037DD0; border-bottom:solid 5px #037DD0; display:block; color: #037DD0; font-weight:bold; font-size:17px;}
.btn2 a:hover {margin-top:5px; height:58px; text-decoration:none; border-bottom:solid 2px #037DD0;}

/*----------------------------- 購読をお申し込みの方へ -----------------------------*/
table.type-blue {width:550px; background:#BDE7F7; color:#024E80; text-align:center; font-weight:bold; height:30px; line-height:30px; margin-bottom:20px;}
.Category-top ul.list-blue {list-style:none; margin:0; padding:0;}
.Category-top ul.list-blue li,.Category-top ul.list-blue li:hover {background:url(//static.chunichi.co.jp/chunichi/images/freepages/koudoku/fukui/listmark2.jpg) no-repeat left 7px; padding:0 0 0 1.2em; margin-bottom:10px; border-bottom:none; font-size: 140%;}
/* IE10以降 */
@media all and (-ms-high-contrast:none){
  .Category-top ul.list-blue li,
  .Category-top ul.list-blue li:hover {background:url(//static.chunichi.co.jp/chunichi/images/freepages/koudoku/fukui/listmark2.jpg) no-repeat left 5px;}
}
/* IE9 */
.Category-top ul.list-blue li,
.Category-top ul.list-blue li:hover:not(:target) {background:url(//static.chunichi.co.jp/chunichi/images/freepages/koudoku/fukui/listmark2.jpg) no-repeat left 5px;}

/*----------------------------- スマホ対応 -----------------------------*/

@media screen and (max-width: 640px) {
  /*  全体スタイル  */
  .pcNone {display:inline-block;}
  #Contents-full .Category-top {padding:0 12px;}
  .Category-top .newslist-title.blue {border-top:3px solid #037DD0; border-bottom:1px solid #037DD0; background:none; margin-bottom:10px; padding: 5px 0;}
  .Category-top .newslist-title.blue h2 {color:#025791; font-size: 180%; padding-left: 0;}
  .Category-top .gaiyo {margin-bottom:50px;}
  /*  青ボタン  */
  .btn1,.btn1:hover {margin:0 auto 10px; max-width:300px; width:100%; background:url(//static.chunichi.co.jp/chunichi/images/freepages/koudoku/fukui/btn1.png) no-repeat 0 0; background-size:contain;}
  .btn1 a,.btn1 a:hover {line-height:70px;}
  .btn1 a:hover {padding-top: 0;}

  /*------------------ 紙面の特徴 ------------------*/
  .appli_blue {background:none; padding:0; width:100%; margin-bottom:30px;}
  .fll {float:none;}
  .gaiyo-text_blue {padding:15px;}
  .gaiyo-text_blue dl dt {padding-bottom:10px;}
  .btn2 {width:100%; margin-bottom:50px;}

  /*---------------------- 購読をお申し込みの方へ------------------------*/
  table.type-blue {width:100%; margin-bottom:15px;}
}


.singleBtn {margin:25px auto; text-align:center;}
.inquiry dl {margin:20px 0 10px; border:1px #ddd solid;}
.inquiry dt, .inquiry dd {font-size: 130%;}

.ar_areaList {position:relative; margin:20px 0; padding-left:5em; font-size: 125%;}
.ar_areaList dt {position:absolute; left:0; width:4em; margin:3px 0 0; background:#0C9CFC; line-height:22px; color:#fff; text-align:center;}
.ar_areaList dt:after {content:""; display:block; border:11px transparent solid; border-color:rgba(255,255,255,0); border-left:11px #0c9cfc solid; border-right:0; position:absolute; right:-11px; top:0;}
.ar_areaList dd {display:inline-block; margin:3px 3px 0 0; padding:0 .4em; line-height:22px; border:1px #aaa solid;}
.ar_hlBlue {margin:2em 0 .6em!important; padding:.2em .6em!important; background:#C2E7F8; font-weight:bold; color:#194E90;}

ul.ar_basicMarkedList {
	margin:10px 0;
	/* padding:0 0 0 1.2em; */
	padding:0 0 0 2em;
	list-style-type:disc!important;
}
ul.ar_basicMarkedList li {display:list-item!important; margin:.4em 0!important; padding:0!important; border:0!important; background:none!important; list-style-type:disc!important; font-size: 140%;}

.ar_gwHeader {margin-bottom:30px; text-align:center;}
.ar_gwTtl img {vertical-align:middle;}
.ar_gwTtl img + img {margin-left:30px;}
.ar_gwSub {position:relative; width:813px; height:173px; margin:10px auto; padding-top:20px; text-align:left;}
.ar_gwSub p {margin-top:16px; font-size: 140%;}
.ar_gwSub p + img {position:absolute; right:0; top:0;}

@media screen and (max-width: 640px) {
  .ar_gwTtl img + img {width:60%; margin:6px 0 0;}
  .ar_gwSub {width:auto; height:auto;}
  .ar_gwSub img[src$="comment.png"] {display:block; margin:0 auto;}
  .ar_gwSub img[src*="arrow"] {display:none;}
  .ar_gwSub p + img {position:static; display:block; margin:0 auto; max-width:300px;}

  img[src*="image02/sport/img01.gif"] {max-width:28%; margin-left:10px;}
}

@media screen and (min-width: 641px) {
  img[src*="sport/img01.gif"] {position:absolute; left:50%; bottom:0; margin-left:200px;}
}

/*  バックナンバーのご案内 ページ内CSS移行 */
@media screen and (min-width:640px) {
  .gaiyo-text .btn2 {
  margin: 25px auto;
  height: 58px;
  }
  .gaiyo-text .btn2:hover {
  position: relative;
  top: 5px;
  overflow: hidden;
  }
  .gaiyo-text .btn2 a:hover {
  height: auto;
  margin-top: 0;
  border-bottom: solid 5px #037DD0;
  }
}

  /*---------------------- 購読をお申し込みの方へ 「2023年9月新料金」からの追記分 ------------------------*/

.price_change_attention {
	font-size: 1.6rem;
	font-weight: bold;
	color: red;
	margin-top: 20px;
}

.price_change_attention .fa-exclamation-circle {
	margin-right: 5px;
}

.price_change_attention p a{color:red;border:2px solid red;border-radius:20px;padding:0 10px;}


.gaiyo .gaiyo-text .cmp-bnr001 .bnr img {
	max-width: 476px;
}
.gaiyo .gaiyo-text .cmp-bnr001 .bnr-note {
	font-weight: bold;
	text-align: center;
  margin-top:30px;
  font-size: 1.6rem;
}

.gaiyo .gaiyo-adjust {
	font-size: 1.4rem;
	padding: 10px 0 5px;
	margin: 0;
	font-weight: bold;
	display: inline-block;
}
.gaiyo .adjust-right span {
	margin: 0 5px;
}

.gaiyo a.blue {
	color:#037dd0;
  border-bottom:2px solid #037dd0;
	font-weight: bold;
}
.gaiyo a.blue:hover {
	border-bottom:none;
}
.gaiyo .gaiyo-note {
	margin: 0 0 0 1.5em;
}


.gaiyo .gaiyo-note li {
	font-size: 1.4rem;
}

.gaiyo-outline {
	width: 100%;
	/* padding:15px 0 15px 44px; */
	/* border: 4px double #c0c0c0; */
	display: inline-block;
}

.gaiyo-outline .inner {
	width: 660px;
	display: flex;
	align-items: center;
	margin: 0 auto;
	border: 4px double #c0c0c0;
	padding: 15px 20px 15px 40px;
}

.gaiyo-outline .inner > div {
	display: inline-block;
	white-space: nowrap;
}



.gaiyo-outline .inner .line02 {
	width: 100px;
	vertical-align: text-top;
	text-align: center;
	font-size: 4rem;
	font-weight: bold;
}

.gaiyo-outline .inner .line03 {
	/* width: 40%; */
	margin-bottom: auto;
}

.gaiyo-outline .inner > div h3 {
	margin: 0 0 5px 0;
	padding: 0;
}
.gaiyo-outline .inner > div ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.gaiyo-outline .inner > div li {
	font-size: 1.5rem;
}

.gaiyo-outline .inner .line01 ul .left {
	width: 190px;
	text-align: left;
	display: inline-block;
}
.gaiyo-outline .inner .line03 ul .left {
	width: 100px;
	display: inline-block;
	text-align: left;
}
.gaiyo-outline .inner .line01 ul .right,
.gaiyo-outline .inner .line03 ul .right {
	width: 60px;
	display: inline-block;
	text-align: right
}

/* img.new_example_paper{border:1px solid #999;} */

@media screen and (min-width: 641px) {
.price_change_attention p a:hover{background:#ffa3a3;}

}

@media screen and (max-width: 640px) {

	.gaiyo .gaiyo-text .cmp-bnr001 .bnr img {
		width: 100%;
	}

	.gaiyo-outline .inner {
    width: 100%;
    display: inline-block;
    padding: 10px;
	}
	.gaiyo-outline .inner .line01 {
		width: 100%;
    background-color: #f2f2f2;
    padding: 15px;
	}
	.gaiyo-outline .inner .line02 {
		width: 100%;
		font-size: 3rem;
	}
	.gaiyo-outline .inner .line03 {
		width: 100%;
		background-color: #f2f2f2;
		padding: 15px;
	}

	.gaiyo-outline .inner .line01 ul .left {
		width: 70%;
	}
	.gaiyo-outline .inner .line03 ul .left {
		width: 70%;
	}
	.gaiyo-outline .inner .line01 ul .right,
	.gaiyo-outline .inner .line03 ul .right {
		width: 30%;
	}

  .price_change_attention p a{display:block;max-width:120px;margin-bottom:10px;}

  .gaiyo .gaiyo-text .cmp-bnr001 .bnr-note{font-size:1.5rem;}
}
