@charset "UTF-8";
 * {    
font-family: YuGothic, "Yu Gothic", 游ゴシック, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
margin: 0px;
padding: 0px;
}
main, article, aside, header, canvas, details, figcaption, figure, footer, nav, section, summary {
display: block;
}
html,
body {
height: 100%; -webkit-overflow-scrolling: touch;
}
body {
width: 100%;
min-width: 320px;
word-wrap: break-word;
background-image: url(http://yutopipi.lolipop.jp/test/wp-content/uploads/2016/10/frc-dot.jpg);
margin: 0 auto;
}
@media only screen and (max-width: 960px) {
body {
width: 100%;
}
}
body.mceContentBody {
background-color: #fff;
}
.mainContent, .topH2, #site-description {
width: 1024px;
margin: auto;
}
header {
height: 80px;
padding: 8px 0;
margin-bottom: 69px;
}
#head-line {
display: block;
width: 1024px;
height: 49px;
margin: 0 auto 40px;
}
@media only screen and (max-width: 960px) {
section {
margin-bottom: 80px;
}
}
.mainContent:after {
content: "";
clear: both;
display: block;
}
@media only screen and (max-width: 960px) {
header, .mainContent, .topH2 {
width: 100%;
}
}
.st-hide {
display:none;
}
hr.hrcss {
border: 0;
height: 0;
border-top: 1px solid rgba(0, 0, 0, 0.1);
border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.fa-question-circle, .fa-check-circle, .fa-exclamation-triangle, .fa-pencil-square-o {
margin-right:10px;
} a {
color: #4682b4;
} a:hover {
color: #b22222;
}
img, video, object {
max-width: 100%;
height: auto;
border: none;
vertical-align: bottom;
display: block;
}
.inline-img img {
display: inline!important;
} a:hover img {
-moz-opacity: 0.8;
opacity: 0.8;
}
img.size-full, img.size-large {
margin-bottom: 10px;
height: auto;
max-width: 100%;
}
iframe {
max-width: 100%;
}
.resetwidth img, .resetwidth video, .resetwidth object .resetwidth iframe{
width: initial; max-width: initial; display: inline!important;
}
.wp-caption {
height: auto;
max-width: 100%;
} .sitename img {
max-width: 100%;
margin: 0 auto;
height: 100%;
} .smanone {
display: none;
} .clearfix {
zoom: 1;
}
.clearfix:after {
content: "";
display: block;
clear: both;
}
.clear {
clear: both;
}
.center {
text-align: center;
padding-bottom: 20px;
}
.sticky {
}
.bypostauthor {
}
.gallery-caption {
}
.screen-reader-text {
} .youtube-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
.youtube-container iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
} .slick-next{ right:10px;
z-index:9999!important;
}
.slick-prev{ left:10px;
z-index:9999!important;
}
[dir="rtl"] .slick-next {
left: 10px!important;
right: auto;
}
[dir="rtl"] .slick-prev {
left: auto;
right: 10px!important;
}  p {
font-size: 14px;
line-height: 25px;
margin-bottom: 32px;
}
@media only screen and (max-width:500px){
p {
font-size:14px;
}
}
.kdate {
color: #aaa;
} header .sitename {
font-size: 22px;
color: #fff;
line-height: 30px;
font-family: 'Oswald', sans-serif;
padding: 0px;
margin-bottom: 10px;
height: 100%;
}
header .sitename a {
color: #333;
text-decoration: none;
font-weight: bold;
}
header .sitename a:hover {
-moz-opacity: 0.8;
opacity: 0.8;
} header h1 {
font-size: 12px;
font-weight: normal;
}
header .descr {
font-size: 12px;
font-weight: normal;
display: inline;
} .entry-title {
font-size: 24px;
line-height: 30px;
color: #333;
margin: 32px 0 8px 0;
}
.entry-title a:hover {
text-decoration: underline;
}
.entry-title a {
color: #333;
text-decoration: none;
} h2 {
position: relative;
background: #000;
color: #fff;
margin-bottom: 48px;
margin-top: 88px;
padding-top: 10px;
padding-bottom: 10px;
font-weight: 100; }
.post h2 {
text-align: center;
} h2 > span, h2
> span > span {
font-family: EB Garamond, "游明朝体", YuMincho, 'Yu Mincho', "Hiragino Mincho Pro", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", "serif";
} .post h3 {
font-size: 18px;
margin-bottom: 40px;
margin-top: 62px;
padding-top: 15px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
color: #1a1a1a;
line-height: 27px;
background-repeat: no-repeat;
background-position: left center;
margin-left: 0px;
border-left: 3px solid;
}
h3 a {
color: #333;
text-decoration: none;
}
dd h3 {
line-height: 20px;
}
@media only screen and (max-width:600px){
dd h3 {
line-height: 14px;
}
}
dd h3 a {
color: #333;
text-decoration: none;
font-size: 12px;
}
.bigBloglist h3 a {
font-size: 13px;
}
.post h4 {
padding: 10px 15px;
margin-bottom: 20px;
background-color: #f3f3f3;
line-height: 24px;
}
.post h5 {
margin-bottom: 10px;
font-size: 16px;
}
.wp-caption-text a, .wp-caption-text {
font-size: 12px;
color: #ccc;
} #side aside h4 {
font-size: 16px;
font-weight: bold;
padding: 10px;
margin-bottom: 20px;
line-height: 28px;
}
#side h5 {
font-size:15px;
margin-bottom:5px;
} .post h4.point {
font-size: 16px;
font-weight: bold;
padding: 10px;
margin-bottom: 20px;
line-height: 28px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #CCC;
background-color:transparent;
} .blogbox p {
font-size: 12px;
margin: 0px;
color: #666666;
line-height: 15px;
}
.blogbox {
border-top-width: 1px;
border-top-style: solid;
border-top-color: #666666;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #666666;
margin-bottom: 20px;
padding: 5px;
} .no-thumbitiran{
margin-bottom:20px;
}
.no-thumbitiran h3{
margin-bottom:0px;
font-size:16px;
padding:0px 0px 5px;
}
.no-thumbitiran h3 a{
color: #4682b4;
}
.no-thumbitiran h5 a{
color: #1a1a1a;
text-decoration:none;
}
.no-thumbitiran h3 a:hover,.no-thumbitiran h5 a:hover {
color: #b22222;
}
.no-thumbitiran p{
color:#616161;
}
.kanren dl .blog_info {
margin-bottom: 14px;
bottom: 0; 
position: absolute;
}
@media only screen and (max-width: 600px) {
.bigBloglist .blog_info {
margin-bottom: 8px;
}
.kanren dl .blog_info {
position: static;
}
}
.blog_info {
margin-bottom: 8px;
}
.no-thumbitiran .blog_info p {
font-size: 12px;
margin: 0px;
color: #666666;
line-height: 15px;
}
.no-thumbitiran .blog_info {
margin-bottom: 0px;
padding: 5px;
} .post blockquote {
background-color: #f3f3f3;
background-image: url(//www.frc-watashi.info/wp-content/themes/stinger7-s/images/quote.png);
background-repeat: no-repeat;
background-position: left top;
padding-top: 50px;
padding-right: 20px;
padding-bottom: 20px;
padding-left: 20px;
margin-top: 20px;
margin-right: 0px;
margin-bottom: 20px;
border-left-width: 1px;
border-left-style: solid;
border-left-color: #CCC;
} .huto {
font-weight:bold;
}
.hutoaka {
font-weight:bold;
color:#ff0000;
}
.oomozi {
font-size: 25px;
font-weight:bold;
line-height: 48px;
}
.yellowbox {
padding:20px 20px 10px;
border:solid 1px #fffacd;
background-color:#ffffe0;
margin-bottom:20px;
font-size: 16px;
line-height: 25px;
}
.redbox {
padding:20px 20px 10px;
border:solid 1px #ef5350;
background-color:#ef9a9a;
margin-bottom:20px;
font-size: 16px;
line-height: 25px;
}
.graybox {
padding:20px 20px 10px;
border:solid 1px #ccc;
background-color:#f3f3f3;
margin-bottom:20px;
font-size: 16px;
line-height: 25px;
}
.yellowbox ol,.yellowbox li,.graybox ol,.graybox li,.redbox ol,.redbox li {
margin:0;
} .inyoumodoki {
background-color: #f3f3f3;
background-image: url(//www.frc-watashi.info/wp-content/themes/stinger7-s/images/quote.png);
background-repeat: no-repeat;
background-position: left top;
padding-top: 50px;
padding-right: 20px;
padding-bottom: 20px;
padding-left: 20px;
margin-top: 20px;
margin-right: 0px;
margin-bottom: 20px;
border-left-width: 1px;
border-left-style: solid;
border-left-color: #CCC;
} .post article .pagelist-box .kanrenh4 {
background-color: #FFF;
}
.post article .pagelist-box .st-childlink li {
list-style-type: none;
}
.post article .pagelist-box .st-childlink li p {
margin: 0px;
}
.post article .pagelist-box .st-childlink {
padding: 0px 10px;
} .post h4.p-entry {
padding:8px 15px;
font-size:15px;
background:#FEB20A;
color:#fff;
margin-bottom:15px;
}
.poprank-no2{
font-family: 'Montserrat', sans-serif;
padding:2px 8px;
background:#FEB20A;
font-size:13px;
font-weight:bold;
color:#fff;
margin-right:10px;
} #side h4.p-entry {
padding:5px 0px;
font-size:17px;
color:#FEB20A;
margin-bottom:15px;
}
.poprank {
position:relative;
}
.poprank-no{
font-family: 'Montserrat', sans-serif;
position:absolute;
top:0;
left:0;
padding:2px 8px;
background:#FEB20A;
font-size:13px;
font-weight:bold;
color:#fff;
}  #footer h3 {
font-size: 14px;
margin-bottom: 10px;
}
#footer p {
font-size: 12px;
margin-bottom:5px;
}
#footer h3 img {
max-width:300px!important;
margin:0 auto 10px;
text-align:center;
}
#footer a {
text-decoration: none;
color: #212121;
}
#footer a:hover {
color: #b22222;
}
#footer .copy, #footer .rcopy {
font-size: 12px;
color: #999;
line-height: 15px;
padding:20px 10px 0;
}
#footer .copy a, #footer .rcopy a {
font-size: 12px;
color: #999;
line-height: 15px;
}
footer h4 a {
color: #666;
text-decoration: none;
} footer .head-telno a{
font-family: 'Montserrat', sans-serif;
font-size:25px;
padding: 5px 10px;
text-align:center;
} .headbox, .headbox p {
font-size:12px;
line-height:18px;
text-align:center;
} .topList {
padding-top:0!important;
}
.topList:after {
content: "";
clear: both;
display: block;
}
@media only screen and (max-width: 600px){
.topList {
margin: 0 16px;
}
} #topnews dd h3 {
font-size: 20px;
line-height: 30px;
margin-bottom: 5px;
}
#topnews dt {
float: left;
width: 100px;
}
#topnews dt img {
width: 100%;
}
#topnews dd {
padding-left: 110px;
}
#topnews dl {
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #999;
}
#topnews dl:first-child {
padding-top: 20px;
}
#topnews dl:last-child {
margin-bottom: 20px;
padding-bottom: 20px;
border-style: none;
}
#topnews .clearfix dd h5 {
font-size: 16px;
font-weight: bold;
padding: 0px;
margin-bottom: 5px;
} #topnews .clearfix dd p {
font-size: 16px;
color: #666;
line-height: 24px;
}
#topnews .clearfix dd h5 a {
color: #333;
text-decoration: none;
} .kanren h3 {
margin: 0 0 5px;
padding: 0;
}
.blog_info p a {
color: #666;
text-decoration: none;
}
.topCateLink {
color: red!important;
font-weight: bold;
font-size: 8px;
margin-right: 8px;
text-decoration: none;
}
.masked-rider, .ultra-man, .marvel, .dccomics, .super-sentai, .newfigure {
display: none;
}
.topTime {
font-size: 8px;
font-weight: bold;
}
.reviewTop .topTime {
position: absolute;
}
#topnews .clearfix dd .blog_info p {
font-size: 12px;
}
.moreLink {
text-decoration: none;
float: right;
display: block;
font-size: 26px;
}
.moreRed {
font-size: 23px!important;
color: red;
margin-left: 8px;
vertical-align: text-bottom;
}
.moreLink p {
font-size: 26px!important;
color: #000;
display: inline-block;
margin: 0;
}
.moreRed_SP {
display: none;
color: red;
font-size: 21px!important;
margin-right: 4px;
}
.moreLink p:hover {
text-decoration: underline; 
}
@media only screen and (max-width: 600px){
.moreLink {
width: auto;
background: #000;
text-align: center;
margin: 0 16px;
float: none;
}
.moreLink p {
color: red;
margin: 0;
font-size: 21px!important;
}
.moreRed {
display: none;
}
.moreRed_SP {
display: inline-block;
}
.moreLink:hover {
opacity: 0.8;
}
} .kizi-under-box {
margin-bottom:20px;
} .kanren {
padding-top: 10px;
} .kanren dd h5 {
font-size: 16px;
font-weight: bold;
padding: 0px;
margin-bottom: 5px;
}
.kanren dt {
width: 100%;
}
.kanren dt img {
width: 100%;
}
.kanren dd {
background: #fff;
padding: 16px 8px 0;
}
.kanren dl {
float: left;
width: calc(25% - 19px);
height: 304px;
margin-right: 24px;
margin-bottom: 24px;
background: #fff;
position: relative;
}
.kanren:after {
content: "";
clear: both;
display: block;
}
.kanren dl:nth-child(4n+7) {
margin-right: 0;
}
@media only screen and (max-width:600px) {
.kanren dl:nth-child(9) {
margin-right: 0;
}
}
.kanren dl:nth-child(-n+3) {
max-width: 321px;
margin-right: 28px;
width: calc(35% - 28px);
height: 332px;
padding-bottom: 24px;
margin-bottom: 24px;
} @media only screen and (max-width:600px) {
.allReview dl:nth-child(2n+3) {
margin-right: 0;
}
}
.allReview dl:nth-child(4n+7) {
margin-right: 0;
}
@media only screen and (max-width:960px) {
.kanren dl:nth-child(-n+3) {
margin-right: 28px;
width: calc(33% - 28px);
padding-bottom: 24px;
}
}
@media only screen and (max-width:600px) {  .mainContent .sideAd ins {
margin: 0 auto;
}
.kanren dl:first-child {
width: 100%;
max-width: 100%;
height: auto!important;
}	
.kanren dl:first-child dd{
padding: 8px 8px 0;
}
.kanren dl {
width: 100%; margin: 0;
padding: 24px 8px;
height: auto;
border-right: none;
box-sizing: border-box;
}
.kanren dl:nth-child(-n+3) {
width: 100% ;
margin: 0;
margin-right: 16px;
max-width: none;
height: auto;
border-right: none;
}
.kanren dl:nth-child(n+2) dt {
max-width: 120px;
float: left;
margin-right: 16px;
}
.kanren dd, .kanren dl:nth-child(2) dd {   
padding: 0;
}
.kanren dl:first-child a {
line-height: 22px;
}
.kanren dl h3 a, .kanren dl:nth-child(2) h3 a {
font-size: 13px;
line-height: 20px;
} .topCateLink {
width: 100%;
}
.topTime {
padding-left: 4px;
}
}
@media only screen and (max-width:400px) { .single-kanren > dl:nth-child(2n) {
margin-right:0!important;
}
}
.kanren dl:nth-child(3) {
margin-right: 0;
}
@media only screen and (max-width:500px) {	 
.single-kanren > dl:nth-child(2n) {
margin: 0!important;
}
}
.kanren dl p {
margin-bottom: 0px;
}
.kanren dl:last-child {
margin-right: 0;
} .kanren .clearfix dd p {
font-size: 13px;
color: #666;
line-height: 18px;
}
.kanren .clearfix dd h5 a {
color: #333;
text-decoration: none;
}
.kanren .clearfix dd h5 a:hover {
color: #b22222;
} #side aside ul li {
list-style-type: none;
margin: 0px;
padding: 0px;
}
#side aside ul li ul li{
list-style-type: none;
margin: 0px;
padding-left: 30px;
background-image: url(//www.frc-watashi.info/wp-content/themes/stinger7-s/images/arrow_gray.png);
background-repeat: no-repeat;
background-position: left middle;
}
#side aside h4 {
font-size: 14px;
font-weight: bold;
line-height: 25px;
margin: 0px;
padding-top: 10px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 0px;
}
#side aside #mybox ul li ul li {
font-size: 14px;
line-height: 27px;
}
#side aside #mybox ul {
margin-bottom: 10px;
} .rssbox a {
display: block;
width: 100%;
box-sizing: border-box;
background-color: #1a1a1a;
padding: 5px 10px;
margin-bottom: 10px;
font-size: 14px;
color: #fff;
box-sizing: border-box;
text-decoration: none;
}
.rssbox a:hover {
-moz-opacity: 0.8;
opacity: 0.8;
}
#scrollad {
padding: 10px 0;
} #sidebg {
background:#f3f3f3;
margin-bottom:10px;
box-sizing:border-box;
}
#side aside h4.menu_underh2 {
font-size: 34px;
font-family: Impact, Raleway,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
margin: 40px 0 16px;
}
#side aside h4.menu_underh2:first-letter {
color: red;
} #side aside .st-pagelists ul {
padding:0px;
}
#side aside .st-pagelists .children {
padding:5px 0px;
}
#side aside .st-pagelists .children li .children {
padding:0px 10px 0px 0px;
} #side aside .st-pagelists ul li {
padding: 0px;
background-image:none;
}
#side aside .st-pagelists ul li ul li {
padding: 0px 10px;
background-image:none;
}
#side aside .st-pagelists ul li li li li {
padding: 0px 10px;
background-image:none;
border-bottom:none;
} #side aside .st-pagelists ul li a {
text-decoration:none;
padding:5px 10px;
margin-bottom:1px;
color:#fff;
width:100%;
display:block;
box-sizing:border-box; background: #91bae4; background: -webkit-linear-gradient(
#1584C4 0%,
#0277BD 100%
); background: linear-gradient(
#1584C4 0%,
#0277BD 100%
);
}
#side aside .st-pagelists ul li a:hover {
-moz-opacity: 0.8;
opacity: 0.8;
}
#side aside .st-pagelists .children a {
text-decoration:none;
padding:0px 10px;
background:transparent;
background-repeat: no-repeat;
background-position: left center;
color:#000;
margin-bottom:5px;
border-bottom:1px dotted #ccc;
}
#side aside .st-pagelists .children a:hover {
color:#ff0000;
}
#side aside .st-pagelists .children li .children a {
text-decoration:none;
padding:0px 0px 0px 10px;
background:transparent;
background-repeat: no-repeat;
background-position: left center;
color:#000;
border:none;
margin-bottom:0px;
}
#side aside .st-pagelists .children li .children a:hover {
color:#ff0000;
}
#side aside .st-pagelists .children li .children .children li a {
text-decoration:underline;
padding:0px 10px 0px 20px;
background:transparent;
background-repeat: no-repeat;
background-position: left center;
color:#000;
border:none;
margin-bottom:0px;
}  .post table {
border-top: 1px #999 solid;
border-right: 1px #999 solid;
margin-bottom: 20px;
width: 100%;
}
table tr td {
padding: 5px;
border-bottom-width: 1px;
border-left-width: 1px;
border-bottom-style: solid;
border-left-style: solid;
border-bottom-color: #999;
border-left-color: #999;
font-size: 13px;
line-height: 18px;
}
table th {
padding: 5px;
border-bottom-width: 1px;
border-left-width: 1px;
border-bottom-style: solid;
border-left-style: solid;
border-bottom-color: #999;
border-left-color: #999;
font-size: 13px;
line-height: 18px;
}
.post table tr td {
font-size: 13px;
line-height: 18px;
}
.post table tr:nth-child(even) {
background-color: rgba(220,220,220,0.2);
}
#main .post table {
border-top-width: 1px;
border-right-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-top-color: #999;
border-right-color: #999;
color: #333;
} .post .notab table {
border:none;
width: initial; max-width: initial; }
.notab table tr td {
border:none;
text-align: left;
vertical-align: top;
}
.notab table th {
border:none;
}
.post .notab table tr:nth-child(even) {
background-color: transparent;
} .scroll-box {
overflow-x: auto;
margin-bottom:10px;
}
.scroll-box::-webkit-scrollbar {
height: 5px;
}
.scroll-box::-webkit-scrollbar-track {
border-radius: 5px;
background: #f3f3f3;
}
.scroll-box::-webkit-scrollbar-thumb {
border-radius: 5px;
background: #ccc;
} img.alignright {
display: block;
margin: 0 0 0 auto;
}
img.alignleft {
display: block;
margin: 0 auto 0 0;
}
img.aligncenter {
display: block;
margin: 0 auto;
}
img.float-left {
float: left;
}
img.float-right {
float: right;
}
.wp-caption {
text-align: center;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
}
.ie8 img {
width: auto;
} .post ul {
list-style-type: disc;
padding-top: 10px;
padding-right: 20px;
padding-bottom: 10px;
padding-left: 30px;
margin-bottom: 20px;
}
.post ul li {
font-size: 17px;
line-height: 27px;
}
.post ol {
list-style-type: decimal;
padding-top: 10px;
padding-right: 10px;
padding-bottom: 20px;
padding-left: 30px;
margin-bottom: 20px;
}
.post ol li {
font-size: 17px;
line-height: 27px;
} input,textarea{
box-sizing:border-box;
max-width:100%;
padding:5px;
} .responbox, .responbox30, .responbox50, .responbox60, .responbox70 {
margin-bottom:10px;
}
.responbox .lbox {
margin-bottom:10px;
} .post .amazonjs_item h4, .post .amazonjs_item h4 a {
color:#1a1a1a;
font-size:15px;
background-color:transparent;
}
.post .amazonjs_item ul li {
font-size:12px!important;
} .menu-navigation-container {
overflow: hidden;
}
nav li a:hover {
text-decoration: underline;
}
#s-navi ul.sub-menu {
display:none;
}
#s-navi dl.acordion p {
margin: 0;
}
#s-navi dl.acordion {
margin: 0px;
box-sizing:border-box;
width:100%;
}
#s-navi dt.trigger {
text-align: right;
padding: 10px 0px;
cursor: pointer;
}
#s-navi dt.trigger .op {
font-size: 25px;
color: #333;
padding: 0px 10px;
}
#s-navi dd.acordion_tree {
padding: 10px 0px 30px;
display: none;
overflow: hidden;
top:0px;
width:100%;
box-sizing:border-box;
text-align:left;
}
.acordion_tree ul.menu li {
float: none;
font-size: 15px;
padding: 10px 10px 10px 15px;
list-style:none;
border-bottom:dotted 1px #000;
}
.acordion_tree ul.menu li .fa {
min-width: 1em;
}
.acordion_tree ul.menu li:last-child {
border:none;
padding-bottom:0px;
}
.acordion_tree ul.menu li a {
text-decoration: none;
color:#000;
} #side aside #search {
padding-bottom: 0px;
position: relative;
width: 100%;
}
#searchform {
border:#ccc 1px solid;
}
#s {
height: 34px;
color: #333;
font-size: 14px;
border-radius: 0;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
z-index: 10;
padding: 10px 65px 10px 10px;
width: 100%;
box-sizing: border-box;
}
#searchsubmit {
border-radius: 0;
position: absolute;
right: 0px;
top: 0px;
width: 50px;
height: 34px;
z-index: 20;
}
*:first-child + html #searchsubmit {
top: 1px;
} .footermenust {
text-align: center;
padding:20px;
margin-bottom:5px;
}
.footermenust li {
display: inline;
font-size: 14px;
padding:0 10px;
}
footer .footermenust li {
border-right:1px solid #ccc;
font-size:12px;
line-height:12px;
}
footer .footermenust li:last-child {
border-right:none;
}
#footer .footermenust a {
padding:0px;
margin:0px;
font-size:12px;
color:#757575;
}  .st-pagelink {
padding:20px 0px;
}
@media only screen and (max-width: 600px){
.st-pagelink {
padding:20px 16px;
}
}
.st-pagelink a {
text-decoration:none;
font-size:13px;
}
.st-pagelink .page-numbers {
width: 40px;
height: 40px;
text-align: center;
line-height: 40px;
}
.st-pagelink a, .st-pagelink span {
margin-top: 24px;
display: inline-block;
}
.pagination {
clear: both;
position: relative;
font-size: 14px;
line-height: 13px;
margin-bottom: 20px;
padding-top: 20px;
padding-right: 0;
padding-bottom: 20px;
padding-left: 0;
}
.pagination span, .pagination a {
display: block;
float: left;
margin: 2px 2px 2px 0;
padding: 6px 9px 5px 9px;
text-decoration: none;
width: auto;
color: #fff;
background-color: #999;
}
.pagination a:hover {
color: #fff;
background-color: #666666;
}
.pagination .current {
padding: 6px 9px 5px 9px;
color: #fff;
background-color: #CCCCCC;
} #breadcrumb {
font-size: 13px;
color: #ccc;
padding: 0 0 5px;
margin: 0 0 0px;
clear: both;
}
#breadcrumb a {
color: #666;
text-decoration: none;
color: #ccc
}
#breadcrumb div {
display: inline;
font-size: 13px;
}
#breadcrumb div a {
color: #666;
text-decoration: none;
}
@media only screen and (max-width: 960px){
#breadcrumb {
padding: 0 0 0 8px;
}
} .sns {
margin: 64px 0;
}
.sns p {
margin-bottom: 16px;
text-align: center;
font-size: 128%;
font-weight: bold;
}
.snstext{
font-size:13px;
vertical-align:middle;
}
.post .sns ul {
list-style:none;
padding: 16px 0;
margin:0;
text-align: center;
background: #eee;
}
.share_txt {
display: none;
}
.sns .fa {
display: block!important;
width: auto;
height: auto;
line-height: 56px!important;
}
.sns li a {
display:block;
color:#fff;
border-radius:3px;
text-align:center;
text-decoration: none;
width: 56px;
height: 56px;
font-size: 150%;
box-sizing: border-box;
transition: all .3s;
transition-timing-function: cubic-bezier(.51, .1, .36, 1.68);
}
.sns li a:hover {
opacity: 1;
box-shadow: 0 14px 20px -4px rgba(0, 0, 0, .25);
transform: scale(1.05) translateY(-2px);
} .sns .twitter a {
background:#55acee;
}
.sns .twitter a:hover {
background:#4892cb;
}
.sns .twitter .snstext {
border-left:1px solid #9ACFF4;
padding-left:10px;
margin-left:10px;
} .sns .facebook a {
background:#3b5998;
}
.sns .facebook a:hover {
background:#324c81;
}
.sns .facebook .snstext {
border-left:1px solid #607BB2;
padding-left:10px;
margin-left:5px;
} .sns .googleplus a {
background:#dc4e41;
}
.sns .googleplus a:hover {
background:#bb4237;
}
.sns .googleplus .snstext {
border-left:1px solid #E0776D;
padding-left:10px;
margin-left:5px;
} .sns .hatebu a {
background:#00a5de;
}
.fa-hatena:before {
content: "B!";
font-family: Verdana;
font-weight: bold;
}
.sns .hatebu a:hover {
background:#008cbd;
}
.sns .hatebu .snstext {
border-left:1px solid #48B6DB;
padding-left:10px;
margin-left:3px;
} .sns .line a {
background:#25af00;
}
.sns .line a:hover {
background:#219900;
}
.line .fa-comment {
position: relative;
top: -12px;
}
.fa-comment:before {
content: "\f075";
}
.line .share_txt {
display: block;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
font-size: 10px;
}
.dfont {
font-family: "Quicksand","Avenir","Arial", YuGothic,"Yu Gothic","Hiragino Sans","ヒラギノ角ゴシック","メイリオ", Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}
@media only screen and (min-width: 481px){
.line .share_txt {
bottom: 4px;
}
} .sns .pocket a {
background:#f03e51;
}
.sns .pocket .snstext {
border-left:1px solid #F27985;
padding-left:10px;
margin-left:5px;
}
.sns .pocket a:hover {
background:#c0392b;
} #wp-calendar {
border-collapse: collapse;
border-top-width: 1px;
border-right-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-top-color: #999;
border-right-color: #999;
width: 100%;
}
#wp-calendar thead tr th {
border-bottom-width: 1px;
border-left-width: 1px;
border-bottom-style: solid;
border-left-style: solid;
border-bottom-color: #999;
border-left-color: #999;
font-size: 14px;
padding: 3px;
text-align: center;
background-color: #f3f3f3;
}
#wp-calendar td {
text-align: center;
padding: 0px;
background-color: #fff;
}
#wp-calendar caption {
font-weight: bold;
text-align: left;
padding-top: 10px;
padding-bottom: 5px;
font-size: 14px;
}
#wp-calendar tbody tr #today {
background-color: #b0e0e6;
} #page-top {
position: fixed;
z-index: 9999;
bottom: 20px;
right: 0px;
font-size: 20px;
}
#page-top a {
background: #665e53;
text-decoration: none;
color: #fff;
padding: 10px;
text-align: center;
display: block;
-moz-opacity: 0.6;
opacity: 0.6;
}
#page-top a:hover {
text-decoration: none;
background: #999;
color: #fff;
} #comments p a {
color: #333;
}
.post #comments h3 {
background-color: transparent!important;
}
#comments p {
font-size: 14px;
font-weight: normal;
line-height: 20px;
margin: 0px;
color: #333;
padding: 5px 0;
}
#comments label {
display: block;
}
.metadata dd a {
color: #333;
}
.metadata {
font-size: 13px;
line-height: 20px;
}
#comments {
font-size: 14px;
line-height: 20px;
color: #333;
padding-top: 10px;
padding-right: 20px;
padding-bottom: 10px;
padding-left: 20px;
margin-bottom: 20px;
}
.comment-body {
padding: 10px;
margin-bottom: 20px;
}
.fn {
font-style: normal;
}
.says {
font-size: 13px;
line-height: 18px;
}
.commentmetadata {
font-size: 12px;
line-height: 15px;
height: 15px;
width: 100%;
clear: both;
padding-top: 10px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 0px;
}
.reply {
padding: 5px;
font-size: 13px;
}
#comments #respond {
font-size: 16px;
font-weight: bold;
margin-bottom: 10px;
padding-top: 5px;
padding-right: 10px;
padding-bottom: 5px;
padding-left: 10px;
color: #666;
}
#comments #commentform .tags {
padding: 10px;
background-color: #f3f3f3;
font-size: 13px;
}
#comments #commentlist img {
padding: 10px;
}
#comments .commets-list {
padding-left: 0px;
list-style-type: none;
}
ul.children {
padding: 0px;
}
.commets-list li {
list-style-type: none;
}
.comment-author.vcard .avatar {
float: left;
margin-right: 10px;
}
.vcard .fn {
line-height: 18px;
} .form-allowed-tags {
display: none;
}
#comments h3 {
background-image: none;
border: none;
margin-bottom: 0px;
padding: 0;
}
#comments h4 {
background-color: transparent;
font-size: 16px;
padding: 0;
border: none;
margin-bottom: 0px;
}
#comments textarea {
margin-bottom: 10px;
width: 100%;
border: 1px #f2f2f2 solid;
}
#comments input {
box-sizing: border-box;
padding: 10px;
width: 100%;
border-radius: 2px;
border: 1px #f2f2f2 solid;
} #comments input[type="submit"] {
background-color: #f3f3f3;
padding: 10px;
-webkit-appearance: none;
border-radius: 3px;
border: 1px #f2f2f2 solid;
} .p-navi dl dt {
font-weight: bold;
font-size: 14px;
line-height: 27px;
float: left;
width: 50px;
color: #666;
}
.p-navi dl dd {
font-size: 15px;
padding-left: 55px;
line-height: 27px;
} #topnews-box div {
padding: 0 10px 10px;
}
#topnews-box {
padding: 0 0 10px;
}
.news-ca {
font-size:13px;
}
.rss-bar {
font-size: 14px;
border:1px solid #ccc;
margin-bottom:20px;
background:#fff;
padding: 5px 15px!important;
margin-top:-10px;
}
.rss-bar a {
color:#333;
text-decoration:none;
}
#topnews-box dt {
font-size: 14px;
color: #727272;
padding-bottom: 5px;
}
#topnews-box dd {
margin-bottom: 5px;
padding-bottom: 5px;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #ccc;
font-size: 14px;
margin-bottom: 10px;
}
#topnews-box div dl dd a {
color: #333;
text-decoration: none;
}
#topnews-box div dl dd a:hover {
color: #b22222;
} #header-slides[dir="rtl"] {
direction: rtl;
}
.header-slides-slide {
display: none;
}
.header-slides-slide:first-child {
display: block;
}
.slick-slider {
margin-bottom: 0;
} #wrapper {
width: 100%;
padding: 0;
margin: 0 auto;
}
body.fixed-footer #wrapper {
height:100%;
min-height: 100%;
}
header {
text-align: center;
height: 97px;
padding: 8px 0;
margin-bottom: 69px;
}
@media only screen and (max-width: 781px){
header {
padding: 8px 8px;
position: fixed;
width: 100%;
top: 0;
margin-bottom: 0;
box-sizing: border-box;
height: 60px;
z-index: 1;
}
}
nav, #gazou-wide {
display: block;
width: 1024px;
margin: 0 auto;
z-index: 1;
position: relative;
}
@media only screen and (max-width: 781px) {
nav, #gazou-wide {
width: auto;
background: #000;
}
}
@media only screen and (max-width: 781px) {
nav, #gazou-wide {
height: auto;
}
#gazou-wide {
display: none;
height: 100%;
position: fixed;
width: 200px;
right: 0;
top: 0;
}
nav {
height: 100%;
top: 0;
}
}
header ul.menu {
height: 100%;
display: block;
}
header ul.menu li {
height: 100%; -webkit-box-align: center;
-moz-box-align: center;
-o-box-align: center;
-ms-box-align: center;
box-align: center;
}
@media only screen and (max-width: 781px) {
header ul.menu > li {
height: auto;
border-bottom: 1px solid #eee;
list-style: none;
}
}
header ul.menu li a {
font-size: 13px;
color: #000;
font-weight: bold;
}
header ul.menu li:last-child a {
color: #fff;
}
header ul.menu > li a {
padding: 10px;
}
@media only screen and (max-width: 781px) {
header ul.menu li a {
text-decoration: none;
width: 100%;
display: block;
color: #fff;
}
header ul.menu li a:after {
content: ">";
float: right;
display: block;
width: 10px;
height: 20px;
margin-top: 0;
color: red;
font-weight: bold;
}
}
#navClose {
display: none;
}
.menu-item-has-children > a:after {
content: "▼"!important;
display: inline;
width: auto;
height: auto;
color: #fff!important;
z-index: 1;
margin: 0;
float: right;
}
@media only screen and (max-width: 781px) {
#navClose {
display: block;
font-weight: bold;
border-bottom: 1px solid #eee;
background: #000;
padding-left: 10px;
text-align: left;
height: 34px;
}
#navClose a {
text-decoration: none;
color: red;
font-weight: bold;
font-size: 23px;
}
.menu-item-has-children > a:after {
float: none;
margin: 7px 17px 0 0;
}
}
#headbox {
padding: 0;
margin: 0;
height: 100%;
}
@media only screen and (max-width: 781px) {
#headbox {
position: relative;
}
}
#openBtn {
width: 41px;
height: 27px;
position: absolute;
right: 0;
top: 0;
bottom: 0;
margin: auto;
display: none;
}
#openBtn span {
background: red;
border-radius: 5px;
display: block;
margin-bottom: 7px;
height: 5px;
}
@media only screen and (max-width: 781px) {
#openBtn {
display: block;
}
}
.sub-menu {
display:none;
width: 100%;
border-top: 1px solid #fff;
}
.sub-menu li {
list-style: none;
border-bottom: 1px solid #fff;
background: #535353;
}
.sub-menu li:last-child {
border-bottom: none;
}
.menu-item-has-children:hover .sub-menu {
display:block;
}
footer {
clear: both;
padding: 20px 0;
text-align: center;
}
#header-l {
padding-top:0px;
width: 70px;
height: 100%;
margin-right: 36px;
}
@media only screen and (max-width: 781px) {
#header-l {
float: left;
}
}
#head_sns {
float: right;
height: 100%;
}
@media only screen and (max-width: 781px) {
#head_sns {
display: none;
}
}
#head_sns > div {
float: left;
height: 100%;
}
#head_sns div:first-child {
margin-right: 16px;
}
#head_sns > div a {
vertical-align: middle;
display: block;
height: 100%;
display: -webkit-box;
display: -moz-box;
display: -o-box;
display: -ms-box;
display: box;
-webkit-box-align: center;
-moz-box-align: center;
-o-box-align: center;
-ms-box-align: center;
box-align: center;
color: #000;
}
#head_sns > div a:hover {
opacity: 0.8;
}
.topH2 {
background: none;
padding: 0;
margin-bottom: 24px;
color: #000;
}
@media only screen and (max-width: 600px){
.topH2 {
margin-bottom: 8px;
}
}
.topH2 p, .topH2 p span, .moreLink p, .moreRed, .moreRed_SP {
font-size: 45px;
font-family: Impact, Raleway,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
letter-spacing: -.04em;
font-weight: 700;
}
.topH2 p {
display: inline;
}
.topH2:before, .topH2:after {
display: none;
}
.h2Red {
color: red;
}
.h2Border {
border: 5px solid #000;
display: block;
width: 80%;
float: right;
margin-top: 8px;
}
@media only screen and (max-width:900px) {
.h2Border {
display: none;
}
.topH2 p {
display: inline-block;
text-align: center;
width: 100%;
}
} 
main {
}	
#content {
width: 1024px;
margin: 0 auto;
}
.topContent {
width: 100%!important;
}
@media only screen and (max-width: 960px) {
#content {
width: 100%;
margin: auto;
}
}
.ad {
padding-bottom: 10px;
margin:0px;
}
.postAd {
margin-bottom: 40px;
}
.post {
overflow: hidden;
} .colum1 #side {
} .lp header, .lp #gazou, .lp #itiran, .lp .kanren, .lp #breadcrumb, .lp nav, .lp .blogbox, .lp .tagst, .lp .point, .lp .p-navi, .lp .pagination {
display: none;
}
.lp .entry-title {
font-size: 13px;
color: #ccc;
line-height:18px;
}
.lp post img, .lp post video, .lp post object {
width: 100% !important;
height: auto;
border: none;
vertical-align: bottom;
display: block;
} @media all and (-ms-high-contrast:none)
{
.rss-bar {
padding-top: 5px!important;
}
#s {
color:#ccc;
padding-top:7px!important;
}
} @media only screen and (min-width: 414px) {
#wrapper {
}
header {
text-align: left;
}
#headbox {
padding: 0;
margin: 0;
}
.sitename img {
max-width: 300px;
margin: 0;
}
main {
}
.ad {
padding-bottom: 10px;
margin:0px;
} .responbox .lbox img {
width:100%!important;
box-sizing:border-box;
} .responbox30 .lbox {
float:left;
padding-right:15px;
width:30%;
box-sizing:border-box;
}
.responbox30 .rbox {
float:left;
box-sizing:border-box;
width:70%;
} .responbox .lbox {
float:left;
padding-right:15px;
width:40%;
box-sizing:border-box;
}
.responbox .rbox {
float:left;
box-sizing:border-box;
width:60%;
} .responbox50 .lbox {
float:left;
padding-right:7px;
width:50%;
box-sizing:border-box;
}
.responbox50 .rbox {
float:left;
padding-left:7px;
box-sizing:border-box;
width:50%;
} .responbox60 .lbox {
float:left;
padding-right:15px;
width:60%;
box-sizing:border-box;
}
.responbox60 .rbox {
float:left;
box-sizing:border-box;
width:40%;
} .responbox70 .lbox {
float:left;
padding-right:15px;
width:70%;
box-sizing:border-box;
}
.responbox70 .rbox {
float:left;
box-sizing:border-box;
width:30%;
} #topnews-box div {
padding: 0 10px 10px;
}
.rss-bar {
font-size: 14px; background: #91bae4; background: -webkit-linear-gradient(
#fff 0%,
#f3f3f3 100%
); background: linear-gradient(
#fff 0%,
#f3f3f3 100%
);
}
#topnews-box dt {
font-size: 14px;
margin-bottom: 5px;
padding-bottom: 5px;
float: left;
width: 80px;
clear: both;
}
#topnews-box dd {
padding-left: 90px;
margin-bottom: 5px;
padding-bottom: 5px;
font-size: 14px;
margin-bottom: 10px;
}
#topnews-box div dl dd a {
text-decoration: none;
} #topnews dt {
float: left;
width: 150px;
}
#topnews dt img {
width: 100%;
}
#topnews dd {
padding-left: 170px;
}
#topnews .clearfix dd h5 {
font-size: 24px;
font-weight: bold;
padding: 0px;
margin-bottom: 5px;
}
#topnews .clearfix dd p {
font-size: 13px;
color: #666;
line-height: 24px;
margin: 0px;
padding: 0px;
}
#topnews .clearfix dd h5 a {
color: #333;
text-decoration: none;
} .colum1 #side {
display: none;
}
.colum1 .st-pagelink { } } @media only screen and (min-width: 781px) { #topnews-box {
padding: 10px 0;
} nav.smanone {
}
header ul.menu > li{
list-style-type:none;
float:left;
text-align:center;
width: calc(16% - -5px);
border-right: #fff 1px solid;
height: 40px;
background: #000;
display: block;
}
header ul.menu>li:last-child {
border:none; }
header ul.menu li a{
display:block;
text-decoration:none;
color: #fff;
}
header ul.menu li li a {
background:#000;
border-top:#ccc dotted 1px;
z-index:2;
}
header ul.menu li a:hover{
color:#ff0000;
}
header ul.sub-menu li ul.sub-menu{
position:absolute;
left:160px;
top:0;
}
.sub-menu {
border-top: none;	
}
.menu-item:hover .sub-menu {
display: block;
width: 100%;
}
.sub-menu li {
display: block!important;
} header ul.menu{
zoom:1;
}
*+html header ul.menu li{
display:inline;
zoom:1;
}
*+html header ul.sub-menu{
zoom:1;
position:relative;
}
.smanone {
display: block;
}
.pcnone {
display: none;
}
#header-l {
padding-top: 0;
}
#headbox {
margin:0;
}
nav {
display: block;
} .ie7 aside ul li, .ie8 aside ul li, .ie9 aside ul li {
display: list-item;
padding: 0;
} p {
line-height: 29px;
margin-bottom: 32px;
font-weight: 500;
}
dd p {
margin-bottom: 5px;
} .entry-title {
font-size: 24px;
line-height: 35px;
color: #333;
}
.entry-title a:hover {
text-decoration: underline;
} h2 {    
font-size: 33px;
line-height: 48px;
}
h2:after {
bottom: -10px;
left: 50px;
}
h2:before {
bottom: -10px;
left: 50px;
} .post h3 {
font-size: 21px;
line-height: 25px;
} .post ul li {
font-size: 14px;
line-height: 27px;
}
.post ol li {
font-size: 14px;
line-height: 27px;
} .oomozi {
font-size: 18pt;line-height: 35px;
}
.yellowbox {
font-size: 14px;
line-height: 27px;
margin-bottom: 20px;
}
.redbox {
font-size: 14px;
line-height: 27px;
margin-bottom: 20px;
}
.graybox {
font-size: 14px;
line-height: 27px;
margin-bottom: 20px;
}
.h2fuu {
font-size: 20px;
line-height: 30px;
}
.h2fuu:after {
bottom: -10px;
left: 50px;
}
.h2fuu:before {
bottom: -10px;
left: 50px;
} #header-l {
float:left;
max-width:380px;
}
#header-r {
float:right;
padding-bottom:10px;
max-width:400px;
}
#header-r p {
margin:0px;
} #header-r .footermenust {
padding:0px;
margin:0px 0 5px;
text-align:right;
}
#header-r .footermenust li {
border-right:1px solid #ccc;
font-size:12px;
line-height:12px;
margin:0;
}
#header-r .footermenust li:last-child {
border-right:none;
}
#header-r .footermenust a {
padding:0px;
margin:0px;
font-size:12px;
color:#757575;
} .head-telno {
font-family: 'Montserrat', sans-serif;
font-size:25px;
padding: 5px 10px;
text-align:center;
}
.head-telno a{
font-family: 'Montserrat', sans-serif;
color:#000;
}
header .textwidget{
background:#f3f3f3;
padding:5px;
border-radius:3px;
} .pagination {
clear: both;
position: relative;
font-size: 11px;
line-height: 13px;
margin-bottom: 20px;
padding-top: 20px;
padding-right: 0;
padding-bottom: 20px;
padding-left: 0;
}
.pagination span, .pagination a {
display: block;
float: left;
margin: 2px 2px 2px 0;
padding: 6px 9px 5px 9px;
text-decoration: none;
width: auto;
color: #fff;
background-color: #999;
}
.pagination a:hover {
color: #fff;
background-color: #666666;
}
.pagination .current {
padding: 6px 9px 5px 9px;
color: #fff;
background-color: #CCCCCC;
} #side aside .st-pagelists li {
font-size:13px;
line-height:24px;
} #contentInner {
float: left;
width: 100%;
margin-right: -300px;
}
main { border-radius: 4px;
}
#side aside {
float: right;
width: 320px;
padding: 0px;
}  }
.blogH2 {
top: -9px;
}
.paBlogKome {
font-size: 11px;
margin-left: 8px;
font-weight: normal;
font-family: YuGothic,"Yu Gothic",游ゴシック,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif;
}
.paBlog {
background: #f1f1f1;
}
.paBlogList {
float: left;
max-width: 144px;
margin: -9px 40px 0 0;
position: relative;
}
.paBlogList:nth-child(4) {
margin: -9px 0 56px 0!important;
}
.paBlogList:nth-child(n+5) {
margin-right: 19px;
} .pablogBig {
width: 464px;
background: #fff;
margin-right: 24px;
max-width: 464px;
height: 160px;
border-bottom: 1px solid #ddd;
border-right: 1px solid #ddd;
}
.pablogBig dt, .pablogBig dt dd {
float: left;
}
.paBlogList dt {
width: 172px;
height: 132px;
overflow: hidden;
}
.pablogBig dt {
width: 220px!important;
margin: 16px 12px 0 -16px;
height: auto!important; }
.blog-cate {
text-decoration: none;
border: none;
padding: 0;
}
.pablogBig img {
width: 100%;
}
.pablogBig dd {
padding-right: 16px;
}
.pablogBig dd p {
font-size: 10px;
line-height: 14px;
}
.paBlogList h3 a {
font-size: 12px;
line-height: 20px;
display: inline-block;
}
.paBlogList h3 {
margin-top: 4px;
}
.pablogBig h3 a {
line-height: 15px!important;
display: inline!important;
}
.pablogEx {
font-size: 8px;
line-height: 15px;
font-weight: bold;
color: gray;
}
.paBlogMore {
width: 1024px;
margin: 0 auto 24px;
}
.paBlogMore:after {
content: "";
display: block;
clear: both;
}
#pickUp {
background: none;
margin-bottom: 56px;
}
#pickUp .topH2 {
-moz-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
-moz-transform-origin: 0 100%;
-webkit-transform-origin: 0 100%;
transform-origin: 0 100%;
height: auto;
margin: 7px 0 0;
top: 0;
width: 200px;
}
#pickUp .topH2 p, #pickUp .topH2 p span {
font-size: 70px;
}
#pickUp .topH2 p {
display: block;
}
#pickUp .paBlogDl {
margin: -20px 0 0 63px;
}
#pickUp .paBlogDl .paBlogList {
height: 272px;
max-width: 227px;
margin: -9px 16px 0 0;
background: #fff;
padding-bottom: 16px;
padding: 8px 8px 8px;
box-sizing: border-box;
position: relative;
}
#pickUp .paBlogDl .paBlogList dt {
width: 100%;
height: auto;
}
@media only screen and (max-width: 700px) {
.mainContent {
margin-bottom: 0;
}
.reviewTop {
overflow-x: scroll;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
}
.paBlogDl {
width: 924px;
}
.pablogBig dt {
width: 100%!important;
margin: 0 0 8px 0px!important;
}
.paBlog {
padding: 0 16px 10px;
margin-bottom: 24px;
}
.pablogBig dt, .pablogBig dt dd {
float: none;
}
.paBlogList {
margin: 0 16px 24px 0!important;
background: #fff;
padding: 8px 8px 8px;
box-sizing: border-box;
width: 216px;
height: 272px!important;
max-width: 100%;
position: relative;
}
.paBlogList:nth-child(3) {
margin-right: 0;
}
.paBlogList:nth-child(4){
margin: 0 0 56px 0!important;
}
.paBlogList dt {
width: 100%;
margin-bottom: 8px;
height: auto;
}
.paBlogList dt img {
width: 100%;
}
.paBlogList .topCateLink {
margin-bottom: 8px;
}
.pablogBig .topCateLink {
margin-bottom: 0;
display: inline;
}
.paBlogMore {
width: 100%;
margin-bottom: 56px;
display: inline-block;
}
#pickUp {
background: #f1f1f1;
margin-bottom: 56px;
}
#pickUp .topH2 {
-moz-transform: none;
-webkit-transform: none;
transform: none;
height: auto;
margin-top: 7px;
width: auto;
}
#pickUp .topH2 p, #pickUp .topH2 p span {
font-size: 50px;
}
#pickUp .paBlogDl {
margin: 0;
}
}
#brand {
background: #000;
}
#brand .mainContent {
padding-bottom: 60px;
}
#brand .topH2 {
-moz-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
-moz-transform-origin: 0 100%;
-webkit-transform-origin: 0 100%;
transform-origin: 0 100%;
height: auto;
margin-top: 7px;
}
#blandList {
margin: -20px 0 0 103px;
}
#brand .topH2 p, #brand .topH2 p span {
font-size: 100px;
}
#brand .topH2 p {
color: #fff;
}
.blandLink {
width: 285px;
height: 226px;
max-width: 285px;
max-height: 226px;
float: left;
}
.blandLink a {
color: #fff;
text-decoration: none;
width: 100%;
height: 100%;
display: block;
position: relative;
}
.brandLink a h3 {
font-family: Impact, Raleway,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}
.blandLink a h3 span {
font-family: Impact, Raleway,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
font-size: 50px;
display: block;
text-align: center;
}
.blandJpn {
font-size: 16px!important;
}
.blandLink a:hover {
opacity: 0.8;
}
.blandLink a h3 {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
height: 40%;
}
#brandSh {
background: url(//www.frc-watashi.info/wp-content/uploads/2016/10/sh.jpg);
background-size: cover;
}
#brandFig {
background: url(//www.frc-watashi.info/wp-content/uploads/2016/10/fig.jpg);
background-size: cover;
}
#brandUltra {
background: url(//www.frc-watashi.info/wp-content/uploads/2016/10/ultra.jpg);
background-size: cover;
}
#brandMa {
background: url(//www.frc-watashi.info/wp-content/uploads/2016/10/mafex.jpg);
background-size: cover;
}
#brandCho {
background: url(//www.frc-watashi.info/wp-content/uploads/2016/10/cho.jpg);
background-size: cover;
}
#brandRevo {
background: url(//www.frc-watashi.info/wp-content/uploads/2016/10/revo.jpg);
background-size: cover;
}
#brandMarvel {
background: url(//www.frc-watashi.info/wp-content/uploads/2016/10/marvel.jpg);
background-size: cover;
}
#brandShm {
background: url(//www.frc-watashi.info/wp-content/uploads/2016/10/shm.jpg);
background-size: cover;
}
#brandAno {
background: #3d3d3d;
}
#brandAno div {
height: 25%;
background-size: cover;
}
#brandAno div a h3 span {
font-size: 22px!important;
font-weight: 100;
text-align: left;
}
#brandAno div .blandJpn {
font-size: 9px!important;
}
#brandAno div a h3 {
display: inline-block;
right: auto;
left: 8px;
height: 70%;
}
#brandAno a:after {
content: ">>";
color: #fff;
display: block;
height: 33px;
font-size: 27px;
float: right;
font-weight: bold;
font-family: Impact, Raleway,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
margin-right: 14px;
line-height: 58px;
}
@media only screen and (max-width: 700px) {
.blandLink {
width: 50%;
}
#brand .topH2 p, #brand .topH2 p span {
font-size: 70px;
}
.blandLink a h3 span {
font-size: 36px;
}
.blandJpn {
font-size: 12px!important;
font-weight: 100;
}
}
@media only screen and (max-width: 704px) {
#blandList {
margin: 33px 0 0 0;
}
#brand .topH2 {
-moz-transform: none;
-webkit-transform: none;
transform: none;
-moz-transform-origin: none;
-webkit-transform-origin: none;
transform-origin: none;
height: auto;
margin-top: 7px;
top: 25px;
}
#brand .topH2 p, #brand .topH2 p span {
font-size: 50px;
}
.blandLink {
width: 100%;
max-width: none;
}
.blandLink > a:after {
content: ">";
width: 72px;
font-size: 35px;
margin: 0 auto;
position: absolute;
bottom: -18px;
left: 0;
right: 0;
transform: rotate(90deg);
line-height: 30px;
font-family: メイリオ, Meiryo, sans-serif;
font-weight: bold;
}
} #topProfile img {
width: 239px;
height: auto;
}
#topProfile {
width: 960px;
margin: 0 auto 54px;
background: #fff;
border-bottom: 1px solid #ddd;
border-right: 1px solid #ddd;
padding: 8px 16px;
box-sizing: border-box;
}
#topProfile dt {
float: left;
margin-right: 21px;
}
#topProfile dd {
width: 71%;
float: right;
}
#topProfile:after {content: "";display: block;clear: both;}
#topProfile h2 {
background: none;
padding: 0;
margin: 0;
color: #000;
font-size: 16px;
font-weight: bold;
}
#topProfile h2:before, #topProfile h2:after {
display: none;
}
@media only screen and (max-width: 960px){
#topProfile {
width: 80%;
}
#topProfile dd:first-child {
float: none;
}
#topProfile dl dd {
float: left;
width: auto;
}
#topProfile dt {
margin:0 16px 16px 0;
width: auto;
}
#topProfile dl > dd:nth-child(3) p {
font-size: 13px;
line-height: 18px;   
}
} #work-pop {
width: 960px;
margin: 0 auto 32px;
} #pop {    
width: 100%;
}
#work-pop:after {content: "";display: block;clear: both;}
#work-pop h2 {
background: none;
font-size: 50px;
padding: 0;
margin: 0 0 24px 0;
color: #000;
font-weight: bold;
}
#work-pop h2:before, #work-pop h2:after {
display: none;
}
#workList {
background: #fff;
border-bottom: 1px solid #ddd;
border-right: 1px solid #ddd;
padding: 16px 0;
height: auto;
max-height: 592px;
margin-bottom: 32px;
box-sizing: border-box;
}
#workList ul {
list-style: none;
}
#workList ul:after {
display: block; clear: both;
}
#workList ul li {
border: 1px solid red;
display: inline-block;
margin-bottom: 8px;
padding: 4px;
}
#workList ul li:hover > a {
color: #fff;
}
#workList ul li:hover {
background: red;
}
#workList ul li a {
text-decoration: none;
color: red;
font-weight: bold;
font-size: 13px;
}
#work-pop > div {
height: auto;
}
#workList > a {
bottom: 0;
display: block;
}
#works > a {
background: #099df2;
display: block;
color: #fff;
text-decoration: none;
font-weight: bold;
height: 48px;
position: relative;
}
#works > a p {
font-size: 18px;
position: absolute;
margin: auto;
top: 0;
bottom: 0;
left: 0;
right: 0;
display: inline;
width: 90px;
height: 23px;
}
#works > a:hover {
opacity: 0.8;
}
#pop .wpp-list:after {
content: "";
display: block;
clear: both;
}
.topContent .wpp-list li:first-child:before, .topContent .wpp-list li:nth-child(2):before, .topContent .wpp-list li:nth-child(3):before {
background: red;
color: #fff;
width: 32px;
height: 32px;
display: block;
text-align: center;
font-size: 20px;
position: absolute;
border-right: 2px solid #fff;
border-bottom: 2px solid #fff;
}
.topContent .wpp-list li:first-child:before {
content: "1";
}
.topContent .wpp-list li:nth-child(2):before {
content: "2";
}
.topContent .wpp-list li:nth-child(3):before {
content: "3";
}
#pop .wpp-list li:last-child {
margin-right: 0;
}
#pop .wpp-list li {
background: #fff; overflow: hidden;
float: left;
clear: none;
max-width: 321px;
margin-right: 28px;
width: calc(35% - 28px);
height: 332px;
list-style: none;
padding-bottom: 24px;
margin-bottom: 56px;
position: relative;
}
@media only screen and (max-width: 960px){
#pop .wpp-list li {
width: calc(33% - 28px);
}
}
@media only screen and (max-width: 600px){
#pop .wpp-list li {
width: 216px;
height:272px!important;
max-width: 100%;
margin-right: 16px;
}
}
.popCateDate {
margin-bottom: 8px;
color: #fff;
position: absolute;
bottom: 0;
}
.popCateDate span {
margin-left: 8px;
}
.popInfo {
padding: 16px 8px 0;
box-sizing: border-box;
}
.popInfo h3 {
font-size: 13px;
margin-bottom: 16px;
}
@media only screen and (max-width: 600px){
.popInfo h3 {
font-size: 13px;
}
}
.popInfo p {
font-size: 9px;
color: #999;
line-height: 17px;
}
.popCateDate a {
color: red;
text-decoration: none;
font-weight: bold;
font-size: 8px;
}
.popCateDate span {
color: #999;
font-size: 8px;
font-weight: bold;
}
#pop .wpp-list li img {
margin: 0;
float: none;
}
@media only screen and (max-width: 960px) {
#work-pop {
width: 100%;
}
#pop, #works {
margin: 0 16px;
width: auto;
float: none;
height: auto!important;
}
#pop {
margin-bottom: 24px;
overflow-x: scroll;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
}
#pop ul {
width: 732px;
}
}
@media only screen and (max-width: 500px) {
#works {
margin: 0 16px;
width: auto;
}
#pop {
margin-bottom: 24px;
}
#work-pop h2 {
font-size: 20px;
text-align: center;
}
.popInfo {
float: none;
width: 100%;
margin: 0;
}
.popInfo p {
display: none;
}
#pop .wpp-list li img {
width: 100%!important;
height: auto;
float: none;
}
.popInfo {
margin-right: 4%;
}
#pop .wpp-list li {
height: auto;
padding: 8px;
margin-bottom: 16px;
}
} #topKeyArea {
background: #f1f1f1;
padding: 32px 0;
}
#topKeyArea h2 {
background: none;
font-size: 28px;
text-align: center;
color: #000;
font-weight: bold;
}
#topKeyArea h2:after, #topKeyArea h2:before {
display: none;
}
#topKey {
width: 960px;
margin: 0 auto;
}
#topKey ul li {
display: inline;
margin: 0 8px 8px 0;
}
@media only screen and (max-width: 960px){
#topKey {
width: 100%;
}
#topKeyArea {
padding: 32px 10px;
}
} footer {
background: #000;
}
#footer h3 img {
width: 70px;
}
footer a {
color: #fff!important;
font-weight: bold;
}
#footerPalink img {
width: 106px;
display: inline;
margin-left: 8px;
}
#footerPalink {
color: #fff;
width: 960px;
margin: 0 auto;
}
#footerPalink a {
display: inline;
}
#footerPalink p {
display: inline;
}
@media only screen and (max-width: 960px){
#footerPalink {
width: 100%;
}
}
.topAd {
width: 960px;
height: 118px;
}
@media only screen and (max-width: 960px){
.topAd {
width: 100%;
height: 90px;
}
} .single-content {
width: 664px!important;
float: left!important;
padding: 24px 16px;
box-sizing: border-box;
background: #fff;
}
#headAnchor {
margin-top: 24px;
}
#headCate {
border-top: 1px solid #ccc;
}
#headCateUl {
list-style: none;
margin: 16px 0 0;
padding: 0;
}
#headCateUl li {
float: left;
margin: 0 16px 0 0;
}
#headCateUl:after {content: "";clear: both;display: block;}
#headCateUl li a {
text-decoration: none;
text-align: center!important;
color: #fff;
background: #000;
font-weight: bold;
padding: 4px 8px;
font-size: 11px;
} #headCateUl li:first-child a:hover {
border-bottom: 3px solid #FF4000;
} #headCateUl li a:hover {
border-bottom: 3px solid #01A9DB;
}
#headCateUl li a span {
text-align: right;
margin-left: 16px;
}
#headAnchor h2 {
background: none;
margin: 0;
padding: 0;
}
#headAnchor h2:before, #headAnchor h2:after {
display:none;
}
#headTagUl {
list-style: none;
padding: 0;
}
#headTagUl li {}
#headTag {
margin-bottom: 24px;
}
#headTagUl li a {
color: #000;
font-weight: bold;
padding-left: 4px;
} @media only screen and (max-width: 900px) {
#side aside {
clear: both;
float: none;
width: auto;
position: static !important;
margin: 0 16px;
}
}
@media only screen and (max-width: 960px){
.single-content {
width: 92%!important;
float: none!important;
margin: 0 auto 40px;
padding: 16px 0 0;
}
.single-content main {
margin: 0 8px;
}
} .newPostSide > dl {
background: #fff;
padding: 8px;
margin-bottom: 16px;
}
.newPostSide > dl dt {
height: 100%;
max-width: 100px;
float: left;
}
.newPostSide > dl dd {
float: right;
width: 60%;
}
.newPostSide h5 a {
font-size: 12px;
text-decoration: none;
color: #000;
font-weight: bold;
}
.newPostSide h5 a:hover {
text-decoration: underline;
}
.newPostSide > dl dd .smanone2 p {
font-size: 8px;
line-height: 13px;
} #mybox .wpp-list li {
list-style: none;
margin-bottom: 16px;
background: #fff;
padding: 8px; }
#mybox .wpp-list li img {
max-width: 100px;
}
#mybox .wpp-list li > a:nth-child(2) {
font-size: 12px;
text-decoration: none;
color: #000;
font-weight: bold;
width: 60%;
float: right;
}
#mybox .wpp-list li a:hover {
text-decoration: underline;
} .single-kanren:after {content: "";display: block;clear: both;}
.single-kanren {
margin-bottom: 40px;
}
.single-kanren > dl {
margin-right: 16px!important;
width: calc(34.5% - 20px)!important;
}
@media only screen and (max-width: 500px){
.single-kanren > dl:first-child {
height: 253px!important;
}
}
@media only screen and (max-width: 960px){
.single-kanren > dl {
width: calc(33% - 16px)!important;
}
}
@media only screen and (max-width: 500px){
.single-kanren > dl {
width: calc(50% - 9px)!important;
}
}
.single-kanren > dl:nth-child(3n) {
margin-right: 0!important;
}
@media only screen and (max-width:500px) {
.single-kanren > dl:nth-child(3n) {
margin-right:16px!important;
}
}
.single-kanren .clearfix dd h5 a {
font-size: 12px;
}
.single-kanren .clearfix dd p {
font-size: 10px;
} .page-content {
width: 600px!important;
float: left!important;
}
@media only screen and (max-width: 600px) {
.page-content {
width: 100%!important;
float: none!important;
}
.page-content main {
margin: 0 16px;
}
} @media only screen and (max-width:960px) {
.pageCT-content {
width: auto!important;
float: none;
}
}
.pageCT .blog_info a {
color: red!important;
font-weight: bold;
font-size: 8px;
border-left: 1px solid gray;
padding-left: 8px;
margin-right: 8px;
}
.pageCT img {
margin-bottom: 0;
}
.pageCT h3 {
border-bottom: none;
line-height: 20px;
}
.smallBloglist {
margin-bottom: 24px;
}
.smallBloglist:nth-child(4n+7) {
margin-right: 0;
}
@media only screen and (max-width:600px) {
.smallBloglist:nth-child(2n+3) {
margin-right: 0;
}
}
.pageCT-content .kanren dt {
max-height: 232px;
overflow: hidden;
}
.topH1 p {
font-size: 30px;
}
@media only screen and (max-width:500px) {
.topH1 {
margin:40px 16px;
}
}
.lcp_paginator {
padding: 20px 16px!important;
}
.lcp_paginator li {
display: inline-block;
font-weight: bold;
border-radius: 23px;
border: none!important;
width: 40px;
height: 40px;
text-align: center;
line-height: 40px!important;
padding: 0!important;
margin-top: 24px!important;
font-size: 14px!important;
}
.lcp_paginator li a {
color: #000;
text-decoration: none;
}
.lcp_currentpage {
background: #000;
color: #fff;
}
@media only screen and (max-width: 600px) {
.pageCT-content .bigBloglist:nth-child(3) h3 a {
font-size: 11px;
}
} #sideCate li {
background-image: none!important;
padding: 8px 8px!important;
background: #fff;
border-bottom: 2px solid #ccc;
border-right: 2px solid #ccc;
margin: 0 4px 8px 0!important;
float: left;
width: 48%;
text-align: center;
box-sizing: border-box;
}
#sideCate li a {
color: #000;
text-decoration: none;
font-weight: bold;
font-size: 12px;
}
#sideCate li:hover {
border-bottom: 2px solid #fff;
border-right: 2px solid #fff;
}
#sideCate:after {
content: "";
display: block;
clear: both;
}
.cat-item {
background-image: none!important;
padding: 4px!important;
border: 1px solid red;
float: left;
display: inline-block;
margin: 0 8px 8px 0!important;
}
.cat-item a {
color: red;
font-weight: bold;
text-decoration: none;
}
.cat-item:hover {
opacity: 0.5;
} .kaerebalink-box {
background: #fff;
padding: 16px;
border: 2px solid #000;
margin-bottom: 24px;
}
.kaerebalink-name {
font-size: 16px;
font-weight: bold;
}
.kaerebalink-link1 > div:first-child {
width: 100%;
display: block!important;
text-align: center;
background: #000;
box-shadow: 0 1px 4px rgba(80, 80, 80, .9);
padding: 12px 0;
margin-bottom: 16px;
}
.kaerebalink-link1 > div:first-child:hover {
opacity: 0.8;
box-shadow: 0 1px 14px rgba(80, 80, 80, .9);
}
.shoplinksaiyasu a {
color: #fff;
text-decoration: none;
font-weight: bold;
}
.kaerebalink-link1 > div {
float: left;
width: calc(50% - 4px);
text-align: center;
padding: 8px 0;
margin: 0 0 8px 0!important;
}
.kaerebalink-link1 > div:nth-child(2n) {
margin-right: 8px!important;
}
.shoplinkamazon {
background: #ff9900;
}
.kaerebalink-link1 > div a {
color: #eee;
text-decoration: none;
font-weight: bold;
}
.shoplinkrakuten {
background: #bf0000;
}
.shoplinkyahoo {
background: #780099;
}
.shoplinkkakakucom {
background: #051d93;
}
.shoplinkamiami {
background: #ec610f;
}
.shoplinkyahooAuc {
background: #ffda45;
}
.shoplinkyahooAuc a {
color: #000!important;
}
.kaerebalink-link1 > div:hover {
opacity: 0.8;
}
@media only screen and (max-width: 600px) {
.allReview {
margin: 0 16px;
}
.kaerebalink-image {
width: 100%;
}
.kaerebalink-info {
width: 100%;
}
} #brandListPage li {
width: calc(25% - 28px);
float: left;
list-style: none;
background: #000;
margin: 0 16px 16px 0;
padding: 8px;
}
#brandListPage:after {content: "";display: block;clear: both;}
#brandListPage li a {
color: #fff;
text-decoration: none;
font-weight: bold;
font-size: 19px;
display: block;
width: 100%;
height: 100%;
}
#brandListPage li a h2 {
font-size: 22px;
background: none;
}
#brandListPage li a h2:after, #brandListPage li a h2:before {
display: none;
}
#brandListPage {
padding: 0;
margin: 0;
}
#brandListPage li:nth-child(4n) {
margin-right: 0;
}
#brandListPage li a span {
font-size: 10px!important;
float: right;
}
#brandListPage li:hover {
background: red;
}
@media only screen and (max-width: 900px) {
#brandListPage li {
width: calc(50% - 24px);
margin: 0 0 16px 0; }
#brandListPage {
margin: 0 16px;
}
#brandListPage li:nth-child(2n) {
margin-left: 16px;
}
#brandListPage li a h2 {
font-size: 16px;
padding: 0;
}
}
#worksList {
margin-bottom: 104px;
}
#worksList ul {
padding: 0;
list-style: none;
margin-left: 8px;
}
#worksList ul li {
float: left;
width: 25%;
}
#worksList ul:after {content: "";clear: both;display: block;}
#worksList h3 {
margin: 42px 0 16px 14px;
}
#worksList ul li:before {content: "・";font-weight: bold;}
#worksList ul li a {
}
#worksList h2 {
font-size: 25px;
padding: 8px 16px;
margin-top: 48px;
}
#worksList h2 a {
color: #fff;
text-decoration: none;
}
@media only screen and (max-width: 750px) {
#worksList ul li {
width: 50%;
}
}
@media only screen and (max-width: 500px) {
#worksList ul li {
width: calc(50% - 8px);
margin-right: 8px;
margin-bottom: 8px;
}
#worksList ul li a {
font-size: 14px;
}
}
#workIndex {
background: #eee;
border: 1px solid #ddd;
width: 264px;
}
#workIndex ul li > ul {padding-top: 0;margin-bottom: 0;}
#workIndex ul {
list-style: none;
}
#workIndex ul li:before {content: "・";font-weight: bold;} #singleAd ul {
list-style: none;
margin: 0;
padding: 0;
}
#singleAd ul .adsbygoogle {
margin: 0 auto;
display: block!important;
}
#workIndex > ul {
padding-left: 8px;
}
#singleAd {
margin: 24px 0;
}
#footerCate {
margin: 40px 0 40px 0;
} .single-sns li {
width: auto;
display: inline-block;
position: relative;
margin: 0 16px;
}
#singleAd {
margin: 24px 0;
}
@media only screen and (max-width: 500px) {
.single-sns li {
margin: 0 5px;
}
} #singleLastLink {
margin-bottom: 40px;
background: #fff;
box-sizing: border-box;
border: 2px dotted #000;
display: table;
width: 100%;
padding: 16px;
}
#singleLastLink:after {content: ""; display: block; clear: both;}
#singleLastImg {
float: left;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
display: table-cell;
height: 224px;
width: 50%;
}
#singleLastInfo {
font-weight: bold;
float: right;
display: table-cell;
padding: 16px 16px 8px;
text-align: center;
vertical-align: middle;
width: 50%;
box-sizing: border-box;
}
#singleLastInfo ul {
list-style: none;
padding: 0;
margin: 0;
}
#singleLastInfo ul li:hover {
opacity: 0.5;
}
#singleLastInfo ul li a {
font-weight: bold;
color: #fff;
text-decoration: none;
margin: 0 auto;
width: 70%;
display: block;
margin-bottom: 8px;
border-radius: 5px;
}
#singleLastIn {
background: #3f729b;
}
#singleLastTw {
background: #55acee;
}
@media only screen and (max-width: 600px) {
#singleLastInfo ul li
a {
font-size: 11px;
}
#singleLastInfo p {
font-size: 12px;
line-height: 16px;
}
#singleLastInfo ul li a {
width: 85%;
}
} #brandInfo {
background: #eee;
padding: 16px;
margin: 48px 0;
border: 1px solid;
}
#brandInfo span {
font-size: 22px;
font-weight: bold;
}
.LRimg ul {
list-style: none;
margin: 0;
padding: 0;
}
.LRimg ul:after {
content: "";
display: block;
clear: both;
}
.LRimg li {
float: left;
width: calc(50% - 8px);
margin-right: 8px;
}
.LRimg:after {
content: "";
display: block;
clear: both;
}
.big-small-font {
font-size:90%;
margin:0;
}
@media only screen and (max-width: 600px) {
.big-small-font { 
font-size:50%;
}
}
.red { color: red; font-weight: bold;}
.blue { color: blue; font-weight: bold;}
#addPost {
background: #eee;
padding: 16px;
} .page-numbers.current {
color: #fff;
background: #000;
}
.st-pagelink a {
color: #000;
font-weight: bold;
}
.st-pagelink .page-numbers {
font-size: 14px;
font-weight: bold;
border-radius: 23px;
}
.via, .via a {
color: #bbb;
font-size: 10px;
} .pagesprit {
clear: both;
color: #27364f;
line-height: 1.714285714;
margin-top: 25px;
text-align: center;
}
.numbers {
margin: 0 8px;
margin: 0 0.5714285714285714rem;
}
.page-numbers a {
display: inline-block;
border: solid 1px #ccc;
border: solid 0.0714285714285714rem #ccc;
text-decoration: none;
color: #fff;
background: #000;
} #batman img {
float: left;
width: 48%!important;
margin: 0 6px 10px;
}
@media only screen and (max-width: 1000px){
#batman img {
width: 45%!important;
}
}
.batmanImg:after {
content: "";
display: block;
clear: both;
margin-bottom: 13px;
}
.omoji { 
font-size: 25px;
font-weight: bold;
line-height: 48px;
}
#review { 
font-size: 24px; 
font-weight: bold;
}
.yellow {
color:gold;   
font-family: 'Open Sans','Helvetica Neue', 'Helvetica', 'Arial', 'Hiragino Kaku Gothic Pro', 'Meiryo', 'MS PGothic', sans-serif;
font-weight: bold;
}
.wp_rp_title {
text-decoration: none;
color: #000;
font-weight: bold;
font-size: 13px;
display: block;
width: 90%;
margin: 0 auto;
line-height: 21px;
}
.topBloglist h3 {
border: none;
} iframe .taw {
border-bottom: 1px solid #ddd;
border-right: 1px solid #ddd;
margin-bottom: 16px;
}
#sidefix ul li {
background: none;
padding:0 0 16px 0!important;
}
#sideprofile {
background: #fff;
padding: 16px;
margin-bottom: 24px;
}
#sideprofile p {
font-size: 13px;
line-height: 24px;
margin: 8px 0;
}
#sideprofile h4 {
font-size: 21px!important;
padding: 16px 0 0 0!important;
}
#sideprofile > a {
float: left;
margin-right: 9px;
}
.sideProf-sns i {
vertical-align: middle;
margin-right: 8px;
}
.sideProf-sns p {
display: inline;
font-weight: bold;
}
#sideprofile:after {
content: "";
clear: both;
display: block;
}
.middlesidead {
margin-top: 40px;
}
.sidefix {
position: fixed;
top: 40px;
width: 320px;
} .amazonprime {
background: #0fce4e;
padding: 16px;
text-align: center;
margin: 24px auto;
width: 368px;
box-shadow: 0 4px 0 #06a73b;
}
.amazonprime a {
color: #fff;
text-decoration: none;
font-weight: bold;
}
.amazonprime:hover {
border: none;
box-shadow: 0 1px 0 #06a73b;
transform: translate3d(0px, 3px, 1px);
}
@media only screen and (max-width:420px){
.amazonprime {
padding: 8px;
width: auto;
}
}
@media only screen and (max-width:380px){
.amazonprime {
padding: 8px;
width: 100%;
}
.amazonprime a {
font-size: 11px;
}
}
.underline {
background: linear-gradient(to bottom,transparent 65%,#f5d9b6 60%);
font-weight: bold;
}
.del { text-decoration:line-through; } 
.futo { font-weight: bold; }
.hatugen {
margin: 40px 8px;
font-weight: 500;
}
#reviewListLinkUl li, #reviewLinkUl li {
list-style: none;
float: left;
margin-right: 16px;
}
#reviewListLinkUl li {
width: calc(33% - 8px);
margin-bottom: 16px;
}
#reviewLinkUl {
padding: 0;
margin: 16px 0;
}
#reviewLinkUl li {
width: calc(50% - 8px);
margin-bottom: 0;
}
#reviewListLinkUl li:nth-child(3n) {
margin-right: 0;
}
#reviewLinkUl li:nth-child(2) {
margin-right: 0;
}
#reviewListLinkUl:after, #reviewLinkUl:after {
content: "";
clear: both;
display: block;
}
@media only screen and (max-width:960px) {
#reviewListLinkUl li {
width: calc(50% - 8px);
}
#reviewListLinkUl li:nth-child(3n) {
margin-right: 16px;
}
#reviewListLinkUl li:nth-child(2n) {
margin-right: 0;
}
}
.reviewListLink, .reviewLink {
display: block;
background: red;
border: 1px solid red;
color: #fff;
font-weight: bold;
text-decoration: none;
text-align: center;
padding: 8px 16px;
font-size: 100%;
}
@media only screen and (max-width: 500px){
.reviewListLink, .reviewLink {
padding: 8px;
font-size: 81%;
}
}
.reviewListLink:hover, .reviewLink:hover {
opacity: 0.5;
color: #fff;
}
@media only screen and (max-width: 960px){
#reviewList-article {
padding: 0 16px;
box-sizing: border-box;
}
}
#pageDiscription {
background: #fff;
padding: 24px;
border: 1px solid #eee;
margin-bottom: 16px;
}
.attentionBox, .hatugen {
border: 1px dashed gray;
padding:8px;
line-height: 31px;
}
.hatugen ul, .attentionBox ul {
margin-bottom: 0;
font-weight: bold;
}
.attentionBox ul { 
padding: 32px 0 16px 32px;
}
.hatugen ul { 
padding: 16px 0 16px 32px;
}
.hatugen ul li, .attentionBox ul li {
font-size: 88%;
}
.hatugen ul li, .attentionBox ul li {
font-size: 88%;
}
.point {
border-color: #cc4444;
}
.point .attentionBoxTitle {
background: #cc4444;
}
.point ul {
padding: 32px 0 16px 16px;
}
.point ul li {
list-style: none;
margin-bottom: 16px;
font-size: 100%;
}
.point ul li:before {
content: "✔";
margin-right:  8px;
color: #cc4444;
}
.point ul li:last-child {
margin-bottom: 0;
}
.attentionBox {
position: relative;
margin: 48px 0 24px;
}
.attentionBoxTitle {
font-weight: bold;
margin-bottom: 0;
position: absolute;
top: -14px;
background: #000;  color: #fff; padding: 0 8px; border-radius: 4px;
}
.pageCT-content h1{
text-align: center;
}
strong {
margin: 0 .1em;
padding: .05em .05em;
background: #F5ECCE!important;
background: linear-gradient(to bottom,transparent 65%,#F5ECCE 60%) !important;
}
.linkcard-thumbnail {
margin: 0 16px 0 0!important;
float: left;
}
.linkcard-title {
text-decoration: underline!important;
}
@media only screen and (max-width: 450px){
.linkcard-title {
font-size: 12px;
}
}
.linkcard-internal-wrapper {
background-color: #eee;
}
.linkcard-internal-wrapper:before {
content: "【関連】";
color: red;
padding: 4px 4px 0;
display: block;
font-size: 12px;
}
.pzArea .linkcard-internal-wrapper:before {
display: none!important;
}
.pzArea .linkcard-internal-wrapper {
background: #fff!important;
border: 1px solid #ddd;
padding: 16px 8px;
}
.sideAd ins {
display: block!important;
margin: 0 auto;
}
.shopBtn {
display: block;
text-align: center;
background: #ee7917;
width: 224px;
margin: 0 auto;
margin-bottom: 24px;
border-radius: 8px;
padding: 8px 16px;
border-bottom: 4px solid #A85612;
top: 0;
}
.shopBtn a {
color: #fff;
text-decoration: none;
font-size: 131%;
font-weight: bold;
}
.shopBtn:hover {
border-bottom: none;
margin-bottom: 28px;
} #toc_container {
width: 92%!important;
}
#tweet-post {
width: 50%;
}
#tweet-post iframe {
height: 500px!important;
}
#ad-postbottom {
list-style: none;
width: 100%;
padding: 0;
}
#ad-postbottom:after {
content: "";
display: block;
clear: both;
}
#ad-postbottom li {
float: left;
width: 50%;
}
@media only screen and (max-width: 960px) {
#ad-postbottom li {
float: none;
width: auto;
}
}
.smallfont {
font-size: 50%;
}
amp-instagram, amp-twitter { display: none; }
.tuiki {
border-left: none;
padding-left: 0;
font-size: 16px;
margin: 0 0 -8px;
display: block;
font-weight: bold;
}
.shadow0 {
border-right: 1px solid #ddd;
border-bottom: 1px solid #ddd;
}
.shadow1 {
box-shadow: 0 1px 3px rgba(0,0,0,0.26);
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.26);
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.26);
}
.shadow2 {
box-shadow:0px 5px 12px 1px #ccc;
-moz-box-shadow:0px 5px 12px 1px #ccc;
-webkit-box-shadow:0px 5px 12px 1px #ccc;
} #post-profile {
border: 2px solid #000;
padding: 16px;
margin: 77px 0 48px;
background: #f9f9f9;
position: relative;
}
#post-profile:after {
content: "";
display: block;
clear: both;
}
#post-profile-left {
height: 100%;
float: left;
margin-right: 16px;
}
#post-profile-img {
width: 167px;
}
#post-profile-text {
margin-left: 184px;
}
#post-profile p {
margin-bottom: 4px;
font-size: 12px;
}
#post-profile > p {
background: #000;
color: #fff;
display: inline-block;
padding: 0 16px;
position: absolute;
top: -29px;
left: -2px;
}
#post-profile .futo {
font-size: 128%;
}
#post-profile-left a {
display: inline-block; }
#post-profile-left a i {
vertical-align: baseline;
}
#post-proflie-sns {
font-weight: bold;
}
@media only screen and (max-width: 400px) {
#post-profile-img {
width: 120px;
}
#post-profile-text {
margin-left: 0;
}
#post-profile-left a {
font-size: 15px;
width: 24px;
height: 24px;
color: #fff;
}
}
@media only screen and (max-width: 320px) {
#post-profile-img {
width: 100px;
}
}
.next-post {
border: 2px solid #000;
padding: 32px 16px 16px;
position: relative;
margin: 40px 0;
}
.next-post p {
margin-bottom: 0;
font-weight: bold;
background: #000;
color: #fff;
display: inline-block;
padding: 4px 8px;
position: absolute;
top: -16px;
left: -2px;
}
.next-post a {
font-weight: bold;
font-size: 108%;
}
@media only screen and (max-width: 500px) {
.next-post {
padding: 32px 0px 16px;
}
.next-post a {
font-size: 88%;
}
}
.post h5 {
font-size: 16px;
padding: 10px 15px;
margin-bottom: 20px;
background-color: #f3f3f3;
line-height: 24px;
} .comment-form-email, .comment-form-url, .form-allowed-tags {display: none;} .masked-rider-review, .dccomics-review, .marvel-review, .ultra-man-review, .super-sentai-review {
display: none!important;
}
.linkunitAd {
margin-bottom: 48px;
}