.reviewBox {
display: block;
max-width: 500px;
background: #F5F7FF;
border: 1px solid #7B86C6;
margin: 20px auto;
padding: 0;
border-radius: 10px;
}
.reviewBox .reviewBox_content {
padding: 30px;
}
.reviewBox .reviewBox_title1 {
margin: 0;
padding: 12px;
background: #7B86C6;
text-align: center;
font-size: 15px !important;
font-weight: bold;
border-radius: 10px 10px 0 0;
line-height: 1.3em;
border: none;
color: #fff !important;
}
.reviewBox .reviewBox_title1:before {
font-family: "Font Awesome 5 Free";
content: "\f005";
font-weight: 600;
padding-right: 5px;
font-size: .9em !important
}
.reviewBox .reviewBox_title2 {
margin: 0;
padding: 0;
line-height: 1.3em;
font-size: 16px;
margin-bottom: 10px;
font-weight: bold;
border: none;
}
.reviewBox .reviewBox_title2:before {
content: none !important;
}
.reviewBox .reviewBox_top {
margin: auto;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
}
.reviewBox .reviewBox_top p {
margin: 0;
padding: 0;
line-height: 1.3em;
padding-bottom: 12px;
font-size: 15px !important;
}
.reviewBox .reviewBox_top p:before {
font-family: "Font Awesome 5 Free";
content: "\f00c";
font-weight: 600;
padding-right: 5px;
font-size: .8em;
}
.reviewBox .reviewBox_top .reviewBox_left,
.reviewBox .reviewBox_top .reviewBox_right {
width: 50%;
}
.reviewBox .reviewBox_top .reviewBox_right img {
display: block;
margin: auto;
width: 160px;
}
.reviewBox .reviewBox_center {
margin-top: 10px;
}
.reviewBox .reviewLink {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.reviewBox .reviewLink a {
font-size: 15px !important;
color: #444 !important;
border: 2px solid #444;
padding: .6em 2em;
margin: 5px;
width: 50%;
text-align: center;
margin-top: 30px;
text-decoration: none;
}
.reviewBox .reviewLink a:nth-child(2) {
background: #7B86C6;
color: #fff !important;
border: 2px solid #7B86C6;
}
.reviewBox .reviewLink a:before {
font-family: "Font Awesome 5 Free";
content: "\f138";
font-weight: 600;
padding-right: 5px;
}
.reviewBox .reviewBox_center {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
padding: 20px 0;
}
.reviewBox .reviewBox_center .progress-circle {
width: 25%;
margin: auto;
}
.reviewBox .progress-circle {
font-size: 12px !important;
margin: 20px;
position: relative;
/* so that children can be absolutely positioned */
padding: 0;
width: 5em !important;
height: 5em !important;
background-color: #D7DBF3;
border-radius: 50%;
line-height: 5em;
}
.reviewBox .reviewBox_score {
font-size: 13px !important;
text-align: center;
line-height: 1em;
z-index: 4;
padding-top: 5.5em;
display: block;
font-weight: 600;
}
.reviewBox .reviewBox_score p {
margin: 0;
font-size: 12px !important;
width: 120% !important;
margin-left: -10% !important;
}
.reviewBox .progress-circle:after {
border: none;
position: absolute;
top: 0.5em;
left: 0.5em;
text-align: center;
display: block;
border-radius: 50%;
width: 4em;
height: 4em;
background-color: #F5F7FF;
content: " ";
}
.reviewBox .progress-circle .progress-text {
position: absolute;
line-height: 2.6em;
width: 2.6em;
text-align: center;
display: block;
color: #444 !important;
font-size: 23px !important;
z-index: 2;
font-family: -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", HelveticaNeue, "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "Sogoe UI", Verdana, "メイリオ", Meiryo, sans-serif;
}
.reviewBox .left-half-clipper {
border-radius: 50%;
width: 5em;
height: 5em;
position: absolute;
/* needed for clipping */
clip: rect(0, 5em, 5em, 2.5em);
/* clips the whole left half*/
}
.reviewBox .progress-circle.over50 .left-half-clipper {
clip: rect(auto, auto, auto, auto);
}
.reviewBox .value-bar {
position: absolute;
/*needed for clipping*/
clip: rect(0, 2.5em, 5em, 0);
width: 5em !important;
height: 5em !important;
border-radius: 50%;
border: 0.5em solid #7B86C6;
box-sizing: border-box;
}
.reviewBox .progress-circle.over50 .first50-bar {
position: absolute;
/*needed for clipping*/
clip: rect(0, 5em, 5em, 2.5em);
background-color: #7B86C6;
border-radius: 50%;
width: 5em;
height: 5em;
}
.reviewBox .progress-circle:not(.over50) .first50-bar {
display: none;
}
.reviewBox .progress-circle.p0 .value-bar {
display: none;
}
.reviewBox .progress-circle.p1 .value-bar {
transform: rotate(4deg);
}
.reviewBox .progress-circle.p10 .value-bar {
transform: rotate(36deg);
}
.reviewBox .progress-circle.p20 .value-bar {
transform: rotate(72deg);
}
.reviewBox .progress-circle.p30 .value-bar {
transform: rotate(108deg);
}
.reviewBox .progress-circle.p40 .value-bar {
transform: rotate(144deg);
}
.reviewBox .progress-circle.p50 .value-bar {
transform: rotate(180deg);
}
.reviewBox .progress-circle.p60 .value-bar {
transform: rotate(216deg);
}
.reviewBox .progress-circle.p70 .value-bar {
transform: rotate(252deg);
}
.reviewBox .progress-circle.p80 .value-bar {
transform: rotate(288deg);
}
.reviewBox .progress-circle.p90 .value-bar {
transform: rotate(324deg);
}
.reviewBox .progress-circle.p100 .value-bar {
transform: rotate(360deg);
}
@media screen and (max-width:480px) {
.reviewBox .reviewBox_content {
padding: 15px;
}
.reviewBox .reviewBox_top .reviewBox_right img {
width: 220px;
}
.reviewBox .reviewBox_top p {
font-size: 13px !important;
}
.reviewBox .reviewBox_top p:first-child {
font-size: 15px !important;
}
.reviewBox .reviewBox_center {
padding: 0;
margin-top: 20px;
margin-bottom: 20px;
}
.reviewBox .reviewLink a {
padding: .5em;
}
.reviewBox .reviewBox_top {
flex-direction: column;
flex-wrap: wrap;
justify-content: center;
align-items: center;
}
.reviewBox .reviewBox_top .reviewBox_left {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 2;
-webkit-order: 2;
order: 2;
width: 90%;
margin: auto;
margin-top: 20px;
}
.reviewBox .reviewBox_top .reviewBox_right {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 1;
-webkit-order: 1;
order: 1;
width: 100%;
}
.reviewBox .reviewLink a {
font-size: 13px !important;
}
.reviewBox .progress-circle .progress-text {
line-height: 2.2em;
width: 2.2em;
font-size: 23px !important;
}
.reviewBox .progress-circle {
font-size: 10px !important;
}
.reviewBox .reviewBox_score p {
font-size: 10px !important;
}
}
東京五輪を終えて:不安を乗り越える姿勢 | 人生の目標を持つこと
").attr(n.scriptAttrs||{}).prop({charset:n.scriptCharset,src:n.url}).on("load error",i=function(e){r.remove(),i=null,e&&t("error"===e.type?404:200,e.type)}),C.head.appendChild(r[0])},abort:function(){i&&i()}}});var Jt,Kt=[],Zt=/(=)\?(?=&|$)|\?\?/;ce.ajaxSetup({jsonp:"callback",jsonpCallback:function(){var e=Kt.pop()||ce.expando+"_"+jt.guid++;return this[e]=!0,e}}),ce.ajaxPrefilter("json jsonp",function(e,t,n){var r,i,o,a=!1!==e.jsonp&&(Zt.test(e.url)?"url":"string"==typeof e.data&&0===(e.contentType||"").indexOf("application/x-www-form-urlencoded")&&Zt.test(e.data)&&"data");if(a||"jsonp"===e.dataTypes[0])return r=e.jsonpCallback=v(e.jsonpCallback)?e.jsonpCallback():e.jsonpCallback,a?e[a]=e[a].replace(Zt,"$1"+r):!1!==e.jsonp&&(e.url+=(At.test(e.url)?"&":"?")+e.jsonp+"="+r),e.converters["script json"]=function(){return o||ce.error(r+" was not called"),o[0]},e.dataTypes[0]="json",i=ie[r],ie[r]=function(){o=arguments},n.always(function(){void 0===i?ce(ie).removeProp(r):ie[r]=i,e[r]&&(e.jsonpCallback=t.jsonpCallback,Kt.push(r)),o&&v(i)&&i(o[0]),o=i=void 0}),"script"}),le.createHTMLDocument=((Jt=C.implementation.createHTMLDocument("").body).innerHTML="",2===Jt.childNodes.length),ce.parseHTML=function(e,t,n){return"string"!=typeof e?[]:("boolean"==typeof t&&(n=t,t=!1),t||(le.createHTMLDocument?((r=(t=C.implementation.createHTMLDocument("")).createElement("base")).href=C.location.href,t.head.appendChild(r)):t=C),o=!n&&[],(i=w.exec(e))?[t.createElement(i[1])]:(i=Ae([e],t,o),o&&o.length&&ce(o).remove(),ce.merge([],i.childNodes)));var r,i,o},ce.fn.load=function(e,t,n){var r,i,o,a=this,s=e.indexOf(" ");return-1").append(ce.parseHTML(e)).find(r):e)}).always(n&&function(e,t){a.each(function(){n.apply(this,o||[e.responseText,t,e])})}),this},ce.expr.pseudos.animated=function(t){return ce.grep(ce.timers,function(e){return t===e.elem}).length},ce.offset={setOffset:function(e,t,n){var r,i,o,a,s,u,l=ce.css(e,"position"),c=ce(e),f={};"static"===l&&(e.style.position="relative"),s=c.offset(),o=ce.css(e,"top"),u=ce.css(e,"left"),("absolute"===l||"fixed"===l)&&-1<(o+u).indexOf("auto")?(a=(r=c.position()).top,i=r.left):(a=parseFloat(o)||0,i=parseFloat(u)||0),v(t)&&(t=t.call(e,n,ce.extend({},s))),null!=t.top&&(f.top=t.top-s.top+a),null!=t.left&&(f.left=t.left-s.left+i),"using"in t?t.using.call(e,f):c.css(f)}},ce.fn.extend({offset:function(t){if(arguments.length)return void 0===t?this:this.each(function(e){ce.offset.setOffset(this,t,e)});var e,n,r=this[0];return r?r.getClientRects().length?(e=r.getBoundingClientRect(),n=r.ownerDocument.defaultView,{top:e.top+n.pageYOffset,left:e.left+n.pageXOffset}):{top:0,left:0}:void 0},position:function(){if(this[0]){var e,t,n,r=this[0],i={top:0,left:0};if("fixed"===ce.css(r,"position"))t=r.getBoundingClientRect();else{t=this.offset(),n=r.ownerDocument,e=r.offsetParent||n.documentElement;while(e&&(e===n.body||e===n.documentElement)&&"static"===ce.css(e,"position"))e=e.parentNode;e&&e!==r&&1===e.nodeType&&((i=ce(e).offset()).top+=ce.css(e,"borderTopWidth",!0),i.left+=ce.css(e,"borderLeftWidth",!0))}return{top:t.top-i.top-ce.css(r,"marginTop",!0),left:t.left-i.left-ce.css(r,"marginLeft",!0)}}},offsetParent:function(){return this.map(function(){var e=this.offsetParent;while(e&&"static"===ce.css(e,"position"))e=e.offsetParent;return e||J})}}),ce.each({scrollLeft:"pageXOffset",scrollTop:"pageYOffset"},function(t,i){var o="pageYOffset"===i;ce.fn[t]=function(e){return M(this,function(e,t,n){var r;if(y(e)?r=e:9===e.nodeType&&(r=e.defaultView),void 0===n)return r?r[i]:e[t];r?r.scrollTo(o?r.pageXOffset:n,o?n:r.pageYOffset):e[t]=n},t,e,arguments.length)}}),ce.each(["top","left"],function(e,n){ce.cssHooks[n]=Ye(le.pixelPosition,function(e,t){if(t)return t=Ge(e,n),_e.test(t)?ce(e).position()[n]+"px":t})}),ce.each({Height:"height",Width:"width"},function(a,s){ce.each({padding:"inner"+a,content:s,"":"outer"+a},function(r,o){ce.fn[o]=function(e,t){var n=arguments.length&&(r||"boolean"!=typeof e),i=r||(!0===e||!0===t?"margin":"border");return M(this,function(e,t,n){var r;return y(e)?0===o.indexOf("outer")?e["inner"+a]:e.document.documentElement["client"+a]:9===e.nodeType?(r=e.documentElement,Math.max(e.body["scroll"+a],r["scroll"+a],e.body["offset"+a],r["offset"+a],r["client"+a])):void 0===n?ce.css(e,t,i):ce.style(e,t,n,i)},s,n?e:void 0,n)}})}),ce.each(["ajaxStart","ajaxStop","ajaxComplete","ajaxError","ajaxSuccess","ajaxSend"],function(e,t){ce.fn[t]=function(e){return this.on(t,e)}}),ce.fn.extend({bind:function(e,t,n){return this.on(e,null,t,n)},unbind:function(e,t){return this.off(e,null,t)},delegate:function(e,t,n,r){return this.on(t,e,n,r)},undelegate:function(e,t,n){return 1===arguments.length?this.off(e,"**"):this.off(t,e||"**",n)},hover:function(e,t){return this.on("mouseenter",e).on("mouseleave",t||e)}}),ce.each("blur focus focusin focusout resize scroll click dblclick mousedown mouseup mousemove mouseover mouseout mouseenter mouseleave change select submit keydown keypress keyup contextmenu".split(" "),function(e,n){ce.fn[n]=function(e,t){return 0
本 ペ ー ジ は プ ロ モ ー シ ョ ン が 含 ま れ て い ま す
東京五輪を終えて:不安を乗り越える姿勢
トレンド記事
2021.08.14
昨今、コロナ禍の影響で、マスク着用必須、外出自粛等ウイルス発生以前と違い、私達誰もが毎日の暮らしが不安で一杯です。
オリンピック出場選手は、大会に参加するまで、他人には言えない辛さ、不安を持って、試合に臨んでいますが、改めて、テレビ観賞で、選手の奮闘ぶりを見ていまして、私達視聴者は、なんて狭い心しか持てなかったのかと考えさせられました。
『手に汗握る展開』、『失敗しても、他国の選手と励まし合う』。
現在or将来の不安を持つ人は、不安で何もできないから、投げやりor諦めの気持ちばかり持てば、どうでしょう。
オリンピック出場選手の活躍とすせひたむきな姿勢が、私達視聴者の気持ちを勇気付けたと感じました。

タイトルとURLをコピーしました