@charset "utf-8";
  .text10 { font-size:77%; }
.text11 { font-size:85%; }
.text12 { font-size:93%; }
.text13 { font-size:100%; }
.text14 { font-size:108%; }
.text15 { font-size:116%; }
.text16 { font-size:123.1%; }
.text17 { font-size:131%; }
.text18 { font-size:138.5%; }
.text19 { font-size:146.5%; }
.text20 { font-size:153.9%; }
.text21 { font-size:161.6%; }
.text22 { font-size:167%; }
.text23 { font-size:174%; }
.text24 { font-size:182%; }
.text25 { font-size:189%; }
.text26 { font-size:197%; } body {
margin: 0;
padding: 0;
background: #fff;
color: #000;
font-size:108%;
}
#wrapper {
width: 1060px;
margin: 0 auto;
padding: 0;
background: #fff;
} a:link,
a:hover,
a:active,
a:visited {
color: #000;
text-decoration: none;
}
a:hover {
text-decoration: underline;
} h1,h2,h3,h4,h5,h6,p,ul,ol,dl {
margin-top: 0;
margin-bottom: 0;
line-height: 1;
} img {
border: none;
} .gotop {
display: none;
}
#pagetop {
display: none;
} #header {
width: 1040px;
height: 90px;
margin: 0 auto;
background: #fff;
padding: 10px;
}
#header h1 {
float: left;
}
#header .banner {
display: none;
}
#header .sns {
display: none;
}
#header .sns li {
display: none;
} #globalnaviWrapper {
display: none;
}
#globalnavi {
clear: both;
width: 1060px;
margin: 0 auto;
}
#globalnavi ul {
padding: 0 0 0 10px;
}
#globalnavi ul li {
float: left;
}
#globalnavi ul li a {
display: block;
color: #fff;
padding: 10px 20px;
}
#globalnavi ul li.current a {
background: #f0f0f0;
color: #333;
}
#search {
float: right;
margin: 5px 10px 0 0;
}
#search .text {
width: 200px;
padding: 2px;
border:1px solid #e0e0e0;
}
#search .submit {
padding: 2px 5px;
border:1px solid #e0e0e0;
color: #999;
font-size: 93%;
} .breadcrumb {
margin: 0 0 10px 0;
font-size: 85%;
} #content {
margin: 0 0 20px 0;
padding: 0 10px;
} #content #main {
width: 100%;
}
#content #sub {
display: none;
}
.bottom {
display: none;
} .mainHeader h2 {
line-height: 30px;
font-weight: bold;
}
.mainHeader a {
color: #333;
}
.mainHeader span {
color: #ccc;
font-size: 77%;
}
.mainHeader .through {
float: right;
margin: -2em 10px 0 0;
font-size: 77%;
}
.mainHeader .through a {
color: #666;
}
#main .header {
width: 700px;
margin: 0 0 15px 0;
border-bottom: 1px dotted #ccc;
}
#main .header h2 {
margin: 0 0 5px 0;
font-size: 108%;
font-weight: bold;
} .oneColumn {
width: 700px;
}
.oneColumn .box {  display:inline-block;
vertical-align:top;
width: 100%;
margin: 0 20px 15px 0;
padding: 0 0 15px 0;
border-bottom: 1px dotted #ccc;
}
.oneColumn .box .image {
float: left;
margin: 0 10px 0 0;
}
.oneColumn .box .title {
min-height: 1.3em;
margin: 0 0 .2em 0;
font-size: 123.1%;
line-height: 1.3em;
}
.oneColumn .excerpt {
font-size: 93%;
line-height: 1.3em;
color: #666;
}
.oneColumn .author {
margin: 0 0 1em 0;
font-size: 93%;
line-height: 1.3em;
color: #999;
}
.oneColumn .box .author a {
color: #999;
}
.oneColumn .box .pr {
float: right;
margin-top: -1.3em;
padding: 1px 4px;
background: #06c;
color: #fff;
font-size: 85%;
} .twoColumns {
margin: 0 0 10px 0;
}
.twoColumns .box {  display:inline-block;
vertical-align:top;
width: 340px;
margin: 0 20px 15px 0;
padding: 0 0 15px 0;
border-bottom: 1px dotted #ccc;
}
.twoColumns .box .image {
float: left;
margin: 0 10px 0 0;
}
.twoColumns .box .title {
min-height: 2.6em;
margin: 0 0 .2em 0;
font-size: 123.1%;
line-height: 1.3em;
}
.twoColumns .box .author a {
font-size: 93%;
line-height: 1.3em;
color: #999;
}
.twoColumns .box .pr {
float: right;
margin-top: -1.6em;
padding: 1px 4px;
background: #06c;
color: #fff;
font-size: 85%;
} .threeColumns,
.fourColumns {
margin: 0 0 10px 0;
}
.threeColumns .box {  display:inline-block;
vertical-align:top;
width: 220px;
margin: 0 20px 15px 0;
}
.threeColumns .box .title {
min-height: 2.6em;
margin: 0 0 .2em 0;
font-size: 123.1%;
line-height: 1.3em;
}
.threeColumns .box .category a,
.threeColumns .box .author a {
font-size: 93%;
line-height: 1.3em;
color: #999;
}
.threeColumns .box .date {
font-size: 77%;
line-height: 1.3em;
color: #999;
}
.threeColumns .box .pr {
position: relative;
float: right;
margin-top: -1.2em;
padding: 1px 4px;
background: #06c;
color: #fff;
font-size: 100%;
z-index: 1;
} .fourColumns .box {  display:inline-block;
vertical-align:top;
width: 160px;
margin: 0 20px 15px 0;
}
.fourColumns .box .title {
min-height: 2.6em;
margin: 0 0 .2em 0;
font-size: 93%;
line-height: 1.4em;
}
.fourColumns .box .date,
.fourColumns .box .author a {
font-size: 85%;
line-height: 1.4em;
color: #999;
}
.fourColumns .box .pr {
position: relative;
float: right;
margin-top: -1.5em;
padding: 1px 4px;
background: #06c;
color: #fff;
font-size: 85%;
z-index: 1;
} .twoColumnsCategory {
}
.twoColumnsCategory .box {  display:inline-block;
vertical-align:top;
width: 318px;
margin: 0 20px 15px 0;
padding: 10px 10px 10px 10px;
border: 1px solid #e0e0e0;
}
.twoColumnsCategory .boxHeader {
margin: 0 0 10px 0;
padding: 0 0 5px 0;
border-bottom: 1px solid #e0e0e0;
}
.twoColumnsCategory h3 {
}
.twoColumnsCategory .boxHeader span {
display: block;
text-align: right;
margin-top: -1.2em;
font-size: 85%;
}
.twoColumnsCategory ul {
}
.twoColumnsCategory ul li {
margin: 0 0 10px 0;
}
.twoColumnsCategory .box .title {
display: block;
margin: 0 0 5px 0;
line-height: 1.3;
}
.twoColumnsCategory .box .author {
font-size: 93%;
}
.twoColumnsCategory .box .author a {
color: #999;
}
.twoColumnsCategory .box .pr {
position: relative;
float: right;
padding: 2px 3px;
border: 1px solid #e0e0e0;
font-size: 85%;
color: #999;
} #main .banner {
margin: 0 0 40px 0;
}
.bannerFirst {
float: left;
margin: 0 40px 0 30px;
}
.bannerSecond {
}
#main .banner .microad {
width: 468px;
margin: 0 auto;
} #sub .archive .header {
margin: 0 0 10px 0;
padding: 0 0 0 10px;
border-left: 3px solid #666;
}
.archive .section {
margin: 0 0 20px 0;
padding: 10px 10px 0 10px; } #sub .movie .header {
margin: 0 0 10px 0;
padding: 0 0 0 10px;
border-left: 3px solid #666;
}
#sub .movie .header h2 {
font-size: 108%;
font-weight: bold;
}
.movie .section {
margin: 0 0 20px 0;
padding: 10px 10px 0 10px;
border: 1px solid #ccc;
}
.movie img {
float: right;
margin: 0 0 0 10px;
}
.movie .category {
display: block;
margin: 0 0 5px 0;
}
.movie .title {
display: block;
line-height: 1.4;
}
.movie .category a {
color: #999;
}
.movie ul {
}
.movie li {
height: 70px;
margin: 0 0 10px 0;
border-bottom: 1px dotted #ccc;
}
.movie li:nth-child(3) {
height: 70px;
margin: 0;
border: none;
} #tab {
background: #FF8484;
}
#tab li {
float: left;
width: 100px;
padding: 10px 0;
list-style: none;
cursor: pointer;
background: #FF2828;
color: #fff;
text-align: center;
overflow: hidden;
}
#tab li.select {
background: #c00;
}
#tab li.third {
}
.disnon {
display: none;
}
.rankingWrapper .header {
min-height: 20px;
padding: 5px 0 0 35px;
background: url(//agora-web.jp/cms/wp-content/themes/agora/img/ic_ranking.png) no-repeat left top;
}
.rankingWrapper h2 {
font-size: 108%;
font-weight: bold;
}
.rankingWrapper .section {
clear: left;
margin: 0 0 20px 0;
padding: 10px;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
border-left: 1px solid #ccc;
}
.ranking {
counter-reset: ranking;
}
.rankingWrapper ul.ranking {
list-style: none;
padding-left: 1em;
}
.ranking li {
position: relative;
line-height: 1.4;
margin-bottom: 4px;
padding-left: 1.5em;
}
.ranking li:before {
position: absolute;
content: counter(ranking, decimal);
counter-increment: ranking;
font-size: 93%;
padding: 2px 7px;
background: #c00;
font-weight: bold;
color: #fff;
left: -1em;
}
.ranking .title {
display: block;
font-size: 108%;
}
.ranking .author a {
color: #999;
font-size: 85%;
} #sub p {
line-height: 1.5;
} .subSection {
width: 300px;
margin: 0 0 20px 0;
}
#sub .banner {
margin: 0 0 20px 0;
} #footerWrapper {
width: 100%;
margin: 0;
background: #fff;
}
#footer {
display: none;
}
#footerInner {
width: 1040px;
margin: 0 auto;
padding: 30px 10px 0 10px;
color: #666;
font-size: 93%;
}
#footer p {
margin-bottom: .5em;
color: #333;
font-weight: bold;
font-size: 116%;
}
#footer p.support {
color: #f30000;
}
#footer ul {
list-style-type: none;
margin: 0 0 20px 0;
padding: 0;
}
#footer li {
margin: 0 0 .3em 0;
padding: 0;
line-height: 1.5;
}
#footer li a {
margin: 0;
padding: 0;
color: #666;
}
.footerListFirst {
float: left;
width: 200px;
padding: 0;
}
.footerList {
float: left;
width: 200px;
margin: 0 0 0 40px;
padding: 0;
}
.footerHeader {
margin: 0 0 .5em 0;
font-size: 131%;
letter-spacing: .1em;
}
#copyright {
clear: both;
margin: 0;
padding: 10px 0;
text-align: center;
}
#copyright p {
font-size: 96%;
font-weight: normal;
}
#copyright a {
}
img.log {
display: none;
} .categoryHeader {
margin: 0 0 20px 0;
padding: 5px 0;
border-bottom: 1px solid #e0e0e0;
}
.categoryHeader h3 {
font-weight: normal;
font-size: 116%;
}
.categoryHeader a {
color: #000;
} .categoryPostBox {
min-height: 90px;
_height: 90px;
margin: 0 0 10px 0;
padding: 0 10px 10px 10px; }
.categoryPostThumb {
float: left;
}
.categoryPostThumb img {
margin: 0 10px 10px 0;
border: 3px solid #f0f0f0;
}
.categoryPostDate {
color: #666;
font-size: 85%;
}
.categoryPostTitle {
font-size: 116%;
line-height: 1.5;
}
.categoryPostContent p {
color: #999;
font-size: 85%;
line-height: 1.5;
}
.categoryPostCategory {
font-size: 85%;
} .postPage {
width: 610px;
margin: 0 0 0 10px;
padding: 0 0 40px 0;
}
.postPage h3 {
margin: 0 0 1em 0;
line-height: 1.5;
font-weight: bold;
font-size: 182%;
}
.postPage h4 {
margin: 0 0 1em 0;
padding: 0 0 0 10px;
border-left: 10px solid #f6a900;
border-bottom: 1px dotted #f6a900;
line-height: 1.5;
font-weight: bold;
font-size: 138.5%;
}
.postPage h5 {
margin: 0 0 1em 0;
line-height: 1.5;
font-weight: bold;
font-size: 116%;
}
.postPage p {
margin: 0 10px 1.8em 20px;
line-height: 1.8;
font-size: 116%;
}
.postPage a {
text-decoration: underline;
}
.postPage a:hover {
text-decoration: none;
}
.postPage ul,
.postPage ol {
margin: 0 0 1.5em 40px;
}
.postPage li {
padding: ;
list-style: disc;
line-height: 1.5;
}
.postPage blockquote {
margin: 0 0 1.5em 20px;
padding: 5px;
border: 1px dotted #ccc;
}
.postPage dl {
}
.postPage dt {
line-height: 1.5;
}
.postPage dd {
line-height: 1.5;
}
.article {
width: 100%;
margin: 0 0 0 0;
padding: 0 0 20px 0;
}
.article .title {
clear: both;
}
.article .title h2 {
margin: 0 0 1em 0;
line-height: 1.3;
font-size: 197%; }
.article p {
margin: 0 0 1.8em 0;
line-height: 1.8;
}
.article .function {
float: right;
}
.function .date {
text-align: right;
margin: 0 0 5px 0;
font-size: 108%;
}
.sns {
display: none;
}
.article .categoryList {
margin: 0 0 15px 0;
}
.article .categoryList li {
float: left;
margin: 0 5px 0 0;
}
.article .categoryList a {
display: block;
padding: .5em 1em;
background: #06c;
color: #fff;
font-size: 85%;
border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; }
.article .tag {
margin: 0 0 20px 0;
}
.articleContent {
clear: both;
padding: 0 20px 0px 20px;
}
.articleContent {
margin: 0 0 1.8em 0;
line-height: 1.8;
font-size: 123.1%;
}
.articleContent strong {
font-weight: bold;
}
.articleContent a {
color: #06c;
text-decoration: underline;
}
.articleContent a:hover {
text-decoration: none;
}
.articleContent h1 {
margin: 0 0 1em 0;
padding: 0 0 0 15px;
border-left: 5px solid #ccc;
line-height: 1.3;
font-size: 161.6%;
}
.articleContent h2 {
margin: 0 0 1em 0;
padding: 0 0 0 15px;
border-left: 5px solid #ccc;
line-height: 1.3;
font-size: 153.9%;
}
.articleContent h3 {
margin: 0 0 1em 0;
padding: 0 0 0 15px;
border-left: 5px solid #ccc;
line-height: 1.3;
font-size: 146.5%;
}
.articleContent h4 {
margin: 0 0 1em 0;
padding: 0 0 0 15px;
border-left: 5px solid #ccc;
line-height: 1.3;
font-size: 123.1%;
}
.articleContent h5 {
margin: 0 0 1em 0;
padding: 0 0 0 15px;
border-left: 5px solid #ccc;
line-height: 1.3;
font-size: 116%;
}
.articleContent h6 {
margin: 0 0 1em 0;
padding: 0 0 0 15px;
border-left: 5px solid #ccc;
line-height: 1.3;
font-size: 100%;
}
.articleContent ul,
.articleContent ol {
margin: 0 0 1.5em 2em; }
.articleContent ul li {
padding: ;
list-style: disc;
line-height: 1.5;
}
.articleContent ol li {
padding: ;
list-style: decimal;
line-height: 1.5;
}
.articleContent dl {
margin: 0 0 1.5em 1em; }
.articleContent dt {
margin: 0 0 .5em 0;
line-height: 1.5;
}
.articleContent dd {
margin: 0 0 .5em 2em;
line-height: 1.5;
}
.articleContent blockquote p{
margin: 0;
}
.articleContent blockquote{
background-color: #eee;
margin: 0 20px 2em 20px;
padding: 3em 2em;
position: relative;
border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; }
.articleContent blockquote:before{
content: "“";
font-size: 700%;
line-height: 1em;
font-family: "ＭＳ Ｐゴシック",sans-serif;
color: #ccc;
position: absolute;
left: 5px;
top: 5px;
}
.articleContent blockquote:after{
content: "”";
font-size: 700%;
line-height: 0em;
font-family: "ＭＳ Ｐゴシック",sans-serif;
color: #ccc;
position: absolute;
right: 5px;
bottom: 0;
} .articleTop {
}
.articleTop .authorInfo {
margin: 0 0 30px 0;
padding: 0 0 10px 0;
border-bottom: 1px dotted #e0e0e0;
}
.articleTop .authorAvatar {
float: left;
}
.articleTop .authorAvatar img {
width: 40px;
height: 40px;
}
.articleTop .author {
margin: 0 0 0 55px;
line-height: 1.4;
font-size: 116%;
}
.articleBottom .authorInfo {
min-height: 60px;
padding: 15px;
border: 1px solid #e0e0e0;
}
.articleBottom .authorAvatar {
float: left;
}
.articleBottom .authorProfile {
margin: 0 0 0 75px;
line-height: 1.4;
}
.articleBottom .author {
font-size: 108%;
}
.articleBottom .profile {
margin: 0 0 .5em 0;
color: #666;
font-size: 93%;
}
.articleBottom .authorPage {
display: none;
}
.authorInfoArchive {
clear: both;
width: 678px;
margin: 0 0 20px 0;
padding: 10px;
min-height: 120px;
_height: 120px;
border: 1px solid #e0e0e0;
}
.authorInfoArchive .avatar {
float: left;
margin: 0 10px 0 0;
}
.authorInfoArchive .name {
margin: 0 0 .5em 0;
}
.authorBusinesstitle {
margin: 0 0 0 140px;
}
.authorBusinesstitle .description {
margin: 0 0 10px 0;
line-height: 1.5;
}
.authorBusinesstitle a {
color: #06c;
} p img {
padding: 0;
max-width: 100%;
}
img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}
p img.aligncenter {
display: block;
margin: 0 auto;
}
img.alignright {
padding: 0;
margin: 0 0 2px 15px;
display: inline;
}
img.alignleft {
padding: 0;
margin: 0 15px 2px 0;
display: inline;
}
.alignright img {
padding: 0;
margin: 0 0 2px 15px;
display: inline;
}
.alignleft img {
padding: 0;
margin: 0 15px 2px 0;
display: inline;
}
.alignright {
float: right;
}
.alignleft {
float: left;
}
.aligncenter {
margin: 0 auto;
}
p.wp-caption-text {
color: #666;
font-size: 93%;
line-height: 1.8;
}
.alignright p.wp-caption-text {
padding: 0 0 2px 20px;
}
.alignleft p.wp-caption-text {
padding: 0 20px 2px 0;
} .wp-pagenavi {
position: relative;
clear: both;
margin: 0 0 40px 0;
padding: 10px 0;
text-align: center;
}
.wp-pagenavi a, .wp-pagenavi span {
text-decoration: none;
border: 1px solid #e0e0e0;
padding: 3px 5px;
margin: 1px;
background: url(//agora-web.jp/cms/wp-content/themes/agora/img/bg_pagenavi.gif) repeat-x top;
}
.wp-pagenavi a:hover, .wp-pagenavi span.current {
border-color: #000;
background: url(//agora-web.jp/cms/wp-content/themes/agora/img/bg_pagenavi_o.gif) repeat-x top;
}
.wp-pagenavi span.current {
font-weight: bold;
}  .clear {
clear: both;
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
} .clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
.clearfix {display: inline-table;}/*\*/* html .clearfix {height: 1%;}
.clearfix {display: block;}/**/ .more {
clear: both;
display: block;
text-align: center;
}
.more a {
display: inline-block;
width: 200px;
height: 40px;
text-align: center;
text-decoration: none;
font-weight:bold;
outline: none;
position: relative;
background-color: #1abc9c;
border-radius: 4px;
color: #fff;
line-height: 40px;
-webkit-transition: none;
transition: none;
box-shadow: 0 3px 0 #0e8c73;
text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
}
.more a::before,
.more a::after {
position: absolute;
z-index: -1;
display: block;
content: '';
}
.more a,
.more a::before,
.more a::after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all .3s;
transition: all .3s;
}
.more a:hover {
background-color: #31c8aa;
box-shadow: 0 3px 0 #23a188;
}
.more a:active {
top: 3px;
box-shadow: none;
} .feature {
width: 700px;
height: 200px;
margin: 0 0 25px 0;
}
.feature .navi {
width: 405px;
float: right;
}
.feature .navi li {
margin: 0 0 10px 0;
padding: 0 0 0 8px;
border-left: 3px solid #f0f0f0;
display: block;
}
.feature .navi li.active {
border-left: 3px solid #06c;
}
.feature .title {
display: block;
margin: 0 0 5px 0;
font-size: 123.1%;
line-height: 1.3em;
}
.feature .author a {
color: #999999;
}
.feature .category {
float: right;
}
.feature .category a {
color: #999999;
}
.feature .author a:hover { }
#image-navigation-text .navi-image a {
display:block;
width:285px;
height:200px;
line-height:200px;
text-align:center;
}
#image-navigation-text .navi {}
#image-navigation-text .navi-image {}
#image-navigation-text a {}
#image-navigation-text a.active {}
#image-navigation-text .navi-image { position:relative;}
#image-navigation-text .navi-image a { display:block; }
#image-navigation-text .navi-image a { position:absolute; top:0; left:0; z-index:8; }
#image-navigation-text .navi-image a.active { z-index:10; }
#image-navigation-text .navi-image a.last-active { z-index:9; } #main .bx-wrapper {
float: left !important;
width: 285px !important;
margin: 0px !important;
}
#main .bx-wrapper .bx-viewport {
box-shadow: none;
border: none;
background: none;
position:  static !important;
} .article ul.block_sns_bookmark {
margin: 20px 10px;
text-align: center;
}
.article ul.block_sns_bookmark li {
box-sizing: border-box;
display: inline-block;
vertical-align: middle;
width: 24%;
margin-right: 1%;
text-align: center;
height: 66px;
margin-bottom: 10px;
border-radius: 5px;
}
.article ul.block_sns_bookmark li.tw_btn_bottom{
box-sizing: border-box;
display: inline-block;
vertical-align: middle;
width: 49%;
margin-right: 1%;
text-align: center;
height: 66px;
margin-bottom: 10px;
border-radius: 5px;
}
.article ul.block_sns_bookmark li.fb_btn_bottom{
box-sizing: border-box;
display: inline-block;
vertical-align: middle;
width: 49%;
margin-right: 1%;
text-align: center;
height: 66px;
margin-bottom: 10px;
border-radius: 5px;
}
.article ul.block_sns_bookmark li.last {
margin-right: 0%;
}
.article ul.block_sns_bookmark li img {
height: auto;
vertical-align: middle;
width: 35px;
}
ul.block_sns_bookmark li > a {
display: block;
height: 66px;
line-height: 66px;
}
ul.block_sns_bookmark li:hover {
filter:alpha(opacity=75);
-moz-opacity: 0.75;
opacity: 0.75;
transition: all 0.5s;
}
ul.block_sns_bookmark li > a span{
color:#FFF;
font-size:15px;
font-weight:bold;
margin-left:5px;
letter-spacing:1px;
}
ul.block_sns_bookmark li.hatena_btn {
background-color: #0291dd;
}
ul.block_sns_bookmark li.poket_btn {
background-color: #e64141;
}
ul.block_sns_bookmark li.tw_btn,ul.block_sns_bookmark li.tw_btn_bottom{
background-color: #00acec;
}
ul.block_sns_bookmark li.fb_btn,ul.block_sns_bookmark li.fb_btn_bottom{
background-color: #3b589e;
}
ul.block_sns_bookmark li.like_btn {
padding-top: 2px;
}