@charset "UTF-8"; .rankstlink-a p a, .rankstlink-b p a, .rankstlink-l p a, .rankstlink-r p a, .rankstlink-l2 p a, .rankstlink-r2 p a { position:relative; overflow:hidden; } .rankstlink-a p a:after, .rankstlink-b p a:after, .rankstlink-l p a:after, .rankstlink-r p a:after, .rankstlink-l2 p a:after, .rankstlink-r2 p a:after{ content:''; height:100%; width:30px; position:absolute; top:-180px; left:0; background-color: #fff; opacity:0; -webkit-transform: rotate(45deg); -webkit-animation: reflection 3s ease-in-out infinite; } img[width="1"] { position: absolute; overflow: hidden; clip: rect(0 0 0 0); -webkit-clip-path: inset(50%); clip-path: inset(50%); margin: -1px; padding: 0; width: 1px; height: 1px; border: 0; white-space: nowrap; } .scroll-box img[width="1"] { position:static; } .rankst-wrap { margin-bottom: 10px; } .rankst { margin-bottom: 10px; overflow: hidden; } .rankst-box { margin-bottom:0px; } .rankst p { margin-bottom: 10px; overflow: hidden; } .rankst-cont blockquote { background-color: transparent; background-image: none; padding:0px; margin-top: 0px; border: none; } .rankst-cont { margin: 0px; } .rankst-l.post, .rankst-l { text-align:center; padding:0 0 20px; } .rankstlink-l { width: 100%; text-align: center; } .rankstlink-r { float: right; width: 100%; } .st-star { color:#FFB400; font-size:15px; } .rankstlink-l p a { font-family: 'Noto Sans JP', sans-serif; display: block; width: 100%; box-sizing:border-box; text-align: center; padding: 10px; background: #4FC3F7; background: -webkit-linear-gradient(top, #4FC3F7 0%,#29B6F6 100%); background: linear-gradient(to bottom, #4FC3F7 0%,#29B6F6 100%); color: #ffffff; text-decoration: none; margin-right: auto; margin-left: auto; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; font-weight:bold; } .rankstlink-l p { width: 90%; text-align: center; margin-right: auto; margin-left: auto; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; font-weight:bold; box-shadow: 0 3px 0 #039BE5; position:relative; } .rankstlink-l p:hover { box-shadow: 0 1px 0 #039BE5; top:1px; } .rankstlink-l2 p a { display: block; width: 100%; box-sizing:border-box; text-align: center; padding: 10px; background: -webkit-linear-gradient(top, #4FC3F7 0%,#29B6F6 100%); background: linear-gradient(to bottom, #4FC3F7 0%,#29B6F6 100%); color: #ffffff; text-decoration: none; margin-right: auto; margin-left: auto; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; font-weight:bold; box-sizing:border-box; } .rankstlink-l2 p { width: 90%; text-align: center; margin-right: auto; margin-left: auto; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; font-weight:bold; box-shadow: 0 3px 0 #039BE5; position:relative; } .rankstlink-l2 p:hover { box-shadow: 0 1px 0 #039BE5; top:1px; } .rankstlink-b p a { font-family: 'Noto Sans JP', sans-serif; display: block; width: 100%; box-sizing:border-box; text-align: center; padding: 10px; background: -webkit-linear-gradient(top, #4FC3F7 0%,#29B6F6 100%); background: linear-gradient(to bottom, #4FC3F7 0%,#29B6F6 100%); color: #ffffff; text-decoration: none; margin-right: auto; margin-left: auto; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; font-weight:bold; } width: 90%; text-align: center; margin-right: auto; margin-left: auto; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; font-weight:bold; box-shadow: 0 3px 0 #039BE5; position:relative; } .rankstlink-b p:hover { box-shadow: 0 1px 0 #039BE5; top:1px; } .rankstlink-r p a { font-family: 'Noto Sans JP', sans-serif; display: block; width: 100%; box-sizing:border-box; text-align: center; padding: 10px; background: -webkit-linear-gradient(top, #ef5350 0%,#e53935 100%); background: linear-gradient(to bottom, #ef5350 0%,#e53935 100%); color: #ffffff; text-decoration: none; margin-right: auto; margin-left: auto; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; font-weight:bold; } .rankstlink-r p { width: 90%; margin-right: auto; margin-left: auto; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; box-shadow: 0 3px 0 #b61b17; position:relative; } .rankstlink-r p img{ display:none; } .rankstlink-r p:hover { box-shadow: 0 1px 0 #b61b17; top:1px; } .rankstlink-r2 p a { display: block; width: 100%; box-sizing:border-box; text-align: center; padding: 10px; background: -webkit-linear-gradient(top, #ef5350 0%,#e53935 100%); background: linear-gradient(to bottom, #ef5350 0%,#e53935 100%); color: #ffffff; text-decoration: none; margin-right: auto; margin-left: auto; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; font-weight:bold; box-sizing:border-box; } .rankstlink-r2 p { width: 90%; margin-right: auto; margin-left: auto; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; box-shadow: 0 3px 0 #b61b17; position:relative; } .rankstlink-r2 p img{ display:none; } .rankstlink-r2 p br{ display:none; } .rankstlink-r2 p:hover { box-shadow: 0 1px 0 #b61b17; top:1px; } .rankstlink-r2 .fa, .rankstlink-l2 .fa { margin-right: 5px; } .rankstlink-a p a { font-family: 'Noto Sans JP', sans-serif; display: block; width: 100%; box-sizing:border-box; text-align: center; padding: 10px; background: -webkit-linear-gradient(top, #ef5350 0%,#e53935 100%); background: linear-gradient(to bottom, #ef5350 0%,#e53935 100%); color: #ffffff; text-decoration: none; margin-right: auto; margin-left: auto; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; font-weight:bold; } .rankstlink-a p { width: 90%; margin-right: auto; margin-left: auto; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; box-shadow: 0 3px 0 #b61b17; position:relative; } .rankstlink-a p img{ display:none; } .rankstlink-a p:hover { box-shadow: 0 1px 0 #b61b17; top:1px; } .rankst-box .clearfix.rankst .rankst-l a img, .rankst-box .clearfix.rankst .rankst-l iframe { padding:0; max-width:100%; box-sizing: border-box; margin:0 auto; } .rankh4:not(.st-css-no), .post .rankh4:not(.st-css-no), #side .rankh4:not(.st-css-no) { padding: 15px 20px 15px 60px; background-repeat: no-repeat; background-position: left center; font-size: 20px; line-height: 1.3; color:#000; background-color : transparent ; background-image: url(//m-brearts.jp/wp-content/themes/affinger5/images/oukan.png); } .rankh4:not(.st-css-no):not(.rankh4-sc), .post .rankh4:not(.st-css-no):not(.rankh4-sc), #side .rankh4:not(.st-css-no):not(.rankh4-sc) { margin-bottom: 10px; color:#000; background-color : transparent ; background-image: url(//m-brearts.jp/wp-content/themes/affinger5/images/oukan.png); } .rankh3:not(.st-css-no) { position: relative; background: #c5bf3b; color: #ffffff!important; font-size: 18px; line-height: 27px; margin-bottom: 20px; padding-top: 10px; padding-right: 20px; padding-bottom: 10px; padding-left: 20px; border-bottom:none!important; text-align:center; } .rankh3:not(.st-css-no):before { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -10px; border: 10px solid transparent; border-top: 10px solid #c5bf3b; } #footer .st_rankside { margin-bottom: 10px; } #footer .st_side_rankwidgets { margin-bottom: 20px; } #footer .rankh3:not(.st-css-no) { background-color: transparent; margin-bottom: 0; padding:0 0 10px 0; text-align: left; } #footer .rankh3:not(.st-css-no):before { content: none; } #footer .rankwidgets-item { f ont-size: 110%; line-height: 1.3; padding-top:5px; } #footer .rankwidgets-item .st-star { font-size: 80%; } #footer .st_rankside_all { margin-left:10px; padding-left: 45px; } #s-navi dl.acordion .rankh3.rankwidgets-title { font-size:90%; line-height:1.5; margin-bottom:20px; padding:10px; } #s-navi dl.acordion .rankwidgets-item { font-size:90%; line-height:1.5; } .post .rankst-cont h4:not(.st-css-no), .rankst-cont h4:not(.st-css-no) { background-color:#FCFC88; padding:10px; margin-bottom:10px; } .post .rankst-cont h2:not(.st-css-no), .post .rankst-cont h3:not(.st-css-no), .post .rankst-cont h4:not(.st-css-no), .post .rankst-cont h5:not(.st-css-no) { margin-top: 0; } .rankh4.rankno-1:not(.st-css-no), .post .rankh4.rankno-1:not(.st-css-no), #side .rankh4.rankno-1:not(.st-css-no), .rankid1 .rankh4:not(.st-css-no), .post .rankid1 .rankh4:not(.st-css-no), #side .rankid1 .rankh4:not(.st-css-no) { background-image: url(//m-brearts.jp/wp-content/themes/affinger5/images/oukan1.png); } .rankh4.rankno-2:not(.st-css-no), .post .rankh4.rankno-2:not(.st-css-no), #side .rankh4.rankno-2:not(.st-css-no), .rankid2 .rankh4:not(.st-css-no), .post .rankid2 .rankh4:not(.st-css-no), #side .rankid2 .rankh4:not(.st-css-no) { background-image: url(//m-brearts.jp/wp-content/themes/affinger5/images/oukan2.png); } .rankh4.rankno-3:not(.st-css-no), .post .rankh4.rankno-3:not(.st-css-no), #side .rankh4.rankno-3:not(.st-css-no), .rankid3 .rankh4:not(.st-css-no), .post .rankid3 .rankh4:not(.st-css-no), #side .rankid3 .rankh4:not(.st-css-no) { background-image: url(//m-brearts.jp/wp-content/themes/affinger5/images/oukan3.png); } .rankh4.rankno-4:not(.st-css-no), .post .rankh4.rankno-4:not(.st-css-no), #side .rankh4.rankno-4:not(.st-css-no), .rankid-normal .rankh4:not(.st-css-no), .post .rankid-normal .rankh4:not(.st-css-no), #side .rankid-normal .rankh4:not(.st-css-no) { background-image: url(//m-brearts.jp/wp-content/themes/affinger5/images/oukan4.png); } #side .rankst-l,#side .rankst-r{ float:none; width:100%; } #side .rankst-box .clearfix.rankst .rankst-l a img{ float:none; width:100%; } #side .rankst-r,#side .rankst-l,#side .rankst-cont{ margin:0; } #side .rankst-ls img { max-width: 100% !important; margin:0 auto; } #side .rankst-ls { text-align:center; } .rankh3.rankwidgets-title:not(.st-css-no) { font-weight: bold; margin-bottom: 25px; } #side .rankh3.rankwidgets-title:not(.st-css-no) { font-size: 18px; line-height: 30px; padding-top: 10px; padding-bottom: 10px; } .rankwidgets-poprank { position: relative; width:100px; float:left; } .st_rankside { overflow: hidden; margin-bottom:15px; } .st_rankside_r{ float: right; width: 100%; margin-right:-110px; padding-right: 110px; box-sizing: border-box; } .rankwidgets-no { position: absolute; top: 0; left: 0; padding: 2px 8px; background: #78909C; font-size: 13px; font-weight: bold; color: #fff; } .rankwidgets-item { margin-bottom: 0; } .rankwidgets-item a { font-weight: bold; color: #1a1a1a; } .rankwidgets-side-rank1 { background: #c4bf2c; } .rankwidgets-side-rank2 { background: #9E9E9E; } .rankwidgets-side-rank3 { background: #795548; } .rankwidgets-cont p, .rankwidgets-cont a{ margin-bottom: 0; line-height: 1.3; font-size: 80%; } .st_rankside_all { padding-left: 50px; background-repeat: no-repeat; background-position: left center; background-image: url(//m-brearts.jp/wp-content/themes/affinger5/images/oukan_side4.png); } .st_rankside1 .st_rankside_all { background-image: url(//m-brearts.jp/wp-content/themes/affinger5/images/oukan_side1.png); } .st_rankside2 .st_rankside_all { background-image: url(//m-brearts.jp/wp-content/themes/affinger5/images/oukan_side2.png); } .st_rankside3 .st_rankside_all { background-image: url(//m-brearts.jp/wp-content/themes/affinger5/images/oukan_side3.png); } @media only screen and (max-width: 959px) { } @media only screen and (min-width: 600px) and (max-width: 959px) { .rankh3:not(.st-css-no) { font-size: 110%; line-height: 1.5; padding:15px; } #side .rankst-box .clearfix.rankst .rankst-l a img { float: left; padding:0; margin:0!important; } #side .rankst-cont { margin: 0 0 0 165px; } #side .rankst-r { position:relative; z-index:1; float: right; width: 100%; margin: 0 0 0 -150px; } #side .rankst-l { position:relative; z-index:2; float: left; width: 150px; } #side .rankstlink-l { float: left; width: 50%; } #side .rankstlink-r { float: right; width: 50%; } } @media only screen and (min-width: 600px) { .rankst-box .clearfix.rankst .rankst-l a img { float: left; padding:0; margin:0!important; } .rankst-cont { margin: 0 0 0 165px; } .rankst-r { position:relative; z-index:1; float: right; width: 100%; margin: 0 0 0 -150px; } .rankst-l { position:relative; z-index:2; float: left; width: 150px; } } @media print, screen and (min-width: 960px) { #side .rankh3.rankwidgets-title:not(.st-css-no) { font-size: 14px; line-height: 25px; padding-top: 5px; padding-bottom: 5px; } .rankstlink-l { float: left; width: 50%; } .rankstlink-r { float: right; width: 50%; } #side .rankstlink-l, #side .rankstlink-r { float: none; width: 100%; } .colum1 .rankst-r { float: right; width: 100%; margin: 0 0 0 -320px; } .colum1 .rankst-l { float: left; width: 300px; } .colum1 .rankst-cont { margin: 0 0 0 320px; } .rankstlink-r2 p, .rankstlink-l2 p { width: 50%; } #side .rankstlink-r2 p, #side .rankstlink-l2 p { width: 100%; } } @media only screen and (max-width: 599px) { .rankst-box .clearfix.rankst .rankst-l a img { float: none; width: 100%; } }.comment-form-url{ display:none; } .comment-form-email{ display:none; } .comment-notes { display:none; } .kanren dt { float: left; width: 150px; } .kanren dt img { width: 150px; } .kanren dd, .kanren.st-cardbox dd { padding-left: 165px; } .st-cardstyleb .kanren.st-cardbox dd, #magazine .kanren dd { padding-left: 20px; } .slick-prev, .slick-next, .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { background-color: #424242 } .st-middle-menu .menu > li { width:50%; } .st-middle-menu .menu li a{ font-size:90%; } .sns { width: 100%; text-align:center; } .sns li a { margin:0; } .post .sns ul, .sns ul { margin:0 auto; width:290px; } .snstext{ display:none; } .snscount{ display:none; } .sns li { float: left; list-style: none; width: 40px; margin-right: 10px; position: relative; } .sns li:last-child { margin-right: 0px; } .sns li i { font-size: 19px!important; } .sns li a { border-radius: 0; box-sizing: border-box; color: #fff; font-size: 19px; height: 40px; width: 40px; padding: 0; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .sns li a .fa { padding: 0; border: 0; height: auto; } .sns .twitter a { box-shadow: none; } .sns .twitter a:hover { background:#4892cb; box-shadow: none; } .sns .fa-twitter::before { position: relative; top:1px; left: 1px; } .sns .facebook a { box-shadow: none; } .sns .facebook a:hover { background:#2c4373; box-shadow: none; } .sns .fa-facebook::before { position: relative; top:1px; } .sns .googleplus a { box-shadow: none; } .sns .googleplus a:hover { background:#d51e31; box-shadow: none; } .sns .fa-google-plus::before { position: relative; left: 1px; } .sns .share-copy a { box-shadow: none; } .sns .share-copy a:hover { background:#ccc; box-shadow: none; } .sns .share-copy::before { position: relative; left: 1px; } .sns .share-copy .fa-clipboard { border-right: none; } .sns .hatebu a { box-shadow: none; } .sns .hatebu a:hover { box-shadow: none; background:#00a5de; } .sns .st-svg-hateb::before { border-right:none; padding-right:0; font-size:19px!important; } .sns .st-svg-hateb::before { position: relative; left: 1px; } .sns .line a { box-shadow: none; } .sns .line a:hover { background:#219900; box-shadow: none; } .sns .fa-comment::before { position: relative; left: 1px; top: -1px; } .sns .pocket a { box-shadow: none; } .sns .pocket a:hover { background:#F27985; box-shadow: none; } .sns .fa-get-pocket::before { position: relative; top: 1px; } #breadcrumb { display:none; } .st-step-title, .st-point .st-point-text, .n-entry, h4:not(.st-css-no) .point-in, .cat-itiran p.point, .form-submit, .news-ca, .st-widgets-title, .st-widgets-title span, h4.menu_underh2 span, .st-header-flextitle, .post h2:not(.st-css-no), .post h2:not(.st-css-no) span, .post h3:not(.st-css-no), .post h3:not(.st-css-no) span, .h2modoki, .h3modoki, .entry-title:not(.st-css-no), .post .entry-title:not(.st-css-no) { font-family: 'Noto Sans JP', sans-serif; } @media only screen and (max-width: 599px) { .st-header-flextitle { font-weight:900; } } .st-cardbox .clearfix dd h5:not(.st-css-no), .post .st-cardbox .clearfix dd h5:not(.st-css-no), #side .st-cardbox .clearfix dd h5:not(.st-css-no) { border-bottom:none; } .widget_st_categories_widget .cat-item a { border-bottom-color: #2727f4; color: #2727f4; } #side li.cat-item a::after { content: " \f105"; font-family: FontAwesome; position: absolute; right: 10px; } #side li.cat-item a { position: relative; vertical-align: middle; width:100%; padding: 10px; box-sizing:border-box; border-bottom: 1px solid #e1e1e1; color:#1a1a1a; text-decoration:none; display:block; } #side li.cat-item a:hover { opacity:0.5; } #side li.cat-item a { border-bottom-color: #2727f4; color: #2727f4; } #toc_container { margin: 0 auto 20px; text-align: center; } #toc_container .toc_title { text-align:center; padding: 5px; font-weight:bold; position:relative; display: inline-block; vertical-align: middle; border-bottom: 2px solid #333; margin-bottom: 5px; } #toc_container:not(.contracted) .toc_title { margin:0 auto 10px; } #toc_container .toc_title:before { content: "\f0f6\00a0"; font-family: FontAwesome; } #toc_container .toc_title .toc_toggle { font-weight: normal; font-size:95%; } .post #toc_container ul, .post #toc_container ol { list-style: none; margin-bottom: 0; } .toc_number { font-weight:bold; margin-right:5px; color:#ccc; } #toc_container ul a { display: block; text-decoration: none; color: #000; padding-bottom:5px; border-bottom: 1px dotted #ccc; } #toc_container ul a:hover { opacity:0.5; } #toc_container .toc_list > li> li > a { margin-bottom:10px; } #toc_container .toc_list > li > a { border-bottom: none; } .post #toc_container ul ul { padding: 5px 0; } .post #toc_container ul ul ul { padding-left: 10px; } #toc_container li { font-weight:bold; margin-bottom: 5px; padding: 10px 0px; list-style-type:none; text-align: left; text-indent:-0.8em; padding-left:1em; } #toc_container > ul > li { font-size: 18px; } #toc_container li a:before { font-family: FontAwesome; content: "\f0da\00a0\00a0"; color: #333; } #toc_container li li a:before { content: none; } #toc_container li li { text-align:left; font-weight:normal; list-style:decimal outside none; text-indent:0; padding: 5px 0; } #toc_container li li li{ margin-bottom:0; padding:3px 0; list-style-type:none; text-indent:-0.8em; padding-left:1em; } #toc_container li li li a{ border:none; margin-bottom:0; padding:0; } #toc_container li li li a:before { font-family: FontAwesome; content: "\f0da\00a0\00a0"; color: #9E9E9E; } #toc_container.only-toc ul { padding:20px; } #toc_container.only-toc li{ padding:0; font-weight:normal; } #toc_container.only-toc li a:before{ content: none; } #toc_container.only-toc li{ list-style-type: decimal; border-bottom:dotted 1px #ccc; } #st_toc_container.only-toc:not(.st_toc_contracted) { } .post #toc_container ol.st-original-toc > li { list-style: decimal; text-align:left; font-weight: normal; padding: 0; text-indent: 0; } #toc_container ol.st-original-toc > li a:before { content: none; } #s-navi dt.trigger .acordion_extra_2 { max-width: 80%; } table tr td:first-child { } table tr:first-child { } .st-kaiwa-hukidashi, .st-kaiwa-hukidashi2 { background-color: #f4fbff; } .st-kaiwa-hukidashi:after { border-color: transparent #f4fbff transparent transparent; } .st-kaiwa-hukidashi2:after { border-color: transparent transparent transparent #f4fbff; } #st-tab-menu li.active { background: #039BE5; } #st-tab-box { border-color: #039BE5; } .post #st-tab-box p.st-author-post { border-bottom-color: #039BE5; } .st-author-date{ color:#039BE5; } #st-tab-box { background:#f4fbff; } .st-blackboard-title:before { content: "\f0f6\00a0"; font-family: FontAwesome; } #st_toc_container, #toc_container { } #st_toc_container:not(.st_toc_contracted):not(.only-toc), #toc_container:not(.contracted) { padding:15px 20px; } #st_toc_container:not(.st_toc_contracted):not(.only-toc), #toc_container:not(.contracted) { } #st_toc_container.st_toc_contracted, #toc_container.contracted { } #st_toc_container .st_toc_title:before, #toc_container .toc_title:before { content: "\f0f6\00a0"; font-family: FontAwesome; } #st_toc_container li li li, #toc_container li li li { text-indent:-0.8em; padding-left:1em; } .post .maruno ol li:before { background: #039BE5; color:#ffffff; } .post .maruck ul li:before { background: #039BE5; color:#ffffff; } .st-blackboard.square-checkbox ul.st-blackboard-list:not(.st-css-no) li:before, .st-blackboard.square-checkbox ul li:after, .st-square-checkbox ul li:before, .st-square-checkbox ul li:after { font-size: 150%; } .post .attentionmark2.on-color:not(.st-css-no):before, .post .fa-exclamation-triangle:not(.st-css-no) { color: #f44336; } #headbox-bg { background: #00015e; background: url(), -webkit-linear-gradient(left, #039be5 0%,#00015e 100%); background: url(), linear-gradient(to left, #039be5 0%,#00015e 100%); } #content-w { } input, textarea { color: #000; } main { background: #ffffff!important; } header .sitename a, nav li a { color: #ffffff; } #page-top a { background: #039BE5; } #page-top a { line-height:100%; border-radius: 50%; } #page-top { right: 10px; } header h1, header .descr{ color: #ffffff; } #s-navi dt.trigger .op { color: #ffffff; } #st-mobile-logo a { color: #ffffff; } #s-navi dd.acordion_tree { background: #f4fbff; } #s-navi dt.trigger .op-st { background: #13b0fc; color: #ffffff; } #s-navi dt.trigger .op-st2 { background: #13b0fc; color: #ffffff; } #st-footermenubox a { color: #ffffff; } #st-footermenubox { background: #13b0fc; } .acordion_tree ul.menu li a { border-bottom: 1px solid #13b0fc; } .acordion_tree .st-ac-box ul.st-ac-cat { border-top-color: #13b0fc; border-left-color: #13b0fc; } .acordion_tree .st-ac-box ul.st-ac-cat > li.cat-item { border-right-color: #13b0fc; border-bottom-color: #13b0fc; } #breadcrumb, #breadcrumb div a, div#breadcrumb a, .blogbox p, .tagst, #breadcrumb ol li a, #breadcrumb ol li h1, #breadcrumb ol li, .kanren:not(.st-cardbox) .clearfix dd .blog_info p, .kanren:not(.st-cardbox) .clearfix dd .blog_info p a { color: #616161; } .post .entry-title:not(.st-css-no) { background-image: url(); background-color: #ffffff; border: none; } .h2modoki, .post h2:not(.st-css-no) { padding-left:20px; border: none; border-left: 5px solid #3328ff; color: #000000; padding-top:10px!important; padding-bottom:10px!important; background: #e8e8e8; background: url(), -webkit-linear-gradient(left, #dddddd 0%,#e8e8e8 100%); background: url(), linear-gradient(to left, #dddddd 0%,#e8e8e8 100%); } .h3modoki, .post h3:not(.st-css-no):not(.st-matome):not(.rankh3):not(#reply-title) { position: relative; padding-left:0; padding-bottom: 10px; border-top:none; border-bottom-width:3px; border-bottom-color: #2877ff!important; padding-left:10px!important; padding-top:10px!important; padding-bottom:10px!important; color: #000000; background-color:transparent; } .h3modoki::after, .post h3:not(.st-css-no):not(.st-matome):not(.rankh3):not(#reply-title)::after { position: absolute; bottom: -3px; left: 0; z-index: 3; content: ''; width: 30%; height: 3px; background-color: #000000; } .h4modoki, .post h4:not(.st-css-no):not(.st-matome):not(.rankh4):not(#reply-title):not(.point){ background: #f4fbff; color: #0a0008; position: relative; border: none; margin-bottom:30px; padding-left:20px; padding-top:10px; padding-bottom:10px; } .h4modoki:after, .post h4:not(.st-css-no):not(.st-matome):not(.rankh4):not(#reply-title):not(.point):after { border-top: 10px solid #f4fbff; content: ''; position: absolute; border-right: 10px solid transparent; border-left: 10px solid transparent; bottom: -10px; left: 30px; border-radius: 2px; } .h4modoki:before, .post h4:not(.st-css-no):not(.st-matome):not(.rankh4):not(#reply-title):not(.point):before { border-top: 10px solid #f4fbff; content: ''; position: absolute; border-right: 10px solid transparent; border-left: 10px solid transparent; bottom: -10px; left: 30px; } .post .st-matome:not(.st-css-no):not(.rankh4):not(.point) { background-color: transparent; padding-left:20px!important; padding-top:10px!important; padding-bottom:10px!important; } #side .menu_underh2, #side .st-widgets-title:not(.st-css-no) { font-weight:bold; margin-bottom: 10px; } #side .menu_underh2, #side .st-widgets-title:not(.st-css-no) { background: -webkit-repeating-linear-gradient(45deg, #039BE5, #039BE5 5px, #13b0fc 5px, #13b0fc 10px); background: repeating-linear-gradient(45deg, #039BE5, #039BE5 5px, #13b0fc 5px, #13b0fc 10px); color: #ffffff; border: 1px solid #13b0fc; padding-left:10px!important; padding-top:7px!important; padding-bottom:7px!important; } .h5modoki, .post h5:not(.st-css-no):not(.st-matome):not(.rankh5):not(#reply-title):not(.st-cardbox-t):not(.kanren-t):not(.popular-t):not(.post-card-title) { border-radius:5px; } .h5modoki, .post h5:not(.st-css-no):not(.st-matome):not(.rankh5):not(.point):not(.st-cardbox-t):not(.popular-t):not(.kanren-t):not(.popular-t):not(.post-card-title) { color: #000000; background-color: #f4fbff; border-bottom : solid 1px #13b0fc; padding-left:20px!important; padding-top:10px!important; padding-bottom:10px!important; } .tagcloud a { border-color: #039BE5; color: #039BE5; } .post h4:not(.st-css-no):not(.rankh4).point, .cat-itiran p.point, .n-entry-t { border-bottom-color: #039BE5; } .post h4:not(.st-css-no):not(.rankh4) .point-in, .cat-itiran p.point .point-in, .n-entry { background-color: #039BE5; color: #ffffff; } .catname { background: #039BE5; color:#ffffff; } .post .st-catgroup a { color: #ffffff; } .rssbox a { background-color: #039BE5; } .inyoumodoki, .post blockquote { background-color: #f3f3f3; border-left-color: #f3f3f3; } .st-step { color: #ffffff; background: #039BE5; border-radius:5px; } .st-step:before{ border-top-color: #039BE5; } .st-step-title { border-bottom:solid 2px #039BE5; } .st-point:before { color: #ffffff; background: #039BE5; } .st-cardbox-label-text { } .freebox { border-top-color: #039BE5; background: #f4fbff; } .p-entry-f { background: #039BE5; color: #ffffff; } #topnews-box div.rss-bar { border-color: #039BE5; background: #039BE5; background: -webkit-linear-gradient( #039BE5 0%, #039BE5 100% ); background: linear-gradient( #039BE5 0%, #039BE5 100% ); color: #ffffff; } #topnews-box dt { color: #039BE5; } #topnews-box div dl dd a { color: #000000; } #topnews-box dd { border-bottom-color: #039BE5; } #topnews-box { background-color:transparent!important; } #footer .footerlogo a, #footer .footerlogo, #footer .footer-description a, #footer .footer-description, #footer .head-telno a, #footer .head-telno, #footer .widget_recent_entries ul li a, #footer .widget_recent_entries ul li, #footer .widget_categories ul li a, #footer .widget_categories ul li, #footer .rankh3:not(.st-css-no), #footer .st_side_rankwidgets a, #footer .rankwidgets-cont p, #footer .kanren dd a, #footer .kanren .st-excerpt p, #footer .kanren .blog_info p, footer .footer-l *, footer .footer-l a, #footer .menu-item a, #footer .copyr, #footer .copyr a, #footer .copy, #footer .copy a { color: #ffffff !important; } #footer #newsin dt, #footer #newsin dd a, #footer #newsin dd, #footer .cat-item a, #footer .tagcloud a { color: #ffffff; border-color: #ffffff; } #footer .st-widgets-title { color: #ffffff; font-weight: bold; } footer .footermenust li { border-right-color: #ffffff !important; } #footer { max-width:100%; background: #ffffff; background: url(), -webkit-linear-gradient(top, #0037ff 0%,#ffffff 100%); background: url(), linear-gradient(to bottom, #0037ff 0%,#ffffff 100%); } .st-pvm-ranking-item-image::before, .poprank-no { background: #039BE5; } .post .p-entry, #side .p-entry, .home-post .p-entry { background: #039BE5; color: #ffffff; } .pop-box, .nowhits .pop-box, .nowhits-eye .pop-box, .st-eyecatch + .nowhits .pop-box { border-top-color: #039BE5; background: #f4fbff; } .p-entry::after { border-bottom: 5px solid #039BE5; border-left: 5px solid #039BE5; } .pop-box:not(.st-wpp-views-widgets), #side aside .kanren.pop-box:not(.st-wpp-views-widgets) { padding:20px 20px 10px; } .pop-box:not(.st-wpp-views-widgets), #side aside .kanren.pop-box:not(.st-wpp-views-widgets) { padding:30px 20px 10px; border: none; } .poprank-no2, .poprank-no { background: #039BE5; color: #ffffff!important; } #st-magazine .st-wp-views, #st-magazine .st-wp-views-limit, .st-wppviews-label .wpp-views, .st-wppviews-label .wpp-views-limit, .st-wpp-views-widgets .st-wppviews-label .wpp-views { color: #ffffff; background:#039BE5; } .st-formbtn { border-radius: 3px; background: #039BE5; } .st-formbtn .st-originalbtn-r { border-left-color: #ffffff; } a.st-formbtnlink { color: #ffffff; } .st-originalbtn { border-radius: 3px; background: #039BE5; } .st-originalbtn .st-originalbtn-r { border-left-color: #ffffff; } a.st-originallink { color: #ffffff; } .st-middle-menu { background: #039BE5; background: -webkit-linear-gradient(left, #13b0fc 0%,#039BE5 100%); background: linear-gradient(to left, #13b0fc 0%,#039BE5 100%); } .st-middle-menu ul{ } .st-middle-menu .menu > li{ } .st-middle-menu .menu > li:last-child { border-bottom: none; } .st-middle-menu .menu li a{ color: #ffffff; } #sidebg { background: #f4fbff; } #side aside .st-pagelists ul li:not(.sub-menu) { border-color: #000000; } #side aside .st-pagelists ul .sub-menu li { border: none; } #side aside .st-pagelists ul li:last-child { border-bottom: 1px solid #000000; } #side aside .st-pagelists ul .sub-menu li:first-child { border-top: 1px solid #000000; } #side aside .st-pagelists ul li li:last-child { border: none; } #side aside .st-pagelists ul .sub-menu .sub-menu li { border: none; } #side aside .st-pagelists ul li a { color: #0a0a0a; background: #039BE5; background: url(), -webkit-linear-gradient(left, #13b0fc 0%,#039BE5 100%); background: url(), linear-gradient(to left, #13b0fc 0%,#039BE5 100%); } #side aside .st-pagelists .sub-menu a { border-bottom-color: #13b0fc; color: #039BE5; } #side aside .st-pagelists .sub-menu .sub-menu li:last-child { border-bottom: 1px solid #13b0fc; } #side aside .st-pagelists .sub-menu li .sub-menu a, #side aside .st-pagelists .sub-menu li .sub-menu .sub-menu li a { color: #039BE5; } #side aside .st-pagelists .sub-menu li .sub-menu a:hover, #side aside .st-pagelists .sub-menu li .sub-menu .sub-menu li a:hover, #side aside .st-pagelists .sub-menu a:hover { opacity:0.8; color: #039BE5; } #side aside .st-pagelists ul li a { padding-left:15px; } #side aside .st-pagelists ul li a { padding-top:8px; padding-bottom:8px; } #side aside .st-pagelists ul li a:before { content: "\f138\00a0\00a0"; font-family: FontAwesome; color:#0a0a0a; } #side aside .st-pagelists li li a:before { content: none; } #side aside .st-pagelists li li a:before { content: "\f105\00a0\00a0"; font-family: FontAwesome; color:#039BE5; } .wpcf7-submit { background: #039BE5; color: #ffffff; } @media only screen and (max-width: 959px) { } @media only screen and (min-width: 600px) { .st-pvm-ranking-item-image { width: 150px; } #toc_container > ul > li { font-size: 21px; } #st_toc_container:not(.st_toc_contracted):not(.only-toc), #toc_container:not(.contracted) { } } @media only screen and (min-width: 600px) and (max-width: 959px) { .post .entry-content p:not(.p-entry-t):not(.p-free):not(.sitename):not(.post-slide-title):not(.post-slide-date):not(.post-slide-more):not(.st-catgroup):not(.wp-caption-text):not(.cardbox-more):not(.st-minihukidashi):not(.st-mybox-title):not(.st-memobox-title):not(.st-mybtn), .post .entry-content .st-kaiwa-hukidashi, .post .entry-content .st-kaiwa-hukidashi2, .post .entry-content .yellowbox, .post .entry-content .graybox, .post .entry-content .redbox, .post .entry-content #topnews .clearfix dd p, .post .entry-content ul li, .post .entry-content ol li, .post .entry-content #st_toc_container > ul > li, .post .entry-content #comments #respond, .post .entry-content #comments h4, .post .entry-content h5:not(.kanren-t):not(.popular-t):not(.st-cardbox-t), .post .entry-content h6 { } .post .entry-content .post-slide-excerpt p:not(.p-entry-t):not(.p-free):not(.sitename):not(.post-slide-title):not(.post-slide-date):not(.post-slide-more):not(.st-catgroup):not(.wp-caption-text):not(.cardbox-more):not(.st-minihukidashi):not(.st-mybox-title):not(.st-memobox-title):not(.st-mybtn), .post .entry-content .st-excerpt p:not(.p-entry-t):not(.p-free):not(.sitename):not(.post-slide-title):not(.post-slide-date):not(.post-slide-more):not(.st-catgroup):not(.wp-caption-text):not(.cardbox-more):not(.st-minihukidashi):not(.st-mybox-title):not(.st-memobox-title):not(.st-mybtn), .post .entry-content .st-card-excerpt p:not(.p-entry-t):not(.p-free):not(.sitename):not(.post-slide-title):not(.post-slide-date):not(.post-slide-more):not(.st-catgroup):not(.wp-caption-text):not(.cardbox-more):not(.st-minihukidashi):not(.st-mybox-title):not(.st-memobox-title):not(.st-mybtn), .post .entry-content .kanren:not(.st-cardbox) .clearfix dd p:not(.p-entry-t):not(.p-free):not(.sitename):not(.post-slide-title):not(.post-slide-date):not(.post-slide-more):not(.st-catgroup):not(.wp-caption-text):not(.cardbox-more):not(.st-minihukidashi):not(.st-mybox-title):not(.st-memobox-title):not(.st-mybtn){ } #contentInner .post .entry-title:not(.st-css-no2) { } .post .entry-content h2:not(.st-css-no2), .post .entry-content .h2modoki{ } .post .entry-content h3:not(.st-css-no2):not(#reply-title), .post .entry-content .h3modoki { } .post .entry-content h4:not(.st-css-no2):not(.point), .post .entry-content .h4modoki { } } @media only screen and (min-width: 960px) { .post .entry-content p:not(.p-entry-t):not(.p-free):not(.sitename):not(.post-slide-title):not(.post-slide-date):not(.post-slide-more):not(.st-catgroup):not(.wp-caption-text):not(.cardbox-more):not(.st-minihukidashi):not(.st-mybox-title):not(.st-memobox-title):not(.st-mybtn), .post .entry-content .st-kaiwa-hukidashi, .post .entry-content .st-kaiwa-hukidashi2, .post .entry-content .yellowbox, .post .entry-content .graybox, .post .entry-content .redbox, .post .entry-content #topnews .clearfix dd p, .post .entry-content ul li, .post .entry-content ol li, .post .entry-content #st_toc_container > ul > li, .post .entry-content #comments #respond, .post .entry-content #comments h4, .post .entry-content h5:not(.kanren-t):not(.popular-t):not(.st-cardbox-t), .post .entry-content h6 { } .post .entry-content .post-slide-excerpt p:not(.p-entry-t):not(.p-free):not(.sitename):not(.post-slide-title):not(.post-slide-date):not(.post-slide-more):not(.st-catgroup):not(.wp-caption-text):not(.cardbox-more):not(.st-minihukidashi):not(.st-mybox-title):not(.st-memobox-title):not(.st-mybtn), .post .entry-content .st-excerpt p:not(.p-entry-t):not(.p-free):not(.sitename):not(.post-slide-title):not(.post-slide-date):not(.post-slide-more):not(.st-catgroup):not(.wp-caption-text):not(.cardbox-more):not(.st-minihukidashi):not(.st-mybox-title):not(.st-memobox-title):not(.st-mybtn), .post .entry-content .st-card-excerpt p:not(.p-entry-t):not(.p-free):not(.sitename):not(.post-slide-title):not(.post-slide-date):not(.post-slide-more):not(.st-catgroup):not(.wp-caption-text):not(.cardbox-more):not(.st-minihukidashi):not(.st-mybox-title):not(.st-memobox-title):not(.st-mybtn), .post .entry-content .kanren:not(.st-cardbox) .clearfix dd p:not(.p-entry-t):not(.p-free):not(.sitename):not(.post-slide-title):not(.post-slide-date):not(.post-slide-more):not(.st-catgroup):not(.wp-caption-text):not(.cardbox-more):not(.st-minihukidashi):not(.st-mybox-title):not(.st-memobox-title):not(.st-mybtn){ } #contentInner .post .entry-title:not(.st-css-no2) { font-size: 25px; line-height: 38px; } .post .entry-content h2:not(.st-css-no2), .post .entry-content .h2modoki{ font-size: 22px; line-height: 32px; } .post .entry-content h3:not(.st-css-no2):not(#reply-title), .post .entry-content .h3modoki { } .post .entry-content h4:not(.st-css-no2):not(.point), .post .entry-content .h4modoki { } #st-menuwide, nav.smanone, nav.st5, #st-header-cardlink, #st-menuwide div.menu, #st-menuwide nav.menu, #st-header, #st-header-under-widgets-box, #content, #footer-in { max-width:1060px; } .st-lp-wide #content { max-width:100%; } #headbox { max-width:1040px; } .colum1:not(.st-lp-wide) #st-header-under-widgets-box, .colum1:not(.st-lp-wide) #content { max-width: 1060px; } #contentInner { float: left; width: 100%; margin-right: -300px; } main { margin-right: 320px; margin-left: 0px; background-color: #fff; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; padding: 30px 50px 30px; } #side aside { float: right; width: 300px; padding: 0px; } #header-r .footermenust { margin: 0; } #toc_container { padding-left: 30px; padding-right: 30px; } #toc_container > ul > li { font-size: 16px; } #toc_container:not(.contracted) { } #st-menuwide { border-top-color: #000000; border-bottom-color: #000000; border-left-color: #000000; border-right-color: #000000; background: #bfb501; background: url(), -webkit-linear-gradient(top, #fffa02 0%,#bfb501 100%); background: url(), linear-gradient(to bottom, #fffa02 0%,#bfb501 100%); } header .smanone ul.menu li, header nav.st5 ul.menu li, header nav.st5 ul.menu li, header #st-menuwide div.menu li, header #st-menuwide nav.menu li { border-right: none; } header .smanone ul.menu li li, header nav.st5 ul.menu li li, header #st-menuwide div.menu li li, header #st-menuwide nav.menu li li { border:none; } header .smanone ul.menu li a, header nav.st5 ul.menu li a, header #st-menuwide div.menu li a, header #st-menuwide nav.menu li a, header .smanone ul.menu li a:hover, header nav.st5 ul.menu li a:hover, header #st-menuwide div.menu li a:hover, header #st-menuwide nav.menu li a:hover{ color: #0a0a0a; } header .smanone ul.menu li:hover, header nav.st5 ul.menu li:hover, header #st-menuwide div.menu li:hover, header #st-menuwide nav.menu li:hover{ background: rgba(255,255,255,0.1); } header .smanone ul.menu li li a:hover, header nav.st5 ul.menu li li a:hover, header #st-menuwide div.menu li li a:hover, header #st-menuwide nav.menu li li a:hover{ opacity:0.9; } header .smanone ul.menu li li a { background: #13b0fc; border-top-color: #bfb501; } #st-menuwide { max-width: 100%; } header .smanone ul.menu { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-lines:multiple; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; } header .headbox .textwidget, #footer .headbox .textwidget{ background: #f4fbff; } .head-telno a, #header-r .footermenust a { color: #ffffff; } #header-r .footermenust li { border-right-color: #ffffff; } .nowhits .pop-box { border-top-color: #039BE5; } #side .smanone.st-excerpt { display:none; } } @media only screen and (max-width: 599px) { .post .entry-content p:not(.p-entry-t):not(.p-free):not(.sitename):not(.post-slide-title):not(.post-slide-date):not(.post-slide-more):not(.st-catgroup):not(.wp-caption-text):not(.cardbox-more):not(.st-minihukidashi):not(.st-mybox-title):not(.st-memobox-title):not(.st-mybtn), .post .entry-content .st-kaiwa-hukidashi, .post .entry-content .st-kaiwa-hukidashi2, .post .entry-content .yellowbox, .post .entry-content .graybox, .post .entry-content .redbox, .post .entry-content #topnews .clearfix dd p, .post .entry-content ul li, .post .entry-content ol li, .post .entry-content #st_toc_container > ul > li, .post .entry-content #comments #respond, .post .entry-content #comments h4, .post .entry-content h5:not(.kanren-t):not(.popular-t):not(.st-cardbox-t), .post .entry-content h6 { } .post .entry-content .post-slide-excerpt p:not(.p-entry-t):not(.p-free):not(.sitename):not(.post-slide-title):not(.post-slide-date):not(.post-slide-more):not(.st-catgroup):not(.wp-caption-text):not(.cardbox-more):not(.st-minihukidashi):not(.st-mybox-title):not(.st-memobox-title):not(.st-mybtn), .post .entry-content .st-excerpt p:not(.p-entry-t):not(.p-free):not(.sitename):not(.post-slide-title):not(.post-slide-date):not(.post-slide-more):not(.st-catgroup):not(.wp-caption-text):not(.cardbox-more):not(.st-minihukidashi):not(.st-mybox-title):not(.st-memobox-title):not(.st-mybtn), .post .entry-content .st-card-excerpt p:not(.p-entry-t):not(.p-free):not(.sitename):not(.post-slide-title):not(.post-slide-date):not(.post-slide-more):not(.st-catgroup):not(.wp-caption-text):not(.cardbox-more):not(.st-minihukidashi):not(.st-mybox-title):not(.st-memobox-title):not(.st-mybtn), .post .entry-content .kanren:not(.st-cardbox) .clearfix dd p:not(.p-entry-t):not(.p-free):not(.sitename):not(.post-slide-title):not(.post-slide-date):not(.post-slide-more):not(.st-catgroup):not(.wp-caption-text):not(.cardbox-more):not(.st-minihukidashi):not(.st-mybox-title):not(.st-memobox-title):not(.st-mybtn){ } #contentInner .post .entry-title:not(.st-css-no2) { } .post .entry-content h2:not(.st-css-no2), .post .entry-content .h2modoki{ } .post .entry-content h3:not(.st-css-no2):not(#reply-title), .post .entry-content .h3modoki { } .post .entry-content h4:not(.st-css-no2):not(.point), .post .entry-content .h4modoki { } }