@charset "UTF-8";

.correContWrap.pageColumn .mainContWrap .contArea01 { width:100%; margin-left:auto; margin-right:auto;}
.correContWrap.pageColumn.index .mainContWrap .column01 { width:calc(100% - 20px); margin-left:auto; margin-right:auto;}
.correContWrap.pageColumn.index .mainContWrap .linksArea01 .innerWrap { width:calc(100% - 20px); margin-left:auto; margin-right:auto; overflow:hidden;}

.correContWrap.pageColumn .mainContWrap .subTitleFormat01 { border-color:#8dccee;}
.correContWrap.pageColumn .mainContWrap .subTitleFormat01 strong { color:#5db6e6;}

.correContWrap.pageColumn.index .mainContWrap .linksArea01 .link a { border-radius:0.4em; -moz-border-radius:0.4em; -ms-border-radius:0.4em; -o-border-radius:0.4em; -webkit-border-radius:0.4em;}

.correContWrap.pageColumn.index .mainContWrap .backNumber { border-radius:0.2em; -moz-border-radius:0.2em; -ms-border-radius:0.2em; -o-border-radius:0.2em; -webkit-border-radius:0.2em;}

.correContWrap.pageColumn.index .mainContWrap .linksArea01 .link a strong,
.correContWrap.pageColumn.index .mainContWrap .linksArea01 .link a:hover strong { -webkit-transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s;}


/* 新話旧題 */
.correContWrap.pageColumn.index .mainContWrap .contArea01 { margin-top:30px;}
.correContWrap.pageColumn.index .mainContWrap .backNumber { background-color:#5db6e5; color:#fff; font-family:"Noto Sans Japanese"; line-height:1.4em; height:1.5em; position:absolute; left:8.5em; width:7.5em; top:50%; margin-top:-0.75em; font-size:0.6em; float:left; text-align:center; display:block; letter-spacing:0.03em;}
.correContWrap.pageColumn.index .mainContWrap .column01 { margin-top:25px; font-size:1.05em;}
.correContWrap.pageColumn.index .mainContWrap .column01 * { font-size:1em;}
.correContWrap.pageColumn.index .mainContWrap .textArea01 { width:100%; line-height:1.55em; font-size:1.1em;}
.correContWrap.pageColumn.index .mainContWrap .linksArea01 { margin-top:25px; width:100%; overflow:hidden; border:1px #ddd solid; padding-top:1px; padding-bottom:1px; box-sizing:border-box;}
.correContWrap.pageColumn.index .mainContWrap .linksArea01 .innerBg { background-color:#eee; margin-left:1px; margin-right:1px; padding-top:11px; padding-bottom:11px;}
.correContWrap.pageColumn.index .mainContWrap .linksArea01 .link { width:166px; float:left; text-align:center; margin-right:7px; margin-bottom:7px;}
.correContWrap.pageColumn.index .mainContWrap .linksArea01 .link a { box-sizing:border-box; width:100%; height:100%; display:block; border-width:1px; border-color:#ddd; border-style:solid; background-color:#fff; font-size:0.9em; padding-top:0.7em; padding-bottom:0.7em; padding-left:5px; padding-right:5px; line-height:1.2em;}
.correContWrap.pageColumn.index .mainContWrap .linksArea01 .link a strong { display:block; width:100%; margin-bottom:0.15em; font-size:1.1em; line-height:1.3em;}
.correContWrap.pageColumn.index .mainContWrap .linksArea01 .link a:hover { background-color:#e9f4fb;color:#009fe9; border-color:#8dccee;}
.correContWrap.pageColumn.index .mainContWrap .linksArea01 .link a:hover strong { color:#009fe9;}
.correContWrap.pageColumn.index .mainContWrap .linksArea01 .link:nth-of-type(4n-1) { margin-right:0;}
.correContWrap.pageColumn.index .mainContWrap .linksArea01 .link:nth-of-type(4n) { width:167px; margin-right:0; float:right;}
.correContWrap.pageColumn.index .mainContWrap .linksArea01 .link:nth-last-of-type(1),
.correContWrap.pageColumn.index .mainContWrap .linksArea01 .link:nth-last-of-type(2),
.correContWrap.pageColumn.index .mainContWrap .linksArea01 .link:nth-last-of-type(3),
.correContWrap.pageColumn.index .mainContWrap .linksArea01 .link:nth-last-of-type(4) { margin-bottom:0;}
.correContWrap.pageColumn.index .mainContWrap .linksArea01 .innerWrap>.clear_1px.rows2,
.correContWrap.pageColumn.index .mainContWrap .linksArea01 .innerWrap>.clear_1px.rows3 { display:none;}

.mobile .correContWrap.pageColumn.index .mainContWrap .linksArea01 .link { width:calc(100% / 4 - 5px);}
.mobile .correContWrap.pageColumn.index .mainContWrap .column01,
.mobile .correContWrap.pageColumn.index .mainContWrap .textArea01 { width:100%;}


@media screen and (max-width:700px){
.correContWrap.pageColumn.index .mainContWrap .linksArea01 .link a { font-size:0.85em;}
}

@media screen and (max-width:600px){
.correContWrap.pageColumn.index .mainContWrap .textArea01 { font-size:1.05em;}
.mobile .correContWrap.pageColumn.index .mainContWrap .linksArea01 .link { width:calc(100% / 3 - 5px); margin-bottom:6px;}
.correContWrap.pageColumn.index .mainContWrap .linksArea01 .link:nth-last-of-type(4) { margin-bottom:7px;}
.correContWrap.pageColumn.index .mainContWrap .linksArea01 .link:nth-of-type(4n-1) { margin-right:7px;}
.correContWrap.pageColumn.index .mainContWrap .linksArea01 .link:nth-of-type(4n) { margin-right:7px; float:left; width:calc(100% / 3 - 5px);}
.correContWrap.pageColumn.index .mainContWrap .linksArea01 .link:nth-of-type(3n-1) { margin-right:0; width:calc(100% / 3 - 4px);}
.correContWrap.pageColumn.index .mainContWrap .linksArea01 .link:nth-of-type(3n) { margin-right:0; float:right; width:calc(100% / 3 - 4px);}
.correContWrap.pageColumn.index .mainContWrap .linksArea01 .link:nth-last-of-type(1),
.correContWrap.pageColumn.index .mainContWrap .linksArea01 .link:nth-last-of-type(2),
.correContWrap.pageColumn.index .mainContWrap .linksArea01 .link:nth-last-of-type(3) { margin-bottom:0;}
.correContWrap.pageColumn.index .mainContWrap .linksArea01 .innerWrap>.clear_1px.rows3 { display:block;}
.correContWrap.pageColumn.index .mainContWrap .linksArea01 .innerWrap>.clear_1px.last { display:none;}
}

@media screen and (max-width:500px){
.mobile .correContWrap.pageColumn.index .mainContWrap .column01,
.correContWrap.pageColumn.index .mainContWrap .linksArea01 { margin-top:15px;}
.correContWrap.pageColumn.index .mainContWrap .textArea01 { font-size:1em; line-height:1.5em;}
.correContWrap.pageColumn.index .mainContWrap .linksArea01 .link a { font-size:0.8em;}
}

@media screen and (max-width:450px){
.correContWrap.pageColumn.index .mainContWrap .textArea01 br { display:none;}
}

@media screen and (max-width:400px){
.correContWrap.pageColumn.index .mainContWrap .linksArea01 .innerBg { padding-top:6px; padding-bottom:6px;}
.correContWrap.pageColumn.index .mainContWrap .linksArea01 .innerWrap { width:calc(100% - 12px);}
.mobile .correContWrap.pageColumn.index .mainContWrap .linksArea01 .link { margin-bottom:4px;}
.correContWrap.pageColumn.index .mainContWrap .textArea01 { font-size:0.9em;}
.correContWrap.pageColumn.index .mainContWrap .linksArea01 .link:nth-last-of-type(3) { margin-bottom:7px;}
.correContWrap.pageColumn.index .mainContWrap .linksArea01 .link:nth-of-type(3n-1) { margin-right:7px; width:calc(100% / 2 - 2px);}
.correContWrap.pageColumn.index .mainContWrap .linksArea01 .link:nth-of-type(3n) { margin-right:7px; float:left; width:calc(100% / 2 - 2px);}
.correContWrap.pageColumn.index .mainContWrap .linksArea01 .link:nth-of-type(2n) { margin-right:0; width:calc(100% / 2 - 2px); float:right;}
.correContWrap.pageColumn.index .mainContWrap .linksArea01 .link:nth-of-type(2n-1) { margin-right:0; width:calc(100% / 2 - 2px); float:left;}
.correContWrap.pageColumn.index .mainContWrap .linksArea01 .link:nth-last-of-type(1),
.correContWrap.pageColumn.index .mainContWrap .linksArea01 .link:nth-last-of-type(2) { margin-bottom:0;}
.correContWrap.pageColumn.index .mainContWrap .linksArea01 .innerWrap>.clear_1px.rows2 { display:block;}
.correContWrap.pageColumn.index .mainContWrap .linksArea01 .innerWrap>.clear_1px.rows3 { display:none;}
}