html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0;word-wrap:break-word}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],/* 1 */
body{font-size:17px;background-color:#F4F4F4;}@media screen and (min-width: 920px){body{width:620px;margin:0 auto}}body .article-header-wrapper img{max-width:100%}body .article-body{position:relative;font-size:17px;line-height:1.8;padding:15px 20px;background-color:#ffffff}body .article-body span,body .article-body p,body .article-body div,body .article-body h1,body .article-body h2,body .article-body h3,body .article-body h4,body .article-body h5,body .article-body h6{max-width:100%}body .article-body .sb-font-bold{font-weight:bold}body .article-body .sb-color-black{color:#000}body .article-body .sb-color-red{color:#ff0000}body .article-body .sb-color-blue{color:#0000ff}body .article-body .sb-align-left{display:block;text-align:left}body .article-body .sb-align-center{display:block;text-align:center}body .article-body .sb-align-right{display:block;text-align:right}body .article-body .sb-bg-gray{background:linear-gradient(to right, #eee 50%, transparent 50%) 100% 0%/200% 70% no-repeat;background:-webkit-linear-gradient(left, #eee 50%, transparent 50%) 100% 0%/200% 70% no-repeat;transition:background-position 1s ease-out;-webkit-transition:background-position 1s ease-out;background-position:bottom 0 right 100%}body .article-body .sb-bg-white{background:linear-gradient(to right, #fff 50%, transparent 50%) 100% 0%/200% 70% no-repeat;background:-webkit-linear-gradient(left, #fff 50%, transparent 50%) 100% 0%/200% 70% no-repeat;transition:background-position 1s ease-out;-webkit-transition:background-position 1s ease-out;background-position:bottom 0 right 100%}body .article-body .sb-bg-black{background:linear-gradient(to right, #000 50%, transparent 50%) 100% 0%/200% 70% no-repeat;background:-webkit-linear-gradient(left, #000 50%, transparent 50%) 100% 0%/200% 70% no-repeat;transition:background-position 1s ease-out;-webkit-transition:background-position 1s ease-out;background-position:bottom 0 right 100%}body .article-body .sb-bg-red{background:linear-gradient(to right, red 50%, transparent 50%) 100% 0%/200% 70% no-repeat;background:-webkit-linear-gradient(left, red 50%, transparent 50%) 100% 0%/200% 70% no-repeat;transition:background-position 1s ease-out;-webkit-transition:background-position 1s ease-out;background-position:bottom 0 right 100%}body .article-body .sb-bg-green{background:linear-gradient(to right, lime 50%, transparent 50%) 100% 0%/200% 70% no-repeat;background:-webkit-linear-gradient(left, lime 50%, transparent 50%) 100% 0%/200% 70% no-repeat;transition:background-position 1s ease-out;-webkit-transition:background-position 1s ease-out;background-position:bottom 0 right 100%}body .article-body .sb-bg-yellow{background:linear-gradient(to right, #ffee57 50%, transparent 50%) 100% 0%/200% 70% no-repeat;background:-webkit-linear-gradient(left, #ffee57 50%, transparent 50%) 100% 0%/200% 70% no-repeat;transition:background-position 1s ease-out;-webkit-transition:background-position 1s ease-out;background-position:bottom 0 right 100%}body .article-body .sb-bg-blue{background:linear-gradient(to right, blue 50%, transparent 50%) 100% 0%/200% 70% no-repeat;background:-webkit-linear-gradient(left, blue 50%, transparent 50%) 100% 0%/200% 70% no-repeat;transition:background-position 1s ease-out;-webkit-transition:background-position 1s ease-out;background-position:bottom 0 right 100%}body .article-body .sb-fs-10{font-size:10px}body .article-body .sb-fs-13{font-size:13px}body .article-body .sb-fs-15{font-size:15px}body .article-body .sb-fs-17{font-size:17px}body .article-body .sb-fs-19{font-size:19px}body .article-body .sb-fs-21{font-size:21px}body .article-body .sb-fs-23{font-size:23px}body .article-body .sb-fs-25{font-size:25px}body .article-body .sb-fs-27{font-size:27px}body .article-body .sb-fs-29{font-size:29px}body .article-body h2{font-size:27px;margin:0}body .article-body p{margin:0}body .article-body a{text-decoration:underline;color:#4682b4}body .article-body iframe{display:block;max-width:100%;margin-top:20px !important;margin-bottom:20px !important}body .article-body video{display:block;max-width:100%;margin-top:20px !important;margin-bottom:20px !important}body .article-body video:not(.lazyload){height:auto !important}body .article-body img:not(.lazyload){height:auto !important}body .article-body img{display:block;max-width:100%;margin-top:20px !important;margin-bottom:20px !important}body .article-body img.sb-fl{float:left;margin-right:10px}body .article-body img.sb-fc{display:block;float:none;margin:0 auto}body .article-body img.sb-fr{float:right;margin-left:10px}body .article-body img.sb-img-move-side{animation:sb_img_move_side 1s ease-in-out infinite alternate !important}@keyframes sb_img_move_side{0%{transform:translateX(-5px)}100%{transform:translateX(5px)}}body .article-body .sb-bg-gum-marker,body .article-body .sb-bg-gum-marker-animated{background:linear-gradient(to right, #ffee57 50%, transparent 50%) 100% 0%/200% 70% no-repeat;background:-webkit-linear-gradient(left, #ffee57 50%, transparent 50%) 100% 0%/200% 70% no-repeat;transition:background-position 1s ease-out;-webkit-transition:background-position 1s ease-out}body .article-body .sb-bg-gum-marker.animated,body .article-body .sb-bg-gum-marker-animated.animated{background-position:bottom 0 right 100% !important}body .article-body .sb-bg-gum-marker.sb-bg-gray,body .article-body .sb-bg-gum-marker-animated.sb-bg-gray{background:linear-gradient(to right, #eee 50%, transparent 50%) 100% 0%/200% 70% no-repeat;background:-webkit-linear-gradient(left, #eee 50%, transparent 50%) 100% 0%/200% 70% no-repeat;transition:background-position 1s ease-out;-webkit-transition:background-position 1s ease-out}body .article-body .sb-bg-gum-marker.sb-bg-gray.animated,body .article-body .sb-bg-gum-marker-animated.sb-bg-gray.animated{background-position:bottom 0 right 100%}body .article-body .sb-bg-gum-marker.sb-bg-white,body .article-body .sb-bg-gum-marker-animated.sb-bg-white{background:linear-gradient(to right, #fff 50%, transparent 50%) 100% 0%/200% 70% no-repeat;background:-webkit-linear-gradient(left, #fff 50%, transparent 50%) 100% 0%/200% 70% no-repeat;transition:background-position 1s ease-out;-webkit-transition:background-position 1s ease-out}body .article-body .sb-bg-gum-marker.sb-bg-white.animated,body .article-body .sb-bg-gum-marker-animated.sb-bg-white.animated{background-position:bottom 0 right 100%}body .article-body .sb-bg-gum-marker.sb-bg-black,body .article-body .sb-bg-gum-marker-animated.sb-bg-black{background:linear-gradient(to right, #000 50%, transparent 50%) 100% 0%/200% 70% no-repeat;background:-webkit-linear-gradient(left, #000 50%, transparent 50%) 100% 0%/200% 70% no-repeat;transition:background-position 1s ease-out;-webkit-transition:background-position 1s ease-out}body .article-body .sb-bg-gum-marker.sb-bg-black.animated,body .article-body .sb-bg-gum-marker-animated.sb-bg-black.animated{background-position:bottom 0 right 100%}body .article-body .sb-bg-gum-marker.sb-bg-red,body .article-body .sb-bg-gum-marker-animated.sb-bg-red{background:linear-gradient(to right, red 50%, transparent 50%) 100% 0%/200% 70% no-repeat;background:-webkit-linear-gradient(left, red 50%, transparent 50%) 100% 0%/200% 70% no-repeat;transition:background-position 1s ease-out;-webkit-transition:background-position 1s ease-out}body .article-body .sb-bg-gum-marker.sb-bg-red.animated,body .article-body .sb-bg-gum-marker-animated.sb-bg-red.animated{background-position:bottom 0 right 100%}body .article-body .sb-bg-gum-marker.sb-bg-green,body .article-body .sb-bg-gum-marker-animated.sb-bg-green{background:linear-gradient(to right, lime 50%, transparent 50%) 100% 0%/200% 70% no-repeat;background:-webkit-linear-gradient(left, lime 50%, transparent 50%) 100% 0%/200% 70% no-repeat;transition:background-position 1s ease-out;-webkit-transition:background-position 1s ease-out}body .article-body .sb-bg-gum-marker.sb-bg-green.animated,body .article-body .sb-bg-gum-marker-animated.sb-bg-green.animated{background-position:bottom 0 right 100%}body .article-body .sb-bg-gum-marker.sb-bg-yellow,body .article-body .sb-bg-gum-marker-animated.sb-bg-yellow{background:linear-gradient(to right, #ffee57 50%, transparent 50%) 100% 0%/200% 70% no-repeat;background:-webkit-linear-gradient(left, #ffee57 50%, transparent 50%) 100% 0%/200% 70% no-repeat;transition:background-position 1s ease-out;-webkit-transition:background-position 1s ease-out}body .article-body .sb-bg-gum-marker.sb-bg-yellow.animated,body .article-body .sb-bg-gum-marker-animated.sb-bg-yellow.animated{background-position:bottom 0 right 100%}body .article-body .sb-bg-gum-marker.sb-bg-blue,body .article-body .sb-bg-gum-marker-animated.sb-bg-blue{background:linear-gradient(to right, blue 50%, transparent 50%) 100% 0%/200% 70% no-repeat;background:-webkit-linear-gradient(left, blue 50%, transparent 50%) 100% 0%/200% 70% no-repeat;transition:background-position 1s ease-out;-webkit-transition:background-position 1s ease-out}body .article-body .sb-bg-gum-marker.sb-bg-blue.animated,body .article-body .sb-bg-gum-marker-animated.sb-bg-blue.animated{background-position:bottom 0 right 100%}body .article-body .article-body-comment{display:table;margin-bottom:1.5em;padding-bottom:1em;width:100% !important;max-width:100% !important}body .article-body .article-body-comment .comment-image,body .article-body .article-body-comment .comment-content{display:table-cell;vertical-align:top}body .article-body .article-body-comment .comment-image{padding-right:1em}body .article-body .article-body-comment .comment-image>img{display:block;height:auto;max-width:none;margin-top:0 !important;margin-bottom:0 !important}body .article-body .article-body-comment .comment-content{width:100%}body .article-body .article-body-comment .comment-content .comment-title{font-size:1em;margin:0 0 0.5em 0;font-weight:bold}body .article-body .article-body-comment .comment-content p{line-height:1.5em;margin-bottom:0.5em}body .article-body .article-body-comment .comment-content p.comment-detail{color:rgba(51,51,51,0.5);font-size:0.9em;font-style:italic}body .article-body .sb-custom img{display:block !important}body .article-body .sb-form iframe{height:0;margin:0 auto !important}
body {
}
.article-body {
font-size: 17px !important;
font-family: Hiragino Sans, Arial, sans-serif !important;
color: #000000 !important;
line-height: 1.8 !important;
padding-top: 0px !important;
padding-bottom: 15px !important;
padding-left: 5px !important;
padding-right: 5px !important;
}
body .article-body iframe {
}
body .article-body img {
display: unset !important;
margin-top: 0px !important;
margin-bottom: 0px !important;
}
body .article-body video {
display: unset !important;
}
body .article-body .sb-custom {
font-size: 17px !important;
font-family: Hiragino Sans, Arial, sans-serif !important;
color: #000000 !important;
line-height: 1.8 !important;
}
body .article-body .sb-custom img {
margin-top: 0px !important;
margin-bottom: 0px !important;
}
#sb-part-14762.sb-custom-part-mk28sansd0w52myog94 .main {
margin: 0px -5px 0 -5px !important;
max-width: unset;
}
#sb-part-14762.sb-custom-part-mk28sansd0w52myog94 img {
width: 100%;
}
#sb-part-14762.sb-custom-part-mk28sansd0w52myog94 .pr-text {
text-align: right;
font-size: 10px;
color: #bbbbbb;
white-space: nowrap;
}
#sb-part-1528.sb-custom-part-mhprc1rba5s4hoo848e .disp_pc {
display: block !important;
}
#sb-part-1528.sb-custom-part-mhprc1rba5s4hoo848e .disp_sp {
display: none !important;
}
@media(max-width:640px) {
#sb-part-1528.sb-custom-part-mhprc1rba5s4hoo848e .word01 {
margin: 8vw auto;
padding: 0 4vw;
}
#sb-part-1528.sb-custom-part-mhprc1rba5s4hoo848e .disp_pc {
display: none !important;
}
#sb-part-1528.sb-custom-part-mhprc1rba5s4hoo848e .disp_sp {
display: block !important;
}
}
#sb-part-1528.sb-custom-part-mhprc1rba5s4hoo848e #search_form {
border-collapse: collapse;
border: 1px solid #cccccc;
width: 100%;
font-size: 12px;
margin-bottom: 10px;
}
#sb-part-1528.sb-custom-part-mhprc1rba5s4hoo848e #search_form th,
#sb-part-1528.sb-custom-part-mhprc1rba5s4hoo848e #search_form td {
border-bottom: 1px solid #cccccc;
padding: 7px;
line-height: 1.5em;
}
#sb-part-1528.sb-custom-part-mhprc1rba5s4hoo848e #search_form th {
text-align: center;
width: 150px;
background-color: #FFC0CB;
}
#sb-part-1528.sb-custom-part-mhprc1rba5s4hoo848e #search_form .table_head {
border: 1px solid #cccccc;
text-align: center;
background-color: #ff3f98;
color: #ffffff;
font-weight: bold;
padding: 8px;
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #ff3f98), color-stop(0.00, #ff3f98));
background: -webkit-linear-gradient(top, #ff3f98 0%, #ff3f98 100%);
background: -moz-linear-gradient(top, #ff3f98 0%, #ff3f98 100%);
background: -o-linear-gradient(top, #ff3f98 0%, #ff3f98 100%);
background: -ms-linear-gradient(top, #ff3f98 0%, #ff3f98 100%);
background: linear-gradient(top, #ff3f98 0%, #ff3f98 100%);
font-size: 18px;
}
#sb-part-1528.sb-custom-part-mhprc1rba5s4hoo848e #search_form label {
width: 160px;
display: -moz-inline-box;
/*for Firefox 2*/
display: inline-block;
/*for modern*/
padding: 5px auto;
}
#sb-part-1528.sb-custom-part-mhprc1rba5s4hoo848e #btn_space {
text-align: center;
}
#sb-part-1528.sb-custom-part-mhprc1rba5s4hoo848e #btn_space input {
width: 300px;
height: 40px;
font-size: 16px;
cursor: pointer;
font-family: "?q???M?m?p?S Pro W3", "Hiragino Kaku Gothic Pro", "???C???I", Meiryo, Osaka, "?l?r ?o?S?V?b?N", "MS PGothic", sans-serif;
color: #000000;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
}
#sb-part-10019.sb-custom-part-lyi0e418bauhw5x844v .icon {
position: relative;
font-size: 21px;
font-weight: bold;
color: #FFFFFF;
background: #87CEFA;
line-height: 1.4;
padding: 11px 11px 11px 32px;
border-top: dotted 1px gray;
border-bottom: dotted 1px gray;
}
#sb-part-10019.sb-custom-part-lyi0e418bauhw5x844v .icon:before,
#sb-part-10019.sb-custom-part-lyi0e418bauhw5x844v .icon:after {
content: "";
position: absolute;
display: block;
top: 50%;
transform: translateY(-50%);
}
#sb-part-10019.sb-custom-part-lyi0e418bauhw5x844v .icon:before {
position: absolute;
width: 19px;
height: 19px;
border-radius: 50%;
background: #1E90FF;
left: 5px;
}
#sb-part-10019.sb-custom-part-lyi0e418bauhw5x844v .icon:after {
left: 5px;
width: 6px;
height: 6px;
border-top: 2px solid #FFFFFF;
border-right: 2px solid #FFFFFF;
transform: rotate(45deg) translateY(-65%);
}
#sb-part-9757.sb-custom-part-ly87zsgwtpm6l0mqpv .downArrow {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
#sb-part-9757.sb-custom-part-ly87zsgwtpm6l0mqpv .downArrow>span {
/* 矢印の大きさの設定 */
width: 100px;
height: 65px;
padding: 0 10px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
#sb-part-9757.sb-custom-part-ly87zsgwtpm6l0mqpv .downArrow>span::before {
content: "";
display: block;
margin: 0 auto;
width: 50%;
height: 40%;
/* 矢印の色の設定 */
background: #FF1493;
}
#sb-part-9757.sb-custom-part-ly87zsgwtpm6l0mqpv .downArrow>span::after {
content: "";
display: block;
width: 100%;
height: 60%;
/* 矢印の色の設定 */
background: -webkit-gradient(linear, left bottom, right top, color-stop(49%, transparent), color-stop(50%, #FF1493)) top left/50% 100% no-repeat, -webkit-gradient(linear, right bottom, left top, color-stop(49%, transparent), color-stop(50%, #FF1493)) top right/50% 100% no-repeat;
background: linear-gradient(to top right, transparent 49%, #FF1493 50%) top left/50% 100% no-repeat, linear-gradient(to top left, transparent 49%, #FF1493 50%) top right/50% 100% no-repeat;
}
#sb-part-9757.sb-custom-part-ly87zsgwtpm6l0mqpv
/*動きの速さを変更する場合は、複数あるanimation-durationの1.5s(=1.5秒)の時間を変更
動きの回数を変更する場合は、複数あるanimation-iteration-countのinfinite（=無限, #sb-part-9757.sb-custom-part-ly87zsgwtpm6l0mqpv 3=3回など）を変更*/
.movebtn {
-webkit-animation-name: btnAnime02;
-webkit-animation-duration: 1.5s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: ease;
-moz-animation-name: btnAnime02;
-moz-animation-duration: 1.5s;
-moz-animation-iteration-count: infinite;
-moz-animation-timing-function: ease;
align-items: flex-start;
justify-content: center;
}
@-webkit-keyframes btnAnime02 {
/*初期位置*/
0% {
/*1番目の値はX方向, 2番目の値はY方向*/
-webkit-transform: translate(0, 0);
}
/*animation-durationで設定した値の半分の時間（50%）の時の位置*/
50% {
-webkit-transform: translate(0, -8px);
}
/*animation-durationで設定した値になった（100%）時の位置*/
100% {
-webkit-transform: translate(0, 0);
}
}
/*上記の「@-webkit-keyframes btnAnime02」と同様の値にしてください*/
@-moz-keyframes btnAnime02 {
0% {
-moz-transform: translate(0, 0);
}
50% {
-moz-transform: translate(0, -8px);
}
100% {
-moz-transform: translate(0, 0);
}
}
#sb-part-3063.sb-custom-part-mcu1zniyg0nvxuio3z h2 {
/*文字サイズ*/
font-size: 18px;
/*文字の色*/
color: #fff;
/*吹き出しの背景色。下のh2:afterのborder-colorも同じ色を指定ください*/
background: #4169e1;
/*フォントの太さを指定。100、200、300、400、500、600、700、800、900。フォント種類により数値を上下させても変化しないことがあります*/
font-weight: 600;
/*吹き出し内側の余白。右の値が上下、左の値が左右*/
padding: 1rem;
/*角を丸くする*/
border-radius: 5px;
/*水平方向の字間のスペース*/
letter-spacing: .05em;
position: relative;
}
#sb-part-3063.sb-custom-part-mcu1zniyg0nvxuio3z h2:after {
position: absolute;
bottom: -9px;
left: 1em;
width: 0;
height: 0;
content: '';
border-width: 20px 20px 0 20px;
border-style: solid;
/*吹き出しのしっぽ色*/
border-color: #4169e1 transparent transparent transparent;
}
#sb-part-4759.sb-custom-part-ma1y8o26t8fkx1rcc9 body {
line-height: 1.25;
}
#sb-part-4759.sb-custom-part-ma1y8o26t8fkx1rcc9 table {
border-collapse: collapse;
margin: 0 auto;
padding: 0;
width: 100%;
table-layout: fixed;
}
#sb-part-4759.sb-custom-part-ma1y8o26t8fkx1rcc9 table tr {
background-color: #fff;
padding: .35em;
border: 2px solid #eee;
}
#sb-part-4759.sb-custom-part-ma1y8o26t8fkx1rcc9 table tr.sticky {
position: sticky;
top: 0;
left: 0;
z-index: 9;
}
#sb-part-4759.sb-custom-part-ma1y8o26t8fkx1rcc9 table tr:last-child {
border: none;
}
#sb-part-4759.sb-custom-part-ma1y8o26t8fkx1rcc9 table th {
background-color: #beceed;
color: #000000;
padding: 1em;
border-right: 2px solid #fff;
}
#sb-part-4759.sb-custom-part-ma1y8o26t8fkx1rcc9 table td {
padding: 1em .2em;
border-right: 2px solid #eee;
text-align: center;
}
#sb-part-4759.sb-custom-part-ma1y8o26t8fkx1rcc9 table th {
font-size: .85em;
}
#sb-part-4759.sb-custom-part-ma1y8o26t8fkx1rcc9 table thead tr {
background-color: #fff;
color: #fff;
}
#sb-part-4759.sb-custom-part-ma1y8o26t8fkx1rcc9 table thead td {
border-right: 2px solid #eee;
color: BLACK;
}
#sb-part-4759.sb-custom-part-ma1y8o26t8fkx1rcc9 table tbody th {
border-right: 2px solid #eee;
}
#sb-part-4759.sb-custom-part-ma1y8o26t8fkx1rcc9 th.non {
border-right: none;
}
#sb-part-4759.sb-custom-part-ma1y8o26t8fkx1rcc9 .txt {
text-align: center;
font-size: .85em;
}
#sb-part-4759.sb-custom-part-ma1y8o26t8fkx1rcc9 .price {
color: #000;
font-weight: bold;
font-size: 1em
}
#sb-part-4759.sb-custom-part-ma1y8o26t8fkx1rcc9 .price span {
font-size: .6em;
}
#sb-part-4759.sb-custom-part-ma1y8o26t8fkx1rcc9 .red_bk {
background: #e81010
}
#sb-part-4759.sb-custom-part-ma1y8o26t8fkx1rcc9 .btn:hover {
background: #fff;
border: 2px solid #e81010;
color: #e81010;
transition: .2s;
}
@media screen and (max-width: 600px) {
#sb-part-4759.sb-custom-part-ma1y8o26t8fkx1rcc9 .wrap {
overflow-x: scroll;
}
}
#sb-part-4759.sb-custom-part-ma1y8o26t8fkx1rcc9 .btn-area {
/*水平方向のボタンの配置。左寄せはleft、真ん中はcenter*/
text-align: center;
/*ボタン周りの余白。左の値が上下の余白、右の値が左右の余白。*/
margin: 0em 0;
}
#sb-part-4759.sb-custom-part-ma1y8o26t8fkx1rcc9 a.btn {
/*横幅サイズを変更する場合は下記autoを削除して20%〜100%の数値で変更できます*/
width: 100%;
/*文字の大きさ*/
font-size: 14px;
/*ボタンの色*/
background-color: #66cdaa;
/*文字の色*/
color: #fff;
/*フォントの太さを指定。100、200、300、400、500、600、700、800、900。フォント種類により数値を上下させても変化しないことがあります。*/
font-weight: 600;
/*水平方向の字間のスペース*/
letter-spacing: 0em;
/*ボタンの高さを指定*/
line-height: 20%;
/*0.2;*/
/*ボタン内側の余白。左の数値が上下の余白、右の数値が左右の余白*/
padding: 1.0rem 0rem;
/*角を丸くする指定*/
border-radius: 0.5rem;
/*ボタンの影の指定。insetを指定している行は、ボックスの内側に描画されます。無しは外側。
カンマで区切ることで複数の影レイヤーを重ねられます。
左から、左右の向き、上下の向き、ぼかし、広がり、色の順に指定。rgbaはRed（赤）,Green（緑）,Blue（青）,Alpha（透明度）の略。RGBは0から255まで、Alphaは0.1から1まで*/
box-shadow: inset 2px 2px 2px 0px rgba(255, 255, 255, 0.5),
7px 7px 20px 0px rgba(0, 0, 0, 0.1),
4px 4px 5px 0px rgba(0, 0, 0, 0.1);
/*アニメーションの指定。変化の対象、変化の始まりから終わりまでの時間、変化の仕方の順に指定*/
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
position: relative;
display: inline-block;
cursor: pointer;
text-align: center;
vertical-align: middle;
text-decoration: none;
border: none;
overflow: hidden;
box-sizing: border-box;
}
#sb-part-4759.sb-custom-part-ma1y8o26t8fkx1rcc9 a.btn:hover {
/*ボタンの上にカーソルを乗せた時の文字の色*/
color: #fff;
/*ボタンの上にカーソルを乗せた時の背景色*/
background: #90ee90;
/*ボタンの上にカーソルを載せた時の透明度。0から1まで*/
opacity: 0.7;
text-decoration: none;
}
#sb-part-4759.sb-custom-part-ma1y8o26t8fkx1rcc9 a.btn:before {
position: absolute;
content: '';
display: inline-block;
top: -180px;
/*きらりと光るアニメーションのスタート位置*/
left: 0;
/*きらりと光るアニメーションの幅*/
width: 30px;
/*きらりと光るアニメーションの高さ*/
height: 100%;
/*きらりと光るアニメーションの色*/
background-color: #fff;
/*きらりと光るアニメーションの指定*/
animation: shiny-brite 3s ease-in-out infinite;
}
#sb-part-4759.sb-custom-part-ma1y8o26t8fkx1rcc9 a.btn:active {
/*ボタンを押した時に凹むアニメーション*/
box-shadow: 4px 4px 6px 0 rgba(255, 255, 255, .3),
-4px -4px 6px 0 rgba(116, 125, 136, .2),
inset -4px -4px 6px 0 rgba(255, 255, 255, .2),
inset 4px 4px 6px 0 rgba(0, 0, 0, .2);
}
@-webkit-keyframes shiny-brite {
/*アニメーションの流れに沿った中間ステップのキーフレーム指定*/
0% {
-webkit-transform: scale(0) rotate(45deg);
opacity: 0;
}
80% {
-webkit-transform: scale(0) rotate(45deg);
opacity: 0.5;
}
81% {
-webkit-transform: scale(4) rotate(45deg);
opacity: 1;
}
100% {
-webkit-transform: scale(50) rotate(45deg);
opacity: 0;
}
}
#sb-part-4759.sb-custom-part-ma1y8o26t8fkx1rcc9 .ex2 {
font-size: 15px;
line-height: 0
}
#sb-part-4759.sb-custom-part-ma1y8o26t8fkx1rcc9 .btn2-area {
/*ボタン周りの余白。左の値が上下の余白、右の値が左右の余白。*/
margin: 0.5em 0;
/*ボタンの水平方向配置。左寄せは flex-start 、真ん中寄せは center、右寄せはflex-end*/
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
#sb-part-4759.sb-custom-part-ma1y8o26t8fkx1rcc9 .btn2 {
/*横幅サイズを変更する場合は下記autoを20%から100%で変更できます*/
width: auto;
/*文字の大きさ*/
font-size: 16px;
/*ボタンの色*/
background-color: #4885EB;
/*文字の色*/
color: #fff;
/*フォントの太さを指定。100、200、300、400、500、600、700、800、900。フォント種類により数値を上下させても変化しないことがあります。*/
font-weight: 600;
/*水平方向の字間のスペース*/
letter-spacing: 0.1em;
/*ボタンの高さを指定*/
line-height: 1.5;
/*ボタン内側の余白。左の数値が上下の余白、右の数値が左右の余白*/
padding: 1rem 4rem;
/*角を丸くする指定*/
border-radius: 0.5rem;
/*ボタンの影の指定。insetを指定することで、影はボックスの内側に描画されます*/
box-shadow: inset 2px 2px 2px 0px rgba(255, 255, 255, 0.5),
/*下記はボタンの影を外側にも指定。左右の向き、上下の向き、ぼかし、広がり、色の順に指定*/
7px 7px 20px 0px rgba(0, 0, 0, 0.1),
/*下記も外側に影を指定。複数の影を重ねる指定。左右の向き、上下の向き、ぼかし、広がり、色の順*/
4px 4px 5px 0px rgba(0, 0, 0, 0.1);
/*アニメーションの指定。変化の対象、変化の始まりから終わりまでの時間、変化の仕方の順に指定*/
-webkit-transition: all 1s ease;
transition: all 1s ease;
position: relative;
cursor: pointer;
text-align: center;
vertical-align: middle;
text-decoration: none;
border: none;
box-sizing: border-box;
}
#sb-part-4759.sb-custom-part-ma1y8o26t8fkx1rcc9 a.btn2:hover {
/*ボタンの上にカーソルを乗せた時の背景色を指定*/
background: #0083FF;
/*ボタンの上にカーソルを載せた時の影の指定。カンマで区切ることで複数の影レイヤーを重ねられます。
左右の向き、上下の向き、ぼかし、広がり、色の順に指定。rgbaはRed（赤）,Green（緑）,Blue（青）,Alpha（透明度）の略。三色は0から255まで、Alphaは0.1から1まで*/
box-shadow: 4px 4px 6px 0 rgba(255, 255, 255, 0.5),
-4px -4px 6px 0 rgba(116, 125, 136, 0.5),
inset -4px -4px 6px 0 rgba(255, 255, 255, 0.2),
inset 4px 4px 6px 0 rgba(0, 0, 0, 0.4);
}
#sb-part-4759.sb-custom-part-ma1y8o26t8fkx1rcc9
/*----------------------------*/
.btn3-area {
/*ボタン周りの余白。左の値が上下の余白、右の値が左右の余白。*/
margin: 0.5em 0;
/*ボタンの水平方向配置。左寄せは flex-start 、真ん中寄せは center、右寄せはflex-end*/
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
#sb-part-4759.sb-custom-part-ma1y8o26t8fkx1rcc9 .btn3 {
/*横幅サイズを変更する場合は下記autoを20%から100%で変更できます*/
width: 10%;
/*文字の大きさ*/
font-size: 16px;
/*ボタンの色*/
background-color: #4CAF50;
/*文字の色*/
color: #fff;
/*フォントの太さを指定。100、200、300、400、500、600、700、800、900。フォント種類により数値を上下させても変化しないことがあります。*/
font-weight: 600;
/*水平方向の字間のスペース*/
letter-spacing: 0.1em;
/*ボタンの高さを指定*/
line-height: 1.5;
/*ボタン内側の余白。左の数値が上下の余白、右の数値が左右の余白*/
padding: 1rem 4rem;
/*角を丸くする指定*/
border-radius: 0.5rem;
position: relative;
cursor: pointer;
-webkit-transition: all 0.3s;
transition: all 0.3s;
text-align: center;
vertical-align: middle;
text-decoration: none;
box-sizing: border-box;
}
#sb-part-4759.sb-custom-part-ma1y8o26t8fkx1rcc9 a.btn3:hover {
/*ボタンの上にカーソルを置いた時の背景色を指定*/
background: #55c55a;
}
#sb-part-4759.sb-custom-part-ma1y8o26t8fkx1rcc9 .blink {
-webkit-animation: blink 3.5s ease infinite;
animation: blink 1s ease infinite;
color: #FF0000;
font-size: 12px;
font-weight: bold;
}
@-webkit-keyframes blink {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes blink {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
#sb-part-14451.sb-custom-part-ma1y9nox4hx8pxkni1q .chusyaku {
text-align: left;
color: #444444;
font-size: 10px;
line-height: 1.0
}
#sb-part-12358.sb-custom-part-lypgrexlmw9j4vb8qt .move-arrow {
font-size: clamp(12px, 3vw, 18px);
position: relative;
padding: 1em 2.5em;
overflow: hidden;
background-color: var(--bgcolor);
line-height: 1.25;
}
#sb-part-12358.sb-custom-part-lypgrexlmw9j4vb8qt .move-arrow-wrap {
width: fit-content;
margin: auto;
display: grid;
grid-template-columns: 1.5em auto 1.5em;
justify-content: center;
gap: 2.5em;
}
#sb-part-12358.sb-custom-part-lypgrexlmw9j4vb8qt .move-arrow-wrap .text {
font-size: 1.5em;
font-weight: 600;
text-align: center;
}
#sb-part-12358.sb-custom-part-lypgrexlmw9j4vb8qt .arrow-body {
font-size: 1.5em;
}
#sb-part-12358.sb-custom-part-lypgrexlmw9j4vb8qt .arrow-body .arrow {
position: absolute;
width: 0.75em;
height: 1.25em;
background-color: #000000;
top: -3.3em;
animation: move var(--speed) linear infinite;
margin: 1em 0;
}
#sb-part-12358.sb-custom-part-lypgrexlmw9j4vb8qt .arrow-body .arrow:nth-child(2) {
animation-delay: calc(var(--speed) / 2);
}
#sb-part-12358.sb-custom-part-lypgrexlmw9j4vb8qt .arrow-body .arrow::after {
content: "";
position: absolute;
top: 80%;
left: 50%;
translate: -50% 0;
width: 0;
height: 0;
border-top: 0.8em solid #000000;
border-left: 0.8em solid transparent;
border-right: 0.8em solid transparent;
}
#sb-part-12358.sb-custom-part-lypgrexlmw9j4vb8qt [style*="--arrow-color"] .arrow {
background-color: var(--arrow-color);
}
#sb-part-12358.sb-custom-part-lypgrexlmw9j4vb8qt [style*="--arrow-color"] .arrow::after {
border-top-color: var(--arrow-color);
}
#sb-part-12358.sb-custom-part-lypgrexlmw9j4vb8qt [style*="--arrow-color"] .text {
color: var(--arrow-color);
}
@keyframes move {
0% {
transform: translateY(0);
}
100% {
transform: translateY(500%);
}
}
#sb-part-7447.sb-custom-part-micgveh7z9t3bu28dys .box-ad {
border: 6px solid #8eafed;
border-radius: 4px;
padding: 10px;
}
#sb-part-7447.sb-custom-part-micgveh7z9t3bu28dys .box-ad strong {
color: #d21336;
font-style: normal;
}
#sb-part-7447.sb-custom-part-micgveh7z9t3bu28dys .box-ad .title {
color: #000000;
font-size: 22px;
font-weight: bold;
border-bottom: 1px dotted #696969;
margin: 0;
}
#sb-part-7447.sb-custom-part-micgveh7z9t3bu28dys .box-ad .wrap-subtitle {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 1.2em 0;
}
#sb-part-7447.sb-custom-part-micgveh7z9t3bu28dys .box-ad .wrap-subtitle .subtitle {
font-size: 2em;
line-height: 1.2;
padding: 0;
margin: 0;
}
#sb-part-7447.sb-custom-part-micgveh7z9t3bu28dys .box-ad .wrap-subtitle .subtitle>img {
display: inline-block !important;
vertical-align: bottom;
}
#sb-part-7447.sb-custom-part-micgveh7z9t3bu28dys .box-ad .star-rate {
position: relative;
font-size: 1.5em;
letter-spacing: -0.2em;
color: #efbb5a;
}
#sb-part-7447.sb-custom-part-micgveh7z9t3bu28dys .box-ad .star-rate>span {
position: absolute;
display: block;
top: -50%;
left: -100%;
letter-spacing: normal;
font-size: 0.8em;
color: #244b73;
font-weight: 700;
background-color: #90c4bd;
padding: 0.5em;
border-radius: 50%;
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
}
#sb-part-7447.sb-custom-part-micgveh7z9t3bu28dys .box-ad .star-rate>span::before {
content: "";
position: absolute;
display: block;
width: 0;
height: 0;
right: 12px;
bottom: -4px;
border-right: 16px solid #90c4bd;
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
}
#sb-part-7447.sb-custom-part-micgveh7z9t3bu28dys .box-ad .wrap-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
width: 100%;
}
#sb-part-7447.sb-custom-part-micgveh7z9t3bu28dys .box-ad .wrap-item>figure {
margin: 0 0.5px 0 0;
}
#sb-part-7447.sb-custom-part-micgveh7z9t3bu28dys .box-ad .wrap-item .txt {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
}
#sb-part-7447.sb-custom-part-micgveh7z9t3bu28dys .box-ad .wrap-item table {
width: 100%;
table-layout: fixed;
border-collapse: collapse;
text-align: center;
}
#sb-part-7447.sb-custom-part-micgveh7z9t3bu28dys .box-ad .wrap-item table th {
border: 1.3px solid #ff99a8;
font-size: 13px;
background-color: #ffe6e9;
padding: 0.4em;
}
#sb-part-7447.sb-custom-part-micgveh7z9t3bu28dys .box-ad .wrap-item table td {
border: 1.3px solid #ff99a8;
font-size: 13px;
background-color: #ffffff;
padding: 0.4em;
font-weight: bold;
}
#sb-part-7447.sb-custom-part-micgveh7z9t3bu28dys .box-ad .wrap-item ul {
font-weight: 700;
margin: 0 0 1em;
list-style: disc;
}
#sb-part-7447.sb-custom-part-micgveh7z9t3bu28dys .box-ad .wrap-tags {
font-weight: 700;
}
#sb-part-7447.sb-custom-part-micgveh7z9t3bu28dys .box-ad .wrap-tags ul {
list-style: none;
padding: 0;
font-weight: normal;
display: inline-block;
}
#sb-part-7447.sb-custom-part-micgveh7z9t3bu28dys .box-ad .wrap-tags ul>li {
display: inline-block;
font-size: 0.8em;
border: 1px solid #f58719;
color: #f58719;
padding: 0.1em 0.4em;
}
#sb-part-7447.sb-custom-part-micgveh7z9t3bu28dys .box-ad .wrap-tags ul>li.no {
border-color: #999999;
color: #999999;
text-decoration: line-through;
}
#sb-part-7447.sb-custom-part-micgveh7z9t3bu28dys .box-ad .balloon {
position: relative;
width: 60%;
margin: 0 auto;
color: #fff;
background-color: #92c24d;
text-align: center;
padding: 0.2em;
border-radius: 1.1em;
}
#sb-part-7447.sb-custom-part-micgveh7z9t3bu28dys .box-ad .balloon::before {
content: "";
position: absolute;
top: 100%;
left: 50%;
margin-left: -10px;
border: 10px solid transparent;
border-top: 10px solid #92c24d;
}
#sb-part-7447.sb-custom-part-micgveh7z9t3bu28dys .box-ad .wrap-btn {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
text-align: center;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin-top: 1.2em;
}
#sb-part-7447.sb-custom-part-micgveh7z9t3bu28dys .box-ad .wrap-btn .link1 {
-ms-flex-preferred-size: 39%;
flex-basis: 39%;
}
#sb-part-7447.sb-custom-part-micgveh7z9t3bu28dys .box-ad .wrap-btn .link1 a {
font-size: 1.2em;
display: block;
padding: 1em;
text-decoration: none;
color: #fff;
font-weight: 700;
background-image: -webkit-gradient(linear, left top, left bottom, from(#bfc2bf), color-stop(50%, #bcbfbc), color-stop(51%, #a9a9a9), to(#cacaca));
background-image: linear-gradient(to bottom, #bfc2bf 0%, #bcbfbc 50%, #a9a9a9 51%, #cacaca 100%);
border-bottom: solid 3px #939393;
border-radius: 4px;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
#sb-part-7447.sb-custom-part-micgveh7z9t3bu28dys .box-ad .wrap-btn .link1 a:hover {
-webkit-transform: translateY(3px);
transform: translateY(3px);
-webkit-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
border-bottom: solid 1px #939393;
}
#sb-part-7447.sb-custom-part-micgveh7z9t3bu28dys .box-ad .wrap-btn .link2 {
-ms-flex-preferred-size: 60%;
flex-basis: 100%;
}
#sb-part-7447.sb-custom-part-micgveh7z9t3bu28dys .box-ad .wrap-btn .link2 a {
position: relative;
font-size: 1.2em;
display: block;
padding: 1em;
text-decoration: none;
color: #fff;
font-weight: 700;
background-color: #66cdaa;
border-bottom: solid 3px #3cb371;
border-radius: 4px;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
#sb-part-7447.sb-custom-part-micgveh7z9t3bu28dys .box-ad .wrap-btn .link2 a::before {
content: "";
position: absolute;
right: 1em;
font-size: 0.8em;
margin-top: 0.2em;
}
#sb-part-7447.sb-custom-part-micgveh7z9t3bu28dys .box-ad .wrap-btn .link2 a:hover {
-webkit-transform: translateY(3px);
transform: translateY(3px);
-webkit-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
border-bottom: solid 1px #ad5515;
}
#sb-part-7447.sb-custom-part-micgveh7z9t3bu28dys article {
font-size: 12px;
line-height: 1.2
}
#sb-part-7447.sb-custom-part-micgveh7z9t3bu28dys .container {
padding: 9px 14px;
border: 1px solid #E6ECF0;
border-radius: 10px;
}
#sb-part-7447.sb-custom-part-micgveh7z9t3bu28dys .img {
width: 100%;
height: auto;
}
#sb-part-7447.sb-custom-part-micgveh7z9t3bu28dys .reviewer {
display: flex;
}
#sb-part-7447.sb-custom-part-micgveh7z9t3bu28dys .reviewer-img-wrapper {
margin-right: 3px;
width: 25px;
}
#sb-part-7447.sb-custom-part-micgveh7z9t3bu28dys .reviewer-info {
display: flex;
align-items: center;
flex-wrap: wrap;
color: #765555;
}
#sb-part-7447.sb-custom-part-micgveh7z9t3bu28dys .reviewer-name {
display: flex;
margin-right: 10px;
font-size: 15px;
color: #000000;
font-weight: bold
}
#sb-part-7447.sb-custom-part-micgveh7z9t3bu28dys .reviewer-age {
display: flex;
color: #000000;
}
#sb-part-7447.sb-custom-part-micgveh7z9t3bu28dys .reviewer-attr {
display: flex;
color: #000000;
margin-right: 10px;
}
#sb-part-7447.sb-custom-part-micgveh7z9t3bu28dys .reviewer-attr:before {
content: '/';
margin: 0 5px;
}
#sb-part-7447.sb-custom-part-micgveh7z9t3bu28dys .reviewer-reviews {
display: flex;
margin-right: 5px;
}
#sb-part-7447.sb-custom-part-micgveh7z9t3bu28dys .stars-count {
color: black;
font-weight: bold;
}
#sb-part-7447.sb-custom-part-micgveh7z9t3bu28dys .star {
position: relative;
display: inline-block;
width: 0;
height: 0;
margin-left: .5em;
margin-right: .5em;
margin-bottom: 1em;
border-right: .3em solid transparent;
border-bottom: .7em solid #FC0;
border-left: .3em solid transparent;
/* Controlls the size of the stars. */
font-size: 7px;
}
#sb-part-7447.sb-custom-part-micgveh7z9t3bu28dys .star:before,
#sb-part-7447.sb-custom-part-micgveh7z9t3bu28dys .star:after {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
top: .6em;
left: -1em;
border-right: 1em solid transparent;
border-bottom: .7em solid #FC0;
border-left: 1em solid transparent;
transform: rotate(-35deg);
}
#sb-part-7447.sb-custom-part-micgveh7z9t3bu28dys .star:after {
transform: rotate(35deg);
}
#sb-part-7447.sb-custom-part-micgveh7z9t3bu28dys .tag-wrapper {
margin: 5px 10px 0;
}
#sb-part-7447.sb-custom-part-micgveh7z9t3bu28dys .tag {
padding: 3px 6px;
border: 1px solid #ff99a8;
border-radius: 10px;
color: #d2691e;
background-color: #ffe6e9;
font-size: 10px;
}
#sb-part-7447.sb-custom-part-micgveh7z9t3bu28dys .main {
margin-top: 10px;
width: 100%;
font-size: 0;
}
#sb-part-7447.sb-custom-part-micgveh7z9t3bu28dys .main-img-wrapper {
margin-top: 10px;
display: inline-block;
width: 50%;
}
#sb-part-7447.sb-custom-part-micgveh7z9t3bu28dys .main-img-wrapper:not(:first-child) {
margin-top: 3px;
}
#sb-part-7447.sb-custom-part-micgveh7z9t3bu28dys .main-text {
margin-block-start: 0;
margin-block-end: 0;
font-size: 15px;
}
#sb-part-7447.sb-custom-part-micgveh7z9t3bu28dys footer {
color: #765555;
}
#sb-part-7447.sb-custom-part-micgveh7z9t3bu28dys .b-marker {
background: linear-gradient(transparent 60%, #cce5ff 0%);
}
#sb-part-7447.sb-custom-part-micgveh7z9t3bu28dys
/* reset */
img {
margin: 0 !important;
}
#sb-part-7447.sb-custom-part-micgveh7z9t3bu28dys p {
margin: 0;
}
#sb-part-7447.sb-custom-part-micgveh7z9t3bu28dys
/* resetここまで */
.box-ad .list-check {
margin: 1em 0 0;
padding: 0;
list-style: none;
}
#sb-part-7447.sb-custom-part-micgveh7z9t3bu28dys .box-ad .list-check>li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-weight: 700;
}
#sb-part-7447.sb-custom-part-micgveh7z9t3bu28dys .box-ad .list-check>li::before {
content: "";
display: inline-block;
-ms-flex-negative: 0;
flex-shrink: 0;
margin: 0.1em 0.4em 0 0;
width: 1.2em;
height: 1.2em;
background-repeat: no-repeat;
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22_x31_0%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20512%20512%22%20style%3D%22width%3A%20256px%3B%20height%3A%20256px%3B%20opacity%3A%201%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%23374149%3B%7D%3C%2Fstyle%3E%3Cg%3E%20%3Cpolygon%20class%3D%22st0%22%20points%3D%22221.18%2C250.621%20153.547%2C183.836%2091.934%2C245.453%2091.668%2C245.719%2091.668%2C245.719%2091.614%2C245.773%20221.207%2C374.516%20512%2C83.02%20450.121%2C21.14%20450.121%2C21.136%20450.121%2C21.136%20450.062%2C21.082%20407.187%2C64.109%20348.152%2C123.258%20%22%20style%3D%22fill%3A%20rgb(223%2C%2086%2C%2086)%3B%22%3E%3C%2Fpolygon%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M439.379%2C211.941v-0.113l-50.34%2C50.484V407.5c0%2C18.266-14.883%2C33.078-33.078%2C33.078H83.418%20c-18.266%2C0-33.078-14.813-33.078-33.078V259.578v-13.66V134.957c0-18.192%2C14.812-33.082%2C33.078-33.082h230.188l6.543-6.539%20l25.546-25.59l17.809-17.766c-0.023-0.004-0.047-0.004-0.066-0.004l0.074-0.078c-2.446-0.211-4.962-0.36-7.551-0.36H83.418%20C37.394%2C51.539%2C0%2C89.008%2C0%2C134.957V407.5c0%2C46.028%2C37.394%2C83.418%2C83.418%2C83.418h272.543c45.954%2C0%2C83.418-37.39%2C83.418-83.418%20V292.227l0.058-80.34L439.379%2C211.941z%22%20style%3D%22fill%3A%20rgb(223%2C%2086%2C%2086)%3B%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
#sb-part-7447.sb-custom-part-micgveh7z9t3bu28dys .f1 {
color: red;
font-weight: bold;
background: rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #ffff00 0%) repeat scroll 0 0;
}
#sb-part-7447.sb-custom-part-micgveh7z9t3bu28dys .f2 {
font-weight: bold;
background: rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #ffff00 0%) repeat scroll 0 0;
}
#sb-part-7447.sb-custom-part-micgveh7z9t3bu28dys .f3 {
font-weight: bold;
color: red;
}
#sb-part-7447.sb-custom-part-micgveh7z9t3bu28dys
/*ボタンの設定*/
.auraBtn {
position: relative;
/*幅サイズを変更する場合は下記数値を変更ください*/
width: 90%;
/*ボタンの外側の余白 1番目の値は上下余白、2番目の値は左右余白auto（=中央揃えするため）*/
margin: 2em auto;
}
#sb-part-7447.sb-custom-part-micgveh7z9t3bu28dys
/*ボタンが広がるアニメーション（1番目）*/
.auraBtn:before {
/*アニメーションの設定 変更する場合は該当場所を修正してください。
アニメーション名、動きの速さ.2s（=0.2秒）、動き具合、動く回数*/
animation: auraBtn 2s ease-out infinite
}
#sb-part-7447.sb-custom-part-micgveh7z9t3bu28dys
/*ボタンが広がるアニメーション（2番目）*/
.auraBtn:after {
/*アニメーションの設定 変更する場合は該当場所を修正してください。
アニメーション名、動きの速さ.2s（=0.2秒）、動き具合、動くタイミング1s(=1秒後）、動く回数*/
animation: auraBtn 2s ease-out 1s infinite
}
#sb-part-7447.sb-custom-part-micgveh7z9t3bu28dys
/*ボタンが広がるアニメーション（共通設定）*/
.auraBtn:before,
#sb-part-7447.sb-custom-part-micgveh7z9t3bu28dys .auraBtn:after {
content: "";
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
/*ボタンの角丸*/
border-radius: 100vh;
/*広がるボタンの色(green, red, blue以外の場合はここを修正してください）*/
background: #66cdaa;
/*広がるボタンの初期位置*/
transform: translate3d(0, 0, 0);
}
#sb-part-7447.sb-custom-part-micgveh7z9t3bu28dys
/*ボタン自体の設定*/
.auraBtn a {
/*文字の色*/
color: #fff;
/*文字の太さ*/
font-weight: 600;
display: block;
/*内側の余白 1番目の値は上下余白、2番目の値は左右余白*/
padding: 20px 0;
/*ボタンの角丸*/
border-radius: 100vh;
/*ボタン内テキストの水平方向の位置*/
text-align: center;
/*リンクの装飾*/
text-decoration: none;
/*ボタンの色(green, red, blue以外の場合はここを修正してください）*/
background: #66cdaa;
position: relative;
z-index: 1;
}
/*広がるボタンのアニメーション（変更する場合は該当する箇所を修正してください）*/
@keyframes auraBtn {
/*アニメーション初期（0秒の時）*/
0% {
/*拡大率 （1=100％）*/
-webkit-transform: scale(0.95);
transform: scale(0.95);
/*透明度（0=透明、1=不透明）*/
opacity: 1
}
/*1.8秒時*/
90% {
/*透明度*/
opacity: .1
}
/*アニメーション最後（2秒時）*/
to {
/*拡大率 1番目の値はX軸、2番目の値はY軸*/
-webkit-transform: scale(1.2, 1.5);
transform: scale(1.2, 1.5);
/*透明度*/
opacity: 0
}
}
#sb-part-7447.sb-custom-part-micgveh7z9t3bu28dys
/*ボタン右側の矢印の設定*/
.auraBtn a span {
display: block;
position: relative;
}
#sb-part-7447.sb-custom-part-micgveh7z9t3bu28dys .auraBtn a span:after {
content: "";
position: absolute;
/*矢印の位置*/
top: calc(50% - 4px);
right: 25px;
/*矢印の横幅*/
width: 8px;
/*矢印の高さ*/
height: 8px;
/*矢印の線 太さ、線種、色*/
border-right: 2px solid #fff;
border-top: 2px solid #fff;
/*矢印の回転角度*/
-webkit-transform: rotate(45deg);
transform: rotate(45deg)
}
#sb-part-7447.sb-custom-part-micgveh7z9t3bu28dys
/*赤の場合の色*/
.auraBtn.red a {
background: #ff5555;
}
#sb-part-7447.sb-custom-part-micgveh7z9t3bu28dys .auraBtn.red:before,
#sb-part-7447.sb-custom-part-micgveh7z9t3bu28dys .auraBtn.red:after {
background: #ffaaae;
border: 1px solid #ff999e;
}
#sb-part-7447.sb-custom-part-micgveh7z9t3bu28dys
/*青の場合の色*/
.auraBtn.blue a {
background: #389aff;
}
#sb-part-7447.sb-custom-part-micgveh7z9t3bu28dys .auraBtn.blue:before,
#sb-part-7447.sb-custom-part-micgveh7z9t3bu28dys .auraBtn.blue:after {
background: #389aff;
border: 1px solid #389aff;
}
#sb-part-7448.sb-custom-part-lypj9pe8d34b0zowlwp .box-ad {
border: 6px solid #8eafed;
border-radius: 4px;
padding: 10px;
}
#sb-part-7448.sb-custom-part-lypj9pe8d34b0zowlwp .box-ad strong {
color: #d21336;
font-style: normal;
}
#sb-part-7448.sb-custom-part-lypj9pe8d34b0zowlwp .box-ad .title {
color: #000000;
font-size: 22px;
font-weight: bold;
border-bottom: 1px dotted #696969;
margin: 0;
}
#sb-part-7448.sb-custom-part-lypj9pe8d34b0zowlwp .box-ad .wrap-subtitle {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 1.2em 0;
}
#sb-part-7448.sb-custom-part-lypj9pe8d34b0zowlwp .box-ad .wrap-subtitle .subtitle {
font-size: 2em;
line-height: 1.2;
padding: 0;
margin: 0;
}
#sb-part-7448.sb-custom-part-lypj9pe8d34b0zowlwp .box-ad .wrap-subtitle .subtitle>img {
display: inline-block !important;
vertical-align: bottom;
}
#sb-part-7448.sb-custom-part-lypj9pe8d34b0zowlwp .box-ad .star-rate {
position: relative;
font-size: 1.5em;
letter-spacing: -0.2em;
color: #efbb5a;
}
#sb-part-7448.sb-custom-part-lypj9pe8d34b0zowlwp .box-ad .star-rate>span {
position: absolute;
display: block;
top: -50%;
left: -100%;
letter-spacing: normal;
font-size: 0.8em;
color: #244b73;
font-weight: 700;
background-color: #90c4bd;
padding: 0.5em;
border-radius: 50%;
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
}
#sb-part-7448.sb-custom-part-lypj9pe8d34b0zowlwp .box-ad .star-rate>span::before {
content: "";
position: absolute;
display: block;
width: 0;
height: 0;
right: 12px;
bottom: -4px;
border-right: 16px solid #90c4bd;
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
}
#sb-part-7448.sb-custom-part-lypj9pe8d34b0zowlwp .box-ad .wrap-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
width: 100%;
}
#sb-part-7448.sb-custom-part-lypj9pe8d34b0zowlwp .box-ad .wrap-item>figure {
margin: 0 0.5px 0 0;
}
#sb-part-7448.sb-custom-part-lypj9pe8d34b0zowlwp .box-ad .wrap-item .txt {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
}
#sb-part-7448.sb-custom-part-lypj9pe8d34b0zowlwp .box-ad .wrap-item table {
width: 100%;
table-layout: fixed;
border-collapse: collapse;
text-align: center;
}
#sb-part-7448.sb-custom-part-lypj9pe8d34b0zowlwp .box-ad .wrap-item table th {
border: 1.3px solid #ff99a8;
font-size: 13px;
background-color: #ffe6e9;
padding: 0.4em;
}
#sb-part-7448.sb-custom-part-lypj9pe8d34b0zowlwp .box-ad .wrap-item table td {
border: 1.3px solid #ff99a8;
font-size: 13px;
background-color: #ffffff;
padding: 0.4em;
font-weight: bold;
}
#sb-part-7448.sb-custom-part-lypj9pe8d34b0zowlwp .box-ad .wrap-item ul {
font-weight: 700;
margin: 0 0 1em;
list-style: disc;
}
#sb-part-7448.sb-custom-part-lypj9pe8d34b0zowlwp .box-ad .wrap-tags {
font-weight: 700;
}
#sb-part-7448.sb-custom-part-lypj9pe8d34b0zowlwp .box-ad .wrap-tags ul {
list-style: none;
padding: 0;
font-weight: normal;
display: inline-block;
}
#sb-part-7448.sb-custom-part-lypj9pe8d34b0zowlwp .box-ad .wrap-tags ul>li {
display: inline-block;
font-size: 0.8em;
border: 1px solid #f58719;
color: #f58719;
padding: 0.1em 0.4em;
}
#sb-part-7448.sb-custom-part-lypj9pe8d34b0zowlwp .box-ad .wrap-tags ul>li.no {
border-color: #999999;
color: #999999;
text-decoration: line-through;
}
#sb-part-7448.sb-custom-part-lypj9pe8d34b0zowlwp .box-ad .balloon {
position: relative;
width: 60%;
margin: 0 auto;
color: #fff;
background-color: #92c24d;
text-align: center;
padding: 0.2em;
border-radius: 1.1em;
}
#sb-part-7448.sb-custom-part-lypj9pe8d34b0zowlwp .box-ad .balloon::before {
content: "";
position: absolute;
top: 100%;
left: 50%;
margin-left: -10px;
border: 10px solid transparent;
border-top: 10px solid #92c24d;
}
#sb-part-7448.sb-custom-part-lypj9pe8d34b0zowlwp .box-ad .wrap-btn {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
text-align: center;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin-top: 1.2em;
}
#sb-part-7448.sb-custom-part-lypj9pe8d34b0zowlwp .box-ad .wrap-btn .link1 {
-ms-flex-preferred-size: 39%;
flex-basis: 39%;
}
#sb-part-7448.sb-custom-part-lypj9pe8d34b0zowlwp .box-ad .wrap-btn .link1 a {
font-size: 1.2em;
display: block;
padding: 1em;
text-decoration: none;
color: #fff;
font-weight: 700;
background-image: -webkit-gradient(linear, left top, left bottom, from(#bfc2bf), color-stop(50%, #bcbfbc), color-stop(51%, #a9a9a9), to(#cacaca));
background-image: linear-gradient(to bottom, #bfc2bf 0%, #bcbfbc 50%, #a9a9a9 51%, #cacaca 100%);
border-bottom: solid 3px #939393;
border-radius: 4px;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
#sb-part-7448.sb-custom-part-lypj9pe8d34b0zowlwp .box-ad .wrap-btn .link1 a:hover {
-webkit-transform: translateY(3px);
transform: translateY(3px);
-webkit-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
border-bottom: solid 1px #939393;
}
#sb-part-7448.sb-custom-part-lypj9pe8d34b0zowlwp .box-ad .wrap-btn .link2 {
-ms-flex-preferred-size: 60%;
flex-basis: 100%;
}
#sb-part-7448.sb-custom-part-lypj9pe8d34b0zowlwp .box-ad .wrap-btn .link2 a {
position: relative;
font-size: 1.2em;
display: block;
padding: 1em;
text-decoration: none;
color: #fff;
font-weight: 700;
background-color: #66cdaa;
border-bottom: solid 3px #3cb371;
border-radius: 4px;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
#sb-part-7448.sb-custom-part-lypj9pe8d34b0zowlwp .box-ad .wrap-btn .link2 a::before {
content: "";
position: absolute;
right: 1em;
font-size: 0.8em;
margin-top: 0.2em;
}
#sb-part-7448.sb-custom-part-lypj9pe8d34b0zowlwp .box-ad .wrap-btn .link2 a:hover {
-webkit-transform: translateY(3px);
transform: translateY(3px);
-webkit-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
border-bottom: solid 1px #ad5515;
}
#sb-part-7448.sb-custom-part-lypj9pe8d34b0zowlwp article {
font-size: 12px;
line-height: 1.2
}
#sb-part-7448.sb-custom-part-lypj9pe8d34b0zowlwp .container {
padding: 9px 14px;
border: 1px solid #E6ECF0;
border-radius: 10px;
}
#sb-part-7448.sb-custom-part-lypj9pe8d34b0zowlwp .img {
width: 100%;
height: auto;
}
#sb-part-7448.sb-custom-part-lypj9pe8d34b0zowlwp .reviewer {
display: flex;
}
#sb-part-7448.sb-custom-part-lypj9pe8d34b0zowlwp .reviewer-img-wrapper {
margin-right: 3px;
width: 25px;
}
#sb-part-7448.sb-custom-part-lypj9pe8d34b0zowlwp .reviewer-info {
display: flex;
align-items: center;
flex-wrap: wrap;
color: #765555;
}
#sb-part-7448.sb-custom-part-lypj9pe8d34b0zowlwp .reviewer-name {
display: flex;
margin-right: 10px;
font-size: 15px;
color: #000000;
font-weight: bold
}
#sb-part-7448.sb-custom-part-lypj9pe8d34b0zowlwp .reviewer-age {
display: flex;
color: #000000;
}
#sb-part-7448.sb-custom-part-lypj9pe8d34b0zowlwp .reviewer-attr {
display: flex;
color: #000000;
margin-right: 10px;
}
#sb-part-7448.sb-custom-part-lypj9pe8d34b0zowlwp .reviewer-attr:before {
content: '/';
margin: 0 5px;
}
#sb-part-7448.sb-custom-part-lypj9pe8d34b0zowlwp .reviewer-reviews {
display: flex;
margin-right: 5px;
}
#sb-part-7448.sb-custom-part-lypj9pe8d34b0zowlwp .stars-count {
color: black;
font-weight: bold;
}
#sb-part-7448.sb-custom-part-lypj9pe8d34b0zowlwp .star {
position: relative;
display: inline-block;
width: 0;
height: 0;
margin-left: .5em;
margin-right: .5em;
margin-bottom: 1em;
border-right: .3em solid transparent;
border-bottom: .7em solid #FC0;
border-left: .3em solid transparent;
/* Controlls the size of the stars. */
font-size: 7px;
}
#sb-part-7448.sb-custom-part-lypj9pe8d34b0zowlwp .star:before,
#sb-part-7448.sb-custom-part-lypj9pe8d34b0zowlwp .star:after {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
top: .6em;
left: -1em;
border-right: 1em solid transparent;
border-bottom: .7em solid #FC0;
border-left: 1em solid transparent;
transform: rotate(-35deg);
}
#sb-part-7448.sb-custom-part-lypj9pe8d34b0zowlwp .star:after {
transform: rotate(35deg);
}
#sb-part-7448.sb-custom-part-lypj9pe8d34b0zowlwp .tag-wrapper {
margin: 5px 10px 0;
}
#sb-part-7448.sb-custom-part-lypj9pe8d34b0zowlwp .tag {
padding: 3px 6px;
border: 1px solid #ff99a8;
border-radius: 10px;
color: #d2691e;
background-color: #ffe6e9;
font-size: 10px;
}
#sb-part-7448.sb-custom-part-lypj9pe8d34b0zowlwp .main {
margin-top: 10px;
width: 100%;
font-size: 0;
}
#sb-part-7448.sb-custom-part-lypj9pe8d34b0zowlwp .main-img-wrapper {
margin-top: 10px;
display: inline-block;
width: 50%;
}
#sb-part-7448.sb-custom-part-lypj9pe8d34b0zowlwp .main-img-wrapper:not(:first-child) {
margin-top: 3px;
}
#sb-part-7448.sb-custom-part-lypj9pe8d34b0zowlwp .main-text {
margin-block-start: 0;
margin-block-end: 0;
font-size: 15px;
}
#sb-part-7448.sb-custom-part-lypj9pe8d34b0zowlwp footer {
color: #765555;
}
#sb-part-7448.sb-custom-part-lypj9pe8d34b0zowlwp .b-marker {
background: linear-gradient(transparent 60%, #cce5ff 0%);
}
#sb-part-7448.sb-custom-part-lypj9pe8d34b0zowlwp
/* reset */
img {
margin: 0 !important;
}
#sb-part-7448.sb-custom-part-lypj9pe8d34b0zowlwp p {
margin: 0;
}
#sb-part-7448.sb-custom-part-lypj9pe8d34b0zowlwp
/* resetここまで */
.box-ad .list-check {
margin: 1em 0 0;
padding: 0;
list-style: none;
}
#sb-part-7448.sb-custom-part-lypj9pe8d34b0zowlwp .box-ad .list-check>li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-weight: 700;
}
#sb-part-7448.sb-custom-part-lypj9pe8d34b0zowlwp .box-ad .list-check>li::before {
content: "";
display: inline-block;
-ms-flex-negative: 0;
flex-shrink: 0;
margin: 0.1em 0.4em 0 0;
width: 1.2em;
height: 1.2em;
background-repeat: no-repeat;
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22_x31_0%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20512%20512%22%20style%3D%22width%3A%20256px%3B%20height%3A%20256px%3B%20opacity%3A%201%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%23374149%3B%7D%3C%2Fstyle%3E%3Cg%3E%20%3Cpolygon%20class%3D%22st0%22%20points%3D%22221.18%2C250.621%20153.547%2C183.836%2091.934%2C245.453%2091.668%2C245.719%2091.668%2C245.719%2091.614%2C245.773%20221.207%2C374.516%20512%2C83.02%20450.121%2C21.14%20450.121%2C21.136%20450.121%2C21.136%20450.062%2C21.082%20407.187%2C64.109%20348.152%2C123.258%20%22%20style%3D%22fill%3A%20rgb(223%2C%2086%2C%2086)%3B%22%3E%3C%2Fpolygon%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M439.379%2C211.941v-0.113l-50.34%2C50.484V407.5c0%2C18.266-14.883%2C33.078-33.078%2C33.078H83.418%20c-18.266%2C0-33.078-14.813-33.078-33.078V259.578v-13.66V134.957c0-18.192%2C14.812-33.082%2C33.078-33.082h230.188l6.543-6.539%20l25.546-25.59l17.809-17.766c-0.023-0.004-0.047-0.004-0.066-0.004l0.074-0.078c-2.446-0.211-4.962-0.36-7.551-0.36H83.418%20C37.394%2C51.539%2C0%2C89.008%2C0%2C134.957V407.5c0%2C46.028%2C37.394%2C83.418%2C83.418%2C83.418h272.543c45.954%2C0%2C83.418-37.39%2C83.418-83.418%20V292.227l0.058-80.34L439.379%2C211.941z%22%20style%3D%22fill%3A%20rgb(223%2C%2086%2C%2086)%3B%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
#sb-part-7448.sb-custom-part-lypj9pe8d34b0zowlwp .f1 {
color: red;
font-weight: bold;
background: rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #ffff00 0%) repeat scroll 0 0;
}
#sb-part-7448.sb-custom-part-lypj9pe8d34b0zowlwp .f2 {
font-weight: bold;
background: rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #ffff00 0%) repeat scroll 0 0;
}
#sb-part-7448.sb-custom-part-lypj9pe8d34b0zowlwp .f3 {
font-weight: bold;
color: red;
}
#sb-part-7448.sb-custom-part-ma1xqwy7rda9h45dtg .box-ad {
border: 6px solid #8eafed;
border-radius: 4px;
padding: 10px;
}
#sb-part-7448.sb-custom-part-ma1xqwy7rda9h45dtg .box-ad strong {
color: #d21336;
font-style: normal;
}
#sb-part-7448.sb-custom-part-ma1xqwy7rda9h45dtg .box-ad .title {
color: #000000;
font-size: 22px;
font-weight: bold;
border-bottom: 1px dotted #696969;
margin: 0;
}
#sb-part-7448.sb-custom-part-ma1xqwy7rda9h45dtg .box-ad .wrap-subtitle {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 1.2em 0;
}
#sb-part-7448.sb-custom-part-ma1xqwy7rda9h45dtg .box-ad .wrap-subtitle .subtitle {
font-size: 2em;
line-height: 1.2;
padding: 0;
margin: 0;
}
#sb-part-7448.sb-custom-part-ma1xqwy7rda9h45dtg .box-ad .wrap-subtitle .subtitle>img {
display: inline-block !important;
vertical-align: bottom;
}
#sb-part-7448.sb-custom-part-ma1xqwy7rda9h45dtg .box-ad .star-rate {
position: relative;
font-size: 1.5em;
letter-spacing: -0.2em;
color: #efbb5a;
}
#sb-part-7448.sb-custom-part-ma1xqwy7rda9h45dtg .box-ad .star-rate>span {
position: absolute;
display: block;
top: -50%;
left: -100%;
letter-spacing: normal;
font-size: 0.8em;
color: #244b73;
font-weight: 700;
background-color: #90c4bd;
padding: 0.5em;
border-radius: 50%;
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
}
#sb-part-7448.sb-custom-part-ma1xqwy7rda9h45dtg .box-ad .star-rate>span::before {
content: "";
position: absolute;
display: block;
width: 0;
height: 0;
right: 12px;
bottom: -4px;
border-right: 16px solid #90c4bd;
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
}
#sb-part-7448.sb-custom-part-ma1xqwy7rda9h45dtg .box-ad .wrap-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
width: 100%;
}
#sb-part-7448.sb-custom-part-ma1xqwy7rda9h45dtg .box-ad .wrap-item>figure {
margin: 0 0.5px 0 0;
}
#sb-part-7448.sb-custom-part-ma1xqwy7rda9h45dtg .box-ad .wrap-item .txt {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
}
#sb-part-7448.sb-custom-part-ma1xqwy7rda9h45dtg .box-ad .wrap-item table {
width: 100%;
table-layout: fixed;
border-collapse: collapse;
text-align: center;
}
#sb-part-7448.sb-custom-part-ma1xqwy7rda9h45dtg .box-ad .wrap-item table th {
border: 1.3px solid #ff99a8;
font-size: 13px;
background-color: #ffe6e9;
padding: 0.4em;
}
#sb-part-7448.sb-custom-part-ma1xqwy7rda9h45dtg .box-ad .wrap-item table td {
border: 1.3px solid #ff99a8;
font-size: 13px;
background-color: #ffffff;
padding: 0.4em;
font-weight: bold;
}
#sb-part-7448.sb-custom-part-ma1xqwy7rda9h45dtg .box-ad .wrap-item ul {
font-weight: 700;
margin: 0 0 1em;
list-style: disc;
}
#sb-part-7448.sb-custom-part-ma1xqwy7rda9h45dtg .box-ad .wrap-tags {
font-weight: 700;
}
#sb-part-7448.sb-custom-part-ma1xqwy7rda9h45dtg .box-ad .wrap-tags ul {
list-style: none;
padding: 0;
font-weight: normal;
display: inline-block;
}
#sb-part-7448.sb-custom-part-ma1xqwy7rda9h45dtg .box-ad .wrap-tags ul>li {
display: inline-block;
font-size: 0.8em;
border: 1px solid #f58719;
color: #f58719;
padding: 0.1em 0.4em;
}
#sb-part-7448.sb-custom-part-ma1xqwy7rda9h45dtg .box-ad .wrap-tags ul>li.no {
border-color: #999999;
color: #999999;
text-decoration: line-through;
}
#sb-part-7448.sb-custom-part-ma1xqwy7rda9h45dtg .box-ad .balloon {
position: relative;
width: 60%;
margin: 0 auto;
color: #fff;
background-color: #92c24d;
text-align: center;
padding: 0.2em;
border-radius: 1.1em;
}
#sb-part-7448.sb-custom-part-ma1xqwy7rda9h45dtg .box-ad .balloon::before {
content: "";
position: absolute;
top: 100%;
left: 50%;
margin-left: -10px;
border: 10px solid transparent;
border-top: 10px solid #92c24d;
}
#sb-part-7448.sb-custom-part-ma1xqwy7rda9h45dtg .box-ad .wrap-btn {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
text-align: center;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin-top: 1.2em;
}
#sb-part-7448.sb-custom-part-ma1xqwy7rda9h45dtg .box-ad .wrap-btn .link1 {
-ms-flex-preferred-size: 39%;
flex-basis: 39%;
}
#sb-part-7448.sb-custom-part-ma1xqwy7rda9h45dtg .box-ad .wrap-btn .link1 a {
font-size: 1.2em;
display: block;
padding: 1em;
text-decoration: none;
color: #fff;
font-weight: 700;
background-image: -webkit-gradient(linear, left top, left bottom, from(#bfc2bf), color-stop(50%, #bcbfbc), color-stop(51%, #a9a9a9), to(#cacaca));
background-image: linear-gradient(to bottom, #bfc2bf 0%, #bcbfbc 50%, #a9a9a9 51%, #cacaca 100%);
border-bottom: solid 3px #939393;
border-radius: 4px;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
#sb-part-7448.sb-custom-part-ma1xqwy7rda9h45dtg .box-ad .wrap-btn .link1 a:hover {
-webkit-transform: translateY(3px);
transform: translateY(3px);
-webkit-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
border-bottom: solid 1px #939393;
}
#sb-part-7448.sb-custom-part-ma1xqwy7rda9h45dtg .box-ad .wrap-btn .link2 {
-ms-flex-preferred-size: 60%;
flex-basis: 100%;
}
#sb-part-7448.sb-custom-part-ma1xqwy7rda9h45dtg .box-ad .wrap-btn .link2 a {
position: relative;
font-size: 1.2em;
display: block;
padding: 1em;
text-decoration: none;
color: #fff;
font-weight: 700;
background-color: #66cdaa;
border-bottom: solid 3px #3cb371;
border-radius: 4px;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
#sb-part-7448.sb-custom-part-ma1xqwy7rda9h45dtg .box-ad .wrap-btn .link2 a::before {
content: "";
position: absolute;
right: 1em;
font-size: 0.8em;
margin-top: 0.2em;
}
#sb-part-7448.sb-custom-part-ma1xqwy7rda9h45dtg .box-ad .wrap-btn .link2 a:hover {
-webkit-transform: translateY(3px);
transform: translateY(3px);
-webkit-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
border-bottom: solid 1px #ad5515;
}
#sb-part-7448.sb-custom-part-ma1xqwy7rda9h45dtg article {
font-size: 12px;
line-height: 1.2
}
#sb-part-7448.sb-custom-part-ma1xqwy7rda9h45dtg .container {
padding: 9px 14px;
border: 1px solid #E6ECF0;
border-radius: 10px;
}
#sb-part-7448.sb-custom-part-ma1xqwy7rda9h45dtg .img {
width: 100%;
height: auto;
}
#sb-part-7448.sb-custom-part-ma1xqwy7rda9h45dtg .reviewer {
display: flex;
}
#sb-part-7448.sb-custom-part-ma1xqwy7rda9h45dtg .reviewer-img-wrapper {
margin-right: 3px;
width: 25px;
}
#sb-part-7448.sb-custom-part-ma1xqwy7rda9h45dtg .reviewer-info {
display: flex;
align-items: center;
flex-wrap: wrap;
color: #765555;
}
#sb-part-7448.sb-custom-part-ma1xqwy7rda9h45dtg .reviewer-name {
display: flex;
margin-right: 10px;
font-size: 15px;
color: #000000;
font-weight: bold
}
#sb-part-7448.sb-custom-part-ma1xqwy7rda9h45dtg .reviewer-age {
display: flex;
color: #000000;
}
#sb-part-7448.sb-custom-part-ma1xqwy7rda9h45dtg .reviewer-attr {
display: flex;
color: #000000;
margin-right: 10px;
}
#sb-part-7448.sb-custom-part-ma1xqwy7rda9h45dtg .reviewer-attr:before {
content: '/';
margin: 0 5px;
}
#sb-part-7448.sb-custom-part-ma1xqwy7rda9h45dtg .reviewer-reviews {
display: flex;
margin-right: 5px;
}
#sb-part-7448.sb-custom-part-ma1xqwy7rda9h45dtg .stars-count {
color: black;
font-weight: bold;
}
#sb-part-7448.sb-custom-part-ma1xqwy7rda9h45dtg .star {
position: relative;
display: inline-block;
width: 0;
height: 0;
margin-left: .5em;
margin-right: .5em;
margin-bottom: 1em;
border-right: .3em solid transparent;
border-bottom: .7em solid #FC0;
border-left: .3em solid transparent;
/* Controlls the size of the stars. */
font-size: 7px;
}
#sb-part-7448.sb-custom-part-ma1xqwy7rda9h45dtg .star:before,
#sb-part-7448.sb-custom-part-ma1xqwy7rda9h45dtg .star:after {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
top: .6em;
left: -1em;
border-right: 1em solid transparent;
border-bottom: .7em solid #FC0;
border-left: 1em solid transparent;
transform: rotate(-35deg);
}
#sb-part-7448.sb-custom-part-ma1xqwy7rda9h45dtg .star:after {
transform: rotate(35deg);
}
#sb-part-7448.sb-custom-part-ma1xqwy7rda9h45dtg .tag-wrapper {
margin: 5px 10px 0;
}
#sb-part-7448.sb-custom-part-ma1xqwy7rda9h45dtg .tag {
padding: 3px 6px;
border: 1px solid #ff99a8;
border-radius: 10px;
color: #d2691e;
background-color: #ffe6e9;
font-size: 10px;
}
#sb-part-7448.sb-custom-part-ma1xqwy7rda9h45dtg .main {
margin-top: 10px;
width: 100%;
font-size: 0;
}
#sb-part-7448.sb-custom-part-ma1xqwy7rda9h45dtg .main-img-wrapper {
margin-top: 10px;
display: inline-block;
width: 50%;
}
#sb-part-7448.sb-custom-part-ma1xqwy7rda9h45dtg .main-img-wrapper:not(:first-child) {
margin-top: 3px;
}
#sb-part-7448.sb-custom-part-ma1xqwy7rda9h45dtg .main-text {
margin-block-start: 0;
margin-block-end: 0;
font-size: 15px;
}
#sb-part-7448.sb-custom-part-ma1xqwy7rda9h45dtg footer {
color: #765555;
}
#sb-part-7448.sb-custom-part-ma1xqwy7rda9h45dtg .b-marker {
background: linear-gradient(transparent 60%, #cce5ff 0%);
}
#sb-part-7448.sb-custom-part-ma1xqwy7rda9h45dtg
/* reset */
img {
margin: 0 !important;
}
#sb-part-7448.sb-custom-part-ma1xqwy7rda9h45dtg p {
margin: 0;
}
#sb-part-7448.sb-custom-part-ma1xqwy7rda9h45dtg
/* resetここまで */
.box-ad .list-check {
margin: 1em 0 0;
padding: 0;
list-style: none;
}
#sb-part-7448.sb-custom-part-ma1xqwy7rda9h45dtg .box-ad .list-check>li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-weight: 700;
}
#sb-part-7448.sb-custom-part-ma1xqwy7rda9h45dtg .box-ad .list-check>li::before {
content: "";
display: inline-block;
-ms-flex-negative: 0;
flex-shrink: 0;
margin: 0.1em 0.4em 0 0;
width: 1.2em;
height: 1.2em;
background-repeat: no-repeat;
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22_x31_0%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20512%20512%22%20style%3D%22width%3A%20256px%3B%20height%3A%20256px%3B%20opacity%3A%201%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%23374149%3B%7D%3C%2Fstyle%3E%3Cg%3E%20%3Cpolygon%20class%3D%22st0%22%20points%3D%22221.18%2C250.621%20153.547%2C183.836%2091.934%2C245.453%2091.668%2C245.719%2091.668%2C245.719%2091.614%2C245.773%20221.207%2C374.516%20512%2C83.02%20450.121%2C21.14%20450.121%2C21.136%20450.121%2C21.136%20450.062%2C21.082%20407.187%2C64.109%20348.152%2C123.258%20%22%20style%3D%22fill%3A%20rgb(223%2C%2086%2C%2086)%3B%22%3E%3C%2Fpolygon%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M439.379%2C211.941v-0.113l-50.34%2C50.484V407.5c0%2C18.266-14.883%2C33.078-33.078%2C33.078H83.418%20c-18.266%2C0-33.078-14.813-33.078-33.078V259.578v-13.66V134.957c0-18.192%2C14.812-33.082%2C33.078-33.082h230.188l6.543-6.539%20l25.546-25.59l17.809-17.766c-0.023-0.004-0.047-0.004-0.066-0.004l0.074-0.078c-2.446-0.211-4.962-0.36-7.551-0.36H83.418%20C37.394%2C51.539%2C0%2C89.008%2C0%2C134.957V407.5c0%2C46.028%2C37.394%2C83.418%2C83.418%2C83.418h272.543c45.954%2C0%2C83.418-37.39%2C83.418-83.418%20V292.227l0.058-80.34L439.379%2C211.941z%22%20style%3D%22fill%3A%20rgb(223%2C%2086%2C%2086)%3B%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
#sb-part-7448.sb-custom-part-ma1xqwy7rda9h45dtg .f1 {
color: red;
font-weight: bold;
background: rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #ffff00 0%) repeat scroll 0 0;
}
#sb-part-7448.sb-custom-part-ma1xqwy7rda9h45dtg .f2 {
font-weight: bold;
background: rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #ffff00 0%) repeat scroll 0 0;
}
#sb-part-7448.sb-custom-part-ma1xqwy7rda9h45dtg .f3 {
font-weight: bold;
color: red;
}
#sb-part-10520.sb-custom-part-lty46jf9qky9n9d52dk .arrowFlow__area {
width: 100%;
height: auto;
}
#sb-part-10520.sb-custom-part-lty46jf9qky9n9d52dk .arrowFlow__inner {
padding-bottom: 200px;
overflow-y: hidden;
position: relative;
}
#sb-part-10520.sb-custom-part-lty46jf9qky9n9d52dk .arrowFlow__beforeG,
#sb-part-10520.sb-custom-part-lty46jf9qky9n9d52dk .arrowFlow__afterG {
width: 80%;
max-width: 400px;
height: auto;
margin: 0 auto;
display: flex;
justify-content: space-evenly;
align-items: flex-start;
animation-name: arrowFlow;
animation-duration: 2s;
animation-timing-function: ease-in-out;
animation-iteration-count: infinite;
transform: translate(-50%, -300%);
position: absolute;
top: 0;
left: 50%;
}
#sb-part-10520.sb-custom-part-lty46jf9qky9n9d52dk .arrowFlow__afterG {
animation-delay: 1s;
}
#sb-part-10520.sb-custom-part-lty46jf9qky9n9d52dk .arrow {
display: inline-block;
vertical-align: middle;
color: #FF1493;
line-height: 1;
position: relative;
width: 40px;
height: 60px !important;
background: currentColor;
margin: 0 30px;
}
#sb-part-10520.sb-custom-part-lty46jf9qky9n9d52dk .arrow:before {
content: "";
display: inline-block;
width: 0;
height: 0;
border-style: solid;
border-width: 50px 50px 0 50px;
border-color: #FF1493 transparent transparent transparent;
position: absolute;
bottom: -50px;
left: 50%;
transform: translateX(-50%);
}
@keyframes arrowFlow {
0% {
transform: translate(-50%, -300%);
}
60% {
transform: translate(-50%, 100%);
}
100% {
transform: translate(-50%, 400%);
}
}
#sb-part-11498.sb-custom-part-md59hpolr19ajshagc .review {
/*最大幅の指定。max-widthで指定した値の最大幅以上には広がらずに表示*/
max-width: 580px;
/*行間調整*/
line-height: 1.5;
margin: 0 auto;
box-sizing: border-box;
}
#sb-part-11498.sb-custom-part-md59hpolr19ajshagc .in {
box-sizing: border-box;
position: relative;
/*枠内側の余白*/
padding: 17px;
/*背景色*/
background: #fff;
/*角を丸くする*/
border-radius: 6px;
/*線の指定。左から線の太さ、線の種類、線の色*/
border: 1px solid #ccc;
/*影の指定。左から水平方向の距離、垂直方向の距離、影の色*/
box-shadow: 3px 3px #ffc7d3;
}
#sb-part-11498.sb-custom-part-md59hpolr19ajshagc .kuchikomi {
/*クチコミ部分の文章周りの余白。上の余白、左右の余白、下の余白*/
margin: 12px 0;
}
#sb-part-11498.sb-custom-part-md59hpolr19ajshagc .speech-bubble p {
margin: 0;
}
#sb-part-11498.sb-custom-part-md59hpolr19ajshagc .evaluation {
font-size: 16px;
max-width: 750px;
margin-left: auto;
margin-right: auto;
}
#sb-part-11498.sb-custom-part-md59hpolr19ajshagc .evaluation ul {
margin: 0;
padding: 0;
list-style: none;
}
#sb-part-11498.sb-custom-part-md59hpolr19ajshagc .evaluation-title {
text-align: center;
font-size: 1.5em;
font-weight: 600;
padding-top: 2em;
position: relative;
width: fit-content;
margin: auto;
}
#sb-part-11498.sb-custom-part-md59hpolr19ajshagc .evaluation-title::before {
content: attr(data-title) "";
position: absolute;
font-size: 2.25em;
opacity: 0.15;
line-height: 1;
font-weight: 700;
left: -1.5em;
bottom: 0.25em;
}
#sb-part-11498.sb-custom-part-md59hpolr19ajshagc .evaluation-content {
margin: 0 2em;
padding: 1em;
border: solid 3px;
border-radius: 10px;
}
#sb-part-11498.sb-custom-part-md59hpolr19ajshagc .evaluation-content li {
line-height: 1.5;
position: relative;
padding-left: 2em;
}
#sb-part-11498.sb-custom-part-md59hpolr19ajshagc .evaluation-content li:not(:first-child) {
margin-top: 0.75em;
}
#sb-part-11498.sb-custom-part-md59hpolr19ajshagc .evaluation-content li:not(:last-child) {
border-bottom: dashed 2px;
padding-bottom: 0.75em;
}
#sb-part-11498.sb-custom-part-md59hpolr19ajshagc .evaluation-content li::before {
content: "";
position: absolute;
left: 0;
top: 0.1em;
background: url(../img/9622ec1b-45b1-43bf-8f24-75fd93eab588.webp) no-repeat 0 0/contain;
aspect-ratio: 1/1;
width: 1.5em;
display: block;
margin: 0;
}
#sb-part-11498.sb-custom-part-md59hpolr19ajshagc .evaluation.good .evaluation-title {
color: #ff5e5e;
}
#sb-part-11498.sb-custom-part-md59hpolr19ajshagc .evaluation.good .evaluation-content {
border-color: #ff5e5e;
}
#sb-part-11498.sb-custom-part-md59hpolr19ajshagc .evaluation.good .evaluation-content li:not(:last-child) {
border-color: #ff5e5e;
}
#sb-part-11498.sb-custom-part-md59hpolr19ajshagc .evaluation.more .evaluation-title {
color: #1d6faa;
}
#sb-part-11498.sb-custom-part-md59hpolr19ajshagc .evaluation.more .evaluation-content {
border-color: #1d6faa;
}
#sb-part-11498.sb-custom-part-md59hpolr19ajshagc .evaluation.more .evaluation-content li:not(:last-child) {
border-color: #1d6faa;
}
@media (max-width: 500px) {
#sb-part-11498.sb-custom-part-md59hpolr19ajshagc .evaluation {
font-size: 3.3vw;
}
#sb-part-11498.sb-custom-part-md59hpolr19ajshagc .evaluation-title::before {
left: -.5em;
}
}
#sb-part-11498.sb-custom-part-md59hpolr19ajshagc .ranking {
border-bottom: solid 5px;
position: relative;
font-size: 18px;
display: flex;
align-items: center;
gap: 0.5em;
}
#sb-part-11498.sb-custom-part-md59hpolr19ajshagc .ranking::before {
content: attr(data-rank) "位";
width: 4.5em;
aspect-ratio: 17/11;
color: #FFF;
font-weight: 600;
z-index: 1;
display: flex;
align-items: center;
justify-content: center;
position: relative;
background: url(../img/dd993cc9-43ce-4e9d-b913-e83dfface518.webp) no-repeat 0 0/contain;
padding-top: 0.25em;
}
#sb-part-11498.sb-custom-part-md59hpolr19ajshagc .ranking[data-rank="1"] {
border-color: #aca06b;
}
#sb-part-11498.sb-custom-part-md59hpolr19ajshagc .ranking[data-rank="1"]::before {
background-image: url(../img/1eab8679-44bc-42bf-9f2f-b3c329ed994e.webp);
}
#sb-part-5202.sb-custom-part-lygqf2m8dv6kl2leazo
/*ボタンの設定*/
.auraBtn {
position: relative;
/*幅サイズを変更する場合は下記数値を変更ください*/
width: 90%;
/*ボタンの外側の余白 1番目の値は上下余白、2番目の値は左右余白auto（=中央揃えするため）*/
margin: 3em auto;
}
#sb-part-5202.sb-custom-part-lygqf2m8dv6kl2leazo
/*ボタンが広がるアニメーション（1番目）*/
.auraBtn:before {
/*アニメーションの設定 変更する場合は該当場所を修正してください。
アニメーション名、動きの速さ.2s（=0.2秒）、動き具合、動く回数*/
animation: auraBtn 2s ease-out infinite
}
#sb-part-5202.sb-custom-part-lygqf2m8dv6kl2leazo
/*ボタンが広がるアニメーション（2番目）*/
.auraBtn:after {
/*アニメーションの設定 変更する場合は該当場所を修正してください。
アニメーション名、動きの速さ.2s（=0.2秒）、動き具合、動くタイミング1s(=1秒後）、動く回数*/
animation: auraBtn 2s ease-out 1s infinite
}
#sb-part-5202.sb-custom-part-lygqf2m8dv6kl2leazo
/*ボタンが広がるアニメーション（共通設定）*/
.auraBtn:before,
#sb-part-5202.sb-custom-part-lygqf2m8dv6kl2leazo .auraBtn:after {
content: "";
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
/*ボタンの角丸*/
border-radius: 100vh;
/*広がるボタンの色(green, red, blue以外の場合はここを修正してください）*/
background: #32ca5b;
/*広がるボタンの初期位置*/
transform: translate3d(0, 0, 0);
}
#sb-part-5202.sb-custom-part-lygqf2m8dv6kl2leazo
/*ボタン自体の設定*/
.auraBtn a {
/*文字の色*/
color: #fff;
/*文字の太さ*/
font-weight: 600;
display: block;
/*内側の余白 1番目の値は上下余白、2番目の値は左右余白*/
padding: 20px 0;
/*ボタンの角丸*/
border-radius: 100vh;
/*ボタン内テキストの水平方向の位置*/
text-align: center;
/*リンクの装飾*/
text-decoration: none;
/*ボタンの色(green, red, blue以外の場合はここを修正してください）*/
background: #32ca5b;
position: relative;
z-index: 1;
}
/*広がるボタンのアニメーション（変更する場合は該当する箇所を修正してください）*/
@keyframes auraBtn {
/*アニメーション初期（0秒の時）*/
0% {
/*拡大率 （1=100％）*/
-webkit-transform: scale(0.95);
transform: scale(0.95);
/*透明度（0=透明、1=不透明）*/
opacity: 1
}
/*1.8秒時*/
90% {
/*透明度*/
opacity: .1
}
/*アニメーション最後（2秒時）*/
to {
/*拡大率 1番目の値はX軸、2番目の値はY軸*/
-webkit-transform: scale(1.2, 1.5);
transform: scale(1.2, 1.5);
/*透明度*/
opacity: 0
}
}
#sb-part-5202.sb-custom-part-lygqf2m8dv6kl2leazo
/*ボタン右側の矢印の設定*/
.auraBtn a span {
display: block;
position: relative;
}
#sb-part-5202.sb-custom-part-lygqf2m8dv6kl2leazo .auraBtn a span:after {
content: "";
position: absolute;
/*矢印の位置*/
top: calc(50% - 4px);
right: 25px;
/*矢印の横幅*/
width: 8px;
/*矢印の高さ*/
height: 8px;
/*矢印の線 太さ、線種、色*/
border-right: 2px solid #fff;
border-top: 2px solid #fff;
/*矢印の回転角度*/
-webkit-transform: rotate(45deg);
transform: rotate(45deg)
}
#sb-part-5202.sb-custom-part-lygqf2m8dv6kl2leazo
/*赤の場合の色*/
.auraBtn.red a {
background: #ff5555;
}
#sb-part-5202.sb-custom-part-lygqf2m8dv6kl2leazo .auraBtn.red:before,
#sb-part-5202.sb-custom-part-lygqf2m8dv6kl2leazo .auraBtn.red:after {
background: #ffaaae;
border: 1px solid #ff999e;
}
#sb-part-5202.sb-custom-part-lygqf2m8dv6kl2leazo
/*青の場合の色*/
.auraBtn.blue a {
background: #389aff;
}
#sb-part-5202.sb-custom-part-lygqf2m8dv6kl2leazo .auraBtn.blue:before,
#sb-part-5202.sb-custom-part-lygqf2m8dv6kl2leazo .auraBtn.blue:after {
background: #389aff;
border: 1px solid #389aff;
}
#sb-part-3375.sb-custom-part-lyphv1djxvvx63okbb
/*-- 全体の設定 --*/
.accordionMenu__box {
/*背景の色*/
background: #f5f5f5;
/* 内側の余白 */
padding: 10px;
}
#sb-part-3375.sb-custom-part-lyphv1djxvvx63okbb
/*-- 見出し（Outlineの部分 --*/
.accordionMenu__box .accordionMenu__title {
/*文字の大きさ*/
font-size: 13px;
/*文字の太さ*/
font-weight: bold;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
#sb-part-3375.sb-custom-part-lyphv1djxvvx63okbb .accordionMenu__box .accordionMenu__title .accordionMenu__titleBox {
display: inline-block;
margin-right: 2rem;
line-height: 1;
}
#sb-part-3375.sb-custom-part-lyphv1djxvvx63okbb
/*-- Outline横のボーダー --*/
.accordionMenu__box .accordionMenu__title:after {
content: '';
/*ボーダーの太さと線種と色*/
border-bottom: 2px solid #000;
width: 70%;
/*ボーダーの太さ分の高さ*/
height: 2px;
display: block;
}
#sb-part-3375.sb-custom-part-lyphv1djxvvx63okbb
/*-- アコーディオン（インデックス）内の見出し --*/
.accordionMenu__box .accordionMenu__contents .menu_title {
/*インデックスごとの線*/
border-top: 1px solid #ccc;
/*インデックス見出しの余白*/
padding: 3px 0;
/*インデックス見出しの文字の大きさ*/
font-size: 13px;
/*インデックス見出しの文字の太さ*/
font-weight: bold;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
#sb-part-3375.sb-custom-part-lyphv1djxvvx63okbb .accordionMenu__box .accordionMenu__contents .menu_title:first-of-type {
border-top: none;
}
#sb-part-3375.sb-custom-part-lyphv1djxvvx63okbb .accordionMenu__box .accordionMenu__contents .menu_title .menu_titleBox {
width: calc(100% - 30px);
}
#sb-part-3375.sb-custom-part-lyphv1djxvvx63okbb
/*-- インデックスのボタン部分 --*/
.accordionMenu__box .accordionMenu__contents .menu_title .menutoggle_btn {
/*ボタンの横幅*/
width: 20px;
/*ボタンの高さ*/
height: 20px;
/*ボタンの色*/
background: #000;
border: none;
padding: 1px 6px;
cursor: pointer;
}
#sb-part-3375.sb-custom-part-lyphv1djxvvx63okbb .accordionMenu__box .accordionMenu__contents .menu_title .menutoggle_btn:before {
content: '';
display: block;
position: relative;
top: -1px;
left: 2px;
width: 4px;
height: 4px;
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
/*ボタン内の矢印の色*/
border-top: 1px solid #fff;
border-right: 1px solid #fff;
}
#sb-part-3375.sb-custom-part-lyphv1djxvvx63okbb .accordionMenu__box .accordionMenu__contents .menu_title .menutoggle_btn.active:before {
content: '';
top: 0;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
#sb-part-3375.sb-custom-part-lyphv1djxvvx63okbb
/*-- インデックス詳細部分 --*/
.accordionMenu__box .accordionMenu__contents .menu_content {
/*文字の大きさ*/
font-size: 16px;
/*コンテンツ左側の余白（不要の場合は「0」としてください）*/
margin-left: 1rem;
/*コンテンツが表示されている時の下側の余白*/
padding-bottom: 10px;
display: none;
}
/* Adtasukaru popup: body幅制約(620px)を超えてビューポート全体を覆う */
.format-cover,
#format-number-1 {
position: fixed !important;
top: 0 !important;
left: 0 !important;
width: 100vw !important;
height: 100vh !important;
z-index: 99999 !important;
pointer-events: none;
}
.format-cover > *,
#format-number-1 > * {
pointer-events: auto;
}
/* フローティングボタン: body幅620pxにセンタリング */
.overlay-background {
max-width: 620px !important;
left: 50% !important;
transform: translateX(-50%) !important;
}
/* Footer links */
.footer-links {
display: flex;
justify-content: center;
gap: 20px;
padding: 15px 0;
font-size: 12px;
}
.footer-links a {
color: #999;
text-decoration: none;
}
/* sb-custom-part-m4b1dbzd5scit51u7tt */
#sb-part-14762.sb-custom-part-m4b1dbzd5scit51u7tt .main {
margin: 0px -5px 0 -5px !important;
max-width: unset;
}
#sb-part-14762.sb-custom-part-m4b1dbzd5scit51u7tt img {
width: 100%;
}
#sb-part-14762.sb-custom-part-m4b1dbzd5scit51u7tt .pr-text {
text-align: right;
font-size: 10px;
color: #bbbbbb;
white-space: nowrap;
}
/* sb-custom-part-m4ava11zvuhspr92m6l */
#sb-part-2272.sb-custom-part-m4ava11zvuhspr92m6l h2 {
/*文字サイズを指定*/
font-size: 1.1em;
/* カラーコードで下線の色指定*/
border-bottom: 1px solid #6495ED;
/* カラーコードで左ラインの色指定*/
border-left: 6px solid #6495ED;
/*高さを数字で指定*/
line-height: 1.4;
/*フォントの太さを指定。100、200、300、400、500、600、700、800、900。フォント種類により数値を上下させても変化しないことがあります。*/
font-weight: 600;
padding: 0 0 10px 15px;
margin: 30px 0 30px;
letter-spacing: .05em;
}
/* sb-custom-part-m4b4377y2iscbck7lpt */
#sb-part-12085.sb-custom-part-m4b4377y2iscbck7lpt .box {
/*ボックスの周りの余白。上下｜左右*/
margin: 1em auto;
/*ボックスの背景色*/
background: #F0F8FF;
/*ボックスの角を丸める*/
border-radius: 4px;
/*ボックスの線。線の種類｜線の色｜線の太さ*/
border: solid #4169E1 1px;
/*ボックスの幅*/
max-width: 100%;
/*ボックスの内側の余白。上｜右｜下｜左*/
padding: 25px 5px 0px 3px;
position: relative;
box-sizing: border-box;
}
#sb-part-12085.sb-custom-part-m4b4377y2iscbck7lpt .box .box-title {
/*見出しの背景色*/
background: #6495ED;
/*見出しの文字の色*/
color: #fff;
/*見出しの文字の太さ*/
font-weight: bold;
/*見出し文字のサイズ*/
font-size: 18px;
/*文字の水平方向の配置。左寄せはleft、真ん中はcenter*/
text-align: center;
/*見出し部分の角丸。上｜右｜下｜左*/
border-radius: 4px 4px 0px 0px;
position: absolute;
line-height: 2;
padding: 1px;
letter-spacing: .05em;
left: 0;
top: 0;
width: 100%;
margin: 0;
box-sizing: border-box;
}
#sb-part-12085.sb-custom-part-m4b4377y2iscbck7lpt .box ol {
padding: 0;
position: relative;
padding-top: 3px;
margin-left: 0;
list-style-type: none;
border: 0;
counter-reset: number;
}
#sb-part-12085.sb-custom-part-m4b4377y2iscbck7lpt .box ol li {
/*リスト文字の色*/
color: #333;
list-style-type: none;
padding: .5em 0 .5em 3em;
line-height: 1.6;
}
#sb-part-12085.sb-custom-part-m4b4377y2iscbck7lpt .box li::before {
color: #fff;
background: #1E90FF;
display: inline-block;
position: absolute;
width: 25px;
height: 25px;
border-radius: 50%;
color: white;
font-size: 15px;
font-weight: bold;
text-align: center;
vertical-align: middle;
line-height: 25px;
content: counter(number);
counter-increment: number;
left: 10px;
margin-left: 0;
}
/* sb-custom-part-m2bjrd4h3sxb91jx8g1 */
#sb-part-2272.sb-custom-part-m2bjrd4h3sxb91jx8g1 h2 {
/*文字サイズを指定*/
font-size: 1.1em;
/* カラーコードで下線の色指定*/
border-bottom: 1px solid #6495ED;
/* カラーコードで左ラインの色指定*/
border-left: 6px solid #6495ED;
/*高さを数字で指定*/
line-height: 1.4;
/*フォントの太さを指定。100、200、300、400、500、600、700、800、900。フォント種類により数値を上下させても変化しないことがあります。*/
font-weight: 600;
padding: 0 0 10px 15px;
margin: 30px 0 30px;
letter-spacing: .05em;
}
/* sb-custom-part-m4b49maoxc55gje9k1s */
#sb-part-12085.sb-custom-part-m4b49maoxc55gje9k1s .box {
/*ボックスの周りの余白。上下｜左右*/
margin: 1em auto;
/*ボックスの背景色*/
background: #F0F8FF;
/*ボックスの角を丸める*/
border-radius: 4px;
/*ボックスの線。線の種類｜線の色｜線の太さ*/
border: solid #4169E1 1px;
/*ボックスの幅*/
max-width: 100%;
/*ボックスの内側の余白。上｜右｜下｜左*/
padding: 25px 5px 0px 3px;
position: relative;
box-sizing: border-box;
}
#sb-part-12085.sb-custom-part-m4b49maoxc55gje9k1s .box .box-title {
/*見出しの背景色*/
background: #6495ED;
/*見出しの文字の色*/
color: #fff;
/*見出しの文字の太さ*/
font-weight: bold;
/*見出し文字のサイズ*/
font-size: 18px;
/*文字の水平方向の配置。左寄せはleft、真ん中はcenter*/
text-align: center;
/*見出し部分の角丸。上｜右｜下｜左*/
border-radius: 4px 4px 0px 0px;
position: absolute;
line-height: 2;
padding: 1px;
letter-spacing: .05em;
left: 0;
top: 0;
width: 100%;
margin: 0;
box-sizing: border-box;
}
#sb-part-12085.sb-custom-part-m4b49maoxc55gje9k1s .box ol {
padding: 0;
position: relative;
padding-top: 3px;
margin-left: 0;
list-style-type: none;
border: 0;
counter-reset: number;
}
#sb-part-12085.sb-custom-part-m4b49maoxc55gje9k1s .box ol li {
/*リスト文字の色*/
color: #333;
list-style-type: none;
padding: .5em 0 .5em 3em;
line-height: 1.6;
}
#sb-part-12085.sb-custom-part-m4b49maoxc55gje9k1s .box li::before {
color: #fff;
background: #1E90FF;
display: inline-block;
position: absolute;
width: 25px;
height: 25px;
border-radius: 50%;
color: white;
font-size: 15px;
font-weight: bold;
text-align: center;
vertical-align: middle;
line-height: 25px;
content: counter(number);
counter-increment: number;
left: 10px;
margin-left: 0;
}
/* sb-custom-part-m2d171zwfu6fr75m8f5 */
#sb-part-9640.sb-custom-part-m2d171zwfu6fr75m8f5 .statick-table {
font-size: 14px;
max-width: 800px;
margin-left: auto;
margin-right: auto;
}
#sb-part-9640.sb-custom-part-m2d171zwfu6fr75m8f5 .statick-table img {
width: 120%;
height: auto;
}
#sb-part-9640.sb-custom-part-m2d171zwfu6fr75m8f5 .statick-table-title {
background-color: #87CEFA;
color: #fff;
text-align: center;
padding: 1em;
font-size: 1.4em;
font-weight: 600;
border-radius: 0.5em 0.5em 0 0;
}
#sb-part-9640.sb-custom-part-m2d171zwfu6fr75m8f5 .statick-table .link {
font-weight: 400;
display: inline-block;
margin-top: 0.25em;
}
#sb-part-9640.sb-custom-part-m2d171zwfu6fr75m8f5 .statick-table table {
border-collapse: separate;
border-spacing: 0;
table-layout: fixed;
width: 100%;
border: 1px solid #ddd;
text-align: center;
background-color: #fff;
}
#sb-part-9640.sb-custom-part-m2d171zwfu6fr75m8f5 .statick-table .is-static {
position: sticky;
top: 0;
z-index: 10;
}
#sb-part-9640.sb-custom-part-m2d171zwfu6fr75m8f5 .statick-table table thead th {
padding: 1em;
background-color: #fff;
box-shadow: 0 0 0 #000;
}
#sb-part-9640.sb-custom-part-m2d171zwfu6fr75m8f5 .statick-table table tbody th {
background-color: #eeeff0;
font-weight: 400;
}
#sb-part-9640.sb-custom-part-m2d171zwfu6fr75m8f5 .statick-table table tbody td {
padding: 1em 0.5em;
font-weight: 600;
font-size: 1.2em;
}
#sb-part-9640.sb-custom-part-m2d171zwfu6fr75m8f5 .statick-table table tbody td[data-level="1"] {
background: #fefbd3 url(../img/7f09353c-c580-4c6e-8e3b-b42f60cf0eef.webp) no-repeat center/3em;
}
#sb-part-9640.sb-custom-part-m2d171zwfu6fr75m8f5 .statick-table table tbody td[data-level="2"] {
background: url(../img/ba94d4f4-09ea-46c8-a314-1300b2e67881.webp) no-repeat center/3em;
}
#sb-part-9640.sb-custom-part-m2d171zwfu6fr75m8f5 .statick-table table tbody td[data-level="3"] {
background: url(../img/634ff193-92eb-464c-aafb-4a05f1a0b293.webp) no-repeat center/3em;
}
#sb-part-9640.sb-custom-part-m2d171zwfu6fr75m8f5 .statick-table table tbody:last-child td {
border-bottom: none;
}
#sb-part-9640.sb-custom-part-m2d171zwfu6fr75m8f5 .statick-table table th,
#sb-part-9640.sb-custom-part-m2d171zwfu6fr75m8f5 .statick-table table td {
border-bottom: 1px solid #ddd;
border-right: solid 1px #ddd;
}
#sb-part-9640.sb-custom-part-m2d171zwfu6fr75m8f5 .statick-table table .btn {
display: block;
width: 100%;
background: linear-gradient(to bottom, #fe3d3d, #ec1110);
text-align: center;
color: #fff;
box-sizing: border-box;
border-radius: 0.5em;
padding: 1em 0;
text-decoration: none;
font-size: 0.9em;
font-weight: 600;
line-height: 1;
position: relative;
z-index: 5;
box-shadow: 0 6px 0 #b30908, 0 10px 6px rgba(0, 0, 0, 0.2);
transition: 0.25s;
overflow: hidden;
}
#sb-part-9640.sb-custom-part-m2d171zwfu6fr75m8f5 .statick-table table .btn:hover {
transform: translateY(5px);
box-shadow: 0 1px 0 #b30908, 0 5px 6px rgba(0, 0, 0, 0.2);
}
#sb-part-9640.sb-custom-part-m2d171zwfu6fr75m8f5 .statick-table table .btn::before {
content: "";
display: inline-block;
vertical-align: middle;
color: #333;
line-height: 1;
width: 1em;
height: 1em;
border: 0.25em solid #fe3d3d;
border-left: 0;
border-bottom: 0;
box-sizing: border-box;
transform: translateX(-25%) rotate(45deg);
position: absolute;
right: 0.75em;
top: calc(50% - 0.5em);
z-index: 1;
scale: 0.5;
}
#sb-part-9640.sb-custom-part-m2d171zwfu6fr75m8f5 .statick-table table .btn::after {
content: "";
display: inline-block;
vertical-align: middle;
color: #333;
line-height: 1;
width: 1em;
height: 1em;
border-radius: 50%;
background-color: #ffffff;
transform: translateX(-25%) rotate(45deg);
position: absolute;
right: 0.5em;
top: calc(50% - 0.5em);
z-index: 0;
}
#sb-part-9640.sb-custom-part-m2d171zwfu6fr75m8f5 .statick-table table .btn .shain {
position: absolute;
overflow: hidden;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
#sb-part-9640.sb-custom-part-m2d171zwfu6fr75m8f5 .statick-table table .btn .shain::before {
content: "";
position: absolute;
display: block;
top: 0;
translate: -125% 0;
width: 100%;
height: 100%;
background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
transform: skewX(-25deg);
animation: shine 3s ease-in-out 0s infinite normal;
}
@media (max-width: 600px) {
#sb-part-9640.sb-custom-part-m2d171zwfu6fr75m8f5 .statick-table {
font-size: 3vw;
}
#sb-part-9640.sb-custom-part-m2d171zwfu6fr75m8f5 .statick-table table .btn {
font-size: 0.75em;
}
}
#sb-part-9640.sb-custom-part-m2d171zwfu6fr75m8f5 .wrapper {
position: relative;
}
#sb-part-9640.sb-custom-part-m2d171zwfu6fr75m8f5 .hogehoge {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
}
/* sb-custom-part-m568ui4wh5zi0qm8roq */
#sb-part-3063.sb-custom-part-m568ui4wh5zi0qm8roq h2 {
/*文字サイズ*/
font-size: 18px;
/*文字の色*/
color: #fff;
/*吹き出しの背景色。下のh2:afterのborder-colorも同じ色を指定ください*/
background: #4169e1;
/*フォントの太さを指定。100、200、300、400、500、600、700、800、900。フォント種類により数値を上下させても変化しないことがあります*/
font-weight: 600;
/*吹き出し内側の余白。右の値が上下、左の値が左右*/
padding: 1rem;
/*角を丸くする*/
border-radius: 5px;
/*水平方向の字間のスペース*/
letter-spacing: .05em;
position: relative;
}
#sb-part-3063.sb-custom-part-m568ui4wh5zi0qm8roq h2:after {
position: absolute;
bottom: -9px;
left: 1em;
width: 0;
height: 0;
content: '';
border-width: 20px 20px 0 20px;
border-style: solid;
/*吹き出しのしっぽ色*/
border-color: #4169e1 transparent transparent transparent;
}
/* sb-custom-part-mich11oustbx6jes1is */
#sb-part-7447.sb-custom-part-mich11oustbx6jes1is .box-ad {
border: 6px solid #8eafed;
border-radius: 4px;
padding: 10px;
}
#sb-part-7447.sb-custom-part-mich11oustbx6jes1is .box-ad strong {
color: #d21336;
font-style: normal;
}
#sb-part-7447.sb-custom-part-mich11oustbx6jes1is .box-ad .title {
color: #000000;
font-size: 22px;
font-weight: bold;
border-bottom: 1px dotted #696969;
margin: 0;
}
#sb-part-7447.sb-custom-part-mich11oustbx6jes1is .box-ad .wrap-subtitle {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 1.2em 0;
}
#sb-part-7447.sb-custom-part-mich11oustbx6jes1is .box-ad .wrap-subtitle .subtitle {
font-size: 2em;
line-height: 1.2;
padding: 0;
margin: 0;
}
#sb-part-7447.sb-custom-part-mich11oustbx6jes1is .box-ad .wrap-subtitle .subtitle>img {
display: inline-block !important;
vertical-align: bottom;
}
#sb-part-7447.sb-custom-part-mich11oustbx6jes1is .box-ad .star-rate {
position: relative;
font-size: 1.5em;
letter-spacing: -0.2em;
color: #efbb5a;
}
#sb-part-7447.sb-custom-part-mich11oustbx6jes1is .box-ad .star-rate>span {
position: absolute;
display: block;
top: -50%;
left: -100%;
letter-spacing: normal;
font-size: 0.8em;
color: #244b73;
font-weight: 700;
background-color: #90c4bd;
padding: 0.5em;
border-radius: 50%;
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
}
#sb-part-7447.sb-custom-part-mich11oustbx6jes1is .box-ad .star-rate>span::before {
content: "";
position: absolute;
display: block;
width: 0;
height: 0;
right: 12px;
bottom: -4px;
border-right: 16px solid #90c4bd;
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
}
#sb-part-7447.sb-custom-part-mich11oustbx6jes1is .box-ad .wrap-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
width: 100%;
}
#sb-part-7447.sb-custom-part-mich11oustbx6jes1is .box-ad .wrap-item>figure {
margin: 0 0.5px 0 0;
}
#sb-part-7447.sb-custom-part-mich11oustbx6jes1is .box-ad .wrap-item .txt {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
}
#sb-part-7447.sb-custom-part-mich11oustbx6jes1is .box-ad .wrap-item table {
width: 100%;
table-layout: fixed;
border-collapse: collapse;
text-align: center;
}
#sb-part-7447.sb-custom-part-mich11oustbx6jes1is .box-ad .wrap-item table th {
border: 1.3px solid #ff99a8;
font-size: 13px;
background-color: #ffe6e9;
padding: 0.4em;
}
#sb-part-7447.sb-custom-part-mich11oustbx6jes1is .box-ad .wrap-item table td {
border: 1.3px solid #ff99a8;
font-size: 13px;
background-color: #ffffff;
padding: 0.4em;
font-weight: bold;
}
#sb-part-7447.sb-custom-part-mich11oustbx6jes1is .box-ad .wrap-item ul {
font-weight: 700;
margin: 0 0 1em;
list-style: disc;
}
#sb-part-7447.sb-custom-part-mich11oustbx6jes1is .box-ad .wrap-tags {
font-weight: 700;
}
#sb-part-7447.sb-custom-part-mich11oustbx6jes1is .box-ad .wrap-tags ul {
list-style: none;
padding: 0;
font-weight: normal;
display: inline-block;
}
#sb-part-7447.sb-custom-part-mich11oustbx6jes1is .box-ad .wrap-tags ul>li {
display: inline-block;
font-size: 0.8em;
border: 1px solid #f58719;
color: #f58719;
padding: 0.1em 0.4em;
}
#sb-part-7447.sb-custom-part-mich11oustbx6jes1is .box-ad .wrap-tags ul>li.no {
border-color: #999999;
color: #999999;
text-decoration: line-through;
}
#sb-part-7447.sb-custom-part-mich11oustbx6jes1is .box-ad .balloon {
position: relative;
width: 60%;
margin: 0 auto;
color: #fff;
background-color: #92c24d;
text-align: center;
padding: 0.2em;
border-radius: 1.1em;
}
#sb-part-7447.sb-custom-part-mich11oustbx6jes1is .box-ad .balloon::before {
content: "";
position: absolute;
top: 100%;
left: 50%;
margin-left: -10px;
border: 10px solid transparent;
border-top: 10px solid #92c24d;
}
#sb-part-7447.sb-custom-part-mich11oustbx6jes1is .box-ad .wrap-btn {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
text-align: center;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin-top: 1.2em;
}
#sb-part-7447.sb-custom-part-mich11oustbx6jes1is .box-ad .wrap-btn .link1 {
-ms-flex-preferred-size: 39%;
flex-basis: 39%;
}
#sb-part-7447.sb-custom-part-mich11oustbx6jes1is .box-ad .wrap-btn .link1 a {
font-size: 1.2em;
display: block;
padding: 1em;
text-decoration: none;
color: #fff;
font-weight: 700;
background-image: -webkit-gradient(linear, left top, left bottom, from(#bfc2bf), color-stop(50%, #bcbfbc), color-stop(51%, #a9a9a9), to(#cacaca));
background-image: linear-gradient(to bottom, #bfc2bf 0%, #bcbfbc 50%, #a9a9a9 51%, #cacaca 100%);
border-bottom: solid 3px #939393;
border-radius: 4px;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
#sb-part-7447.sb-custom-part-mich11oustbx6jes1is .box-ad .wrap-btn .link1 a:hover {
-webkit-transform: translateY(3px);
transform: translateY(3px);
-webkit-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
border-bottom: solid 1px #939393;
}
#sb-part-7447.sb-custom-part-mich11oustbx6jes1is .box-ad .wrap-btn .link2 {
-ms-flex-preferred-size: 60%;
flex-basis: 100%;
}
#sb-part-7447.sb-custom-part-mich11oustbx6jes1is .box-ad .wrap-btn .link2 a {
position: relative;
font-size: 1.2em;
display: block;
padding: 1em;
text-decoration: none;
color: #fff;
font-weight: 700;
background-color: #66cdaa;
border-bottom: solid 3px #3cb371;
border-radius: 4px;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
#sb-part-7447.sb-custom-part-mich11oustbx6jes1is .box-ad .wrap-btn .link2 a::before {
content: "";
position: absolute;
right: 1em;
font-size: 0.8em;
margin-top: 0.2em;
}
#sb-part-7447.sb-custom-part-mich11oustbx6jes1is .box-ad .wrap-btn .link2 a:hover {
-webkit-transform: translateY(3px);
transform: translateY(3px);
-webkit-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
border-bottom: solid 1px #ad5515;
}
#sb-part-7447.sb-custom-part-mich11oustbx6jes1is article {
font-size: 12px;
line-height: 1.2
}
#sb-part-7447.sb-custom-part-mich11oustbx6jes1is .container {
padding: 9px 14px;
border: 1px solid #E6ECF0;
border-radius: 10px;
}
#sb-part-7447.sb-custom-part-mich11oustbx6jes1is .img {
width: 100%;
height: auto;
}
#sb-part-7447.sb-custom-part-mich11oustbx6jes1is .reviewer {
display: flex;
}
#sb-part-7447.sb-custom-part-mich11oustbx6jes1is .reviewer-img-wrapper {
margin-right: 3px;
width: 25px;
}
#sb-part-7447.sb-custom-part-mich11oustbx6jes1is .reviewer-info {
display: flex;
align-items: center;
flex-wrap: wrap;
color: #765555;
}
#sb-part-7447.sb-custom-part-mich11oustbx6jes1is .reviewer-name {
display: flex;
margin-right: 10px;
font-size: 15px;
color: #000000;
font-weight: bold
}
#sb-part-7447.sb-custom-part-mich11oustbx6jes1is .reviewer-age {
display: flex;
color: #000000;
}
#sb-part-7447.sb-custom-part-mich11oustbx6jes1is .reviewer-attr {
display: flex;
color: #000000;
margin-right: 10px;
}
#sb-part-7447.sb-custom-part-mich11oustbx6jes1is .reviewer-attr:before {
content: '/';
margin: 0 5px;
}
#sb-part-7447.sb-custom-part-mich11oustbx6jes1is .reviewer-reviews {
display: flex;
margin-right: 5px;
}
#sb-part-7447.sb-custom-part-mich11oustbx6jes1is .stars-count {
color: black;
font-weight: bold;
}
#sb-part-7447.sb-custom-part-mich11oustbx6jes1is .star {
position: relative;
display: inline-block;
width: 0;
height: 0;
margin-left: .5em;
margin-right: .5em;
margin-bottom: 1em;
border-right: .3em solid transparent;
border-bottom: .7em solid #FC0;
border-left: .3em solid transparent;
/* Controlls the size of the stars. */
font-size: 7px;
}
#sb-part-7447.sb-custom-part-mich11oustbx6jes1is .star:before,
#sb-part-7447.sb-custom-part-mich11oustbx6jes1is .star:after {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
top: .6em;
left: -1em;
border-right: 1em solid transparent;
border-bottom: .7em solid #FC0;
border-left: 1em solid transparent;
transform: rotate(-35deg);
}
#sb-part-7447.sb-custom-part-mich11oustbx6jes1is .star:after {
transform: rotate(35deg);
}
#sb-part-7447.sb-custom-part-mich11oustbx6jes1is .tag-wrapper {
margin: 5px 10px 0;
}
#sb-part-7447.sb-custom-part-mich11oustbx6jes1is .tag {
padding: 3px 6px;
border: 1px solid #ff99a8;
border-radius: 10px;
color: #d2691e;
background-color: #ffe6e9;
font-size: 10px;
}
#sb-part-7447.sb-custom-part-mich11oustbx6jes1is .main {
margin-top: 10px;
width: 100%;
font-size: 0;
}
#sb-part-7447.sb-custom-part-mich11oustbx6jes1is .main-img-wrapper {
margin-top: 10px;
display: inline-block;
width: 50%;
}
#sb-part-7447.sb-custom-part-mich11oustbx6jes1is .main-img-wrapper:not(:first-child) {
margin-top: 3px;
}
#sb-part-7447.sb-custom-part-mich11oustbx6jes1is .main-text {
margin-block-start: 0;
margin-block-end: 0;
font-size: 15px;
}
#sb-part-7447.sb-custom-part-mich11oustbx6jes1is footer {
color: #765555;
}
#sb-part-7447.sb-custom-part-mich11oustbx6jes1is .b-marker {
background: linear-gradient(transparent 60%, #cce5ff 0%);
}
#sb-part-7447.sb-custom-part-mich11oustbx6jes1is
/* reset */
img {
margin: 0 !important;
}
#sb-part-7447.sb-custom-part-mich11oustbx6jes1is p {
margin: 0;
}
#sb-part-7447.sb-custom-part-mich11oustbx6jes1is
/* resetここまで */
.box-ad .list-check {
margin: 1em 0 0;
padding: 0;
list-style: none;
}
#sb-part-7447.sb-custom-part-mich11oustbx6jes1is .box-ad .list-check>li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-weight: 700;
}
#sb-part-7447.sb-custom-part-mich11oustbx6jes1is .box-ad .list-check>li::before {
content: "";
display: inline-block;
-ms-flex-negative: 0;
flex-shrink: 0;
margin: 0.1em 0.4em 0 0;
width: 1.2em;
height: 1.2em;
background-repeat: no-repeat;
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22_x31_0%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20512%20512%22%20style%3D%22width%3A%20256px%3B%20height%3A%20256px%3B%20opacity%3A%201%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%23374149%3B%7D%3C%2Fstyle%3E%3Cg%3E%20%3Cpolygon%20class%3D%22st0%22%20points%3D%22221.18%2C250.621%20153.547%2C183.836%2091.934%2C245.453%2091.668%2C245.719%2091.668%2C245.719%2091.614%2C245.773%20221.207%2C374.516%20512%2C83.02%20450.121%2C21.14%20450.121%2C21.136%20450.121%2C21.136%20450.062%2C21.082%20407.187%2C64.109%20348.152%2C123.258%20%22%20style%3D%22fill%3A%20rgb(223%2C%2086%2C%2086)%3B%22%3E%3C%2Fpolygon%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M439.379%2C211.941v-0.113l-50.34%2C50.484V407.5c0%2C18.266-14.883%2C33.078-33.078%2C33.078H83.418%20c-18.266%2C0-33.078-14.813-33.078-33.078V259.578v-13.66V134.957c0-18.192%2C14.812-33.082%2C33.078-33.082h230.188l6.543-6.539%20l25.546-25.59l17.809-17.766c-0.023-0.004-0.047-0.004-0.066-0.004l0.074-0.078c-2.446-0.211-4.962-0.36-7.551-0.36H83.418%20C37.394%2C51.539%2C0%2C89.008%2C0%2C134.957V407.5c0%2C46.028%2C37.394%2C83.418%2C83.418%2C83.418h272.543c45.954%2C0%2C83.418-37.39%2C83.418-83.418%20V292.227l0.058-80.34L439.379%2C211.941z%22%20style%3D%22fill%3A%20rgb(223%2C%2086%2C%2086)%3B%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
#sb-part-7447.sb-custom-part-mich11oustbx6jes1is .f1 {
color: red;
font-weight: bold;
background: rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #ffff00 0%) repeat scroll 0 0;
}
#sb-part-7447.sb-custom-part-mich11oustbx6jes1is .f2 {
font-weight: bold;
background: rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #ffff00 0%) repeat scroll 0 0;
}
#sb-part-7447.sb-custom-part-mich11oustbx6jes1is .f3 {
font-weight: bold;
color: red;
}
#sb-part-7447.sb-custom-part-mich11oustbx6jes1is
/*ボタンの設定*/
.auraBtn {
position: relative;
/*幅サイズを変更する場合は下記数値を変更ください*/
width: 90%;
/*ボタンの外側の余白 1番目の値は上下余白、2番目の値は左右余白auto（=中央揃えするため）*/
margin: 2em auto;
}
#sb-part-7447.sb-custom-part-mich11oustbx6jes1is
/*ボタンが広がるアニメーション（1番目）*/
.auraBtn:before {
/*アニメーションの設定 変更する場合は該当場所を修正してください。
アニメーション名、動きの速さ.2s（=0.2秒）、動き具合、動く回数*/
animation: auraBtn 2s ease-out infinite
}
#sb-part-7447.sb-custom-part-mich11oustbx6jes1is
/*ボタンが広がるアニメーション（2番目）*/
.auraBtn:after {
/*アニメーションの設定 変更する場合は該当場所を修正してください。
アニメーション名、動きの速さ.2s（=0.2秒）、動き具合、動くタイミング1s(=1秒後）、動く回数*/
animation: auraBtn 2s ease-out 1s infinite
}
#sb-part-7447.sb-custom-part-mich11oustbx6jes1is
/*ボタンが広がるアニメーション（共通設定）*/
.auraBtn:before,
#sb-part-7447.sb-custom-part-mich11oustbx6jes1is .auraBtn:after {
content: "";
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
/*ボタンの角丸*/
border-radius: 100vh;
/*広がるボタンの色(green, red, blue以外の場合はここを修正してください）*/
background: #66cdaa;
/*広がるボタンの初期位置*/
transform: translate3d(0, 0, 0);
}
#sb-part-7447.sb-custom-part-mich11oustbx6jes1is
/*ボタン自体の設定*/
.auraBtn a {
/*文字の色*/
color: #fff;
/*文字の太さ*/
font-weight: 600;
display: block;
/*内側の余白 1番目の値は上下余白、2番目の値は左右余白*/
padding: 20px 0;
/*ボタンの角丸*/
border-radius: 100vh;
/*ボタン内テキストの水平方向の位置*/
text-align: center;
/*リンクの装飾*/
text-decoration: none;
/*ボタンの色(green, red, blue以外の場合はここを修正してください）*/
background: #66cdaa;
position: relative;
z-index: 1;
}
#sb-part-7447.sb-custom-part-mich11oustbx6jes1is
/*ボタン右側の矢印の設定*/
.auraBtn a span {
display: block;
position: relative;
}
#sb-part-7447.sb-custom-part-mich11oustbx6jes1is .auraBtn a span:after {
content: "";
position: absolute;
/*矢印の位置*/
top: calc(50% - 4px);
right: 25px;
/*矢印の横幅*/
width: 8px;
/*矢印の高さ*/
height: 8px;
/*矢印の線 太さ、線種、色*/
border-right: 2px solid #fff;
border-top: 2px solid #fff;
/*矢印の回転角度*/
-webkit-transform: rotate(45deg);
transform: rotate(45deg)
}
#sb-part-7447.sb-custom-part-mich11oustbx6jes1is
/*赤の場合の色*/
.auraBtn.red a {
background: #ff5555;
}
#sb-part-7447.sb-custom-part-mich11oustbx6jes1is .auraBtn.red:before,
#sb-part-7447.sb-custom-part-mich11oustbx6jes1is .auraBtn.red:after {
background: #ffaaae;
border: 1px solid #ff999e;
}
#sb-part-7447.sb-custom-part-mich11oustbx6jes1is
/*青の場合の色*/
.auraBtn.blue a {
background: #389aff;
}
#sb-part-7447.sb-custom-part-mich11oustbx6jes1is .auraBtn.blue:before,
#sb-part-7447.sb-custom-part-mich11oustbx6jes1is .auraBtn.blue:after {
background: #389aff;
border: 1px solid #389aff;
}
/* sb-custom-part-ma1xda3794cj7v8o2qo */
#sb-part-7448.sb-custom-part-ma1xda3794cj7v8o2qo .box-ad {
border: 6px solid #8eafed;
border-radius: 4px;
padding: 10px;
}
#sb-part-7448.sb-custom-part-ma1xda3794cj7v8o2qo .box-ad strong {
color: #d21336;
font-style: normal;
}
#sb-part-7448.sb-custom-part-ma1xda3794cj7v8o2qo .box-ad .title {
color: #000000;
font-size: 22px;
font-weight: bold;
border-bottom: 1px dotted #696969;
margin: 0;
}
#sb-part-7448.sb-custom-part-ma1xda3794cj7v8o2qo .box-ad .wrap-subtitle {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 1.2em 0;
}
#sb-part-7448.sb-custom-part-ma1xda3794cj7v8o2qo .box-ad .wrap-subtitle .subtitle {
font-size: 2em;
line-height: 1.2;
padding: 0;
margin: 0;
}
#sb-part-7448.sb-custom-part-ma1xda3794cj7v8o2qo .box-ad .wrap-subtitle .subtitle>img {
display: inline-block !important;
vertical-align: bottom;
}
#sb-part-7448.sb-custom-part-ma1xda3794cj7v8o2qo .box-ad .star-rate {
position: relative;
font-size: 1.5em;
letter-spacing: -0.2em;
color: #efbb5a;
}
#sb-part-7448.sb-custom-part-ma1xda3794cj7v8o2qo .box-ad .star-rate>span {
position: absolute;
display: block;
top: -50%;
left: -100%;
letter-spacing: normal;
font-size: 0.8em;
color: #244b73;
font-weight: 700;
background-color: #90c4bd;
padding: 0.5em;
border-radius: 50%;
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
}
#sb-part-7448.sb-custom-part-ma1xda3794cj7v8o2qo .box-ad .star-rate>span::before {
content: "";
position: absolute;
display: block;
width: 0;
height: 0;
right: 12px;
bottom: -4px;
border-right: 16px solid #90c4bd;
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
}
#sb-part-7448.sb-custom-part-ma1xda3794cj7v8o2qo .box-ad .wrap-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
width: 100%;
}
#sb-part-7448.sb-custom-part-ma1xda3794cj7v8o2qo .box-ad .wrap-item>figure {
margin: 0 0.5px 0 0;
}
#sb-part-7448.sb-custom-part-ma1xda3794cj7v8o2qo .box-ad .wrap-item .txt {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
}
#sb-part-7448.sb-custom-part-ma1xda3794cj7v8o2qo .box-ad .wrap-item table {
width: 100%;
table-layout: fixed;
border-collapse: collapse;
text-align: center;
}
#sb-part-7448.sb-custom-part-ma1xda3794cj7v8o2qo .box-ad .wrap-item table th {
border: 1.3px solid #ff99a8;
font-size: 13px;
background-color: #ffe6e9;
padding: 0.4em;
}
#sb-part-7448.sb-custom-part-ma1xda3794cj7v8o2qo .box-ad .wrap-item table td {
border: 1.3px solid #ff99a8;
font-size: 13px;
background-color: #ffffff;
padding: 0.4em;
font-weight: bold;
}
#sb-part-7448.sb-custom-part-ma1xda3794cj7v8o2qo .box-ad .wrap-item ul {
font-weight: 700;
margin: 0 0 1em;
list-style: disc;
}
#sb-part-7448.sb-custom-part-ma1xda3794cj7v8o2qo .box-ad .wrap-tags {
font-weight: 700;
}
#sb-part-7448.sb-custom-part-ma1xda3794cj7v8o2qo .box-ad .wrap-tags ul {
list-style: none;
padding: 0;
font-weight: normal;
display: inline-block;
}
#sb-part-7448.sb-custom-part-ma1xda3794cj7v8o2qo .box-ad .wrap-tags ul>li {
display: inline-block;
font-size: 0.8em;
border: 1px solid #f58719;
color: #f58719;
padding: 0.1em 0.4em;
}
#sb-part-7448.sb-custom-part-ma1xda3794cj7v8o2qo .box-ad .wrap-tags ul>li.no {
border-color: #999999;
color: #999999;
text-decoration: line-through;
}
#sb-part-7448.sb-custom-part-ma1xda3794cj7v8o2qo .box-ad .balloon {
position: relative;
width: 60%;
margin: 0 auto;
color: #fff;
background-color: #92c24d;
text-align: center;
padding: 0.2em;
border-radius: 1.1em;
}
#sb-part-7448.sb-custom-part-ma1xda3794cj7v8o2qo .box-ad .balloon::before {
content: "";
position: absolute;
top: 100%;
left: 50%;
margin-left: -10px;
border: 10px solid transparent;
border-top: 10px solid #92c24d;
}
#sb-part-7448.sb-custom-part-ma1xda3794cj7v8o2qo .box-ad .wrap-btn {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
text-align: center;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin-top: 1.2em;
}
#sb-part-7448.sb-custom-part-ma1xda3794cj7v8o2qo .box-ad .wrap-btn .link1 {
-ms-flex-preferred-size: 39%;
flex-basis: 39%;
}
#sb-part-7448.sb-custom-part-ma1xda3794cj7v8o2qo .box-ad .wrap-btn .link1 a {
font-size: 1.2em;
display: block;
padding: 1em;
text-decoration: none;
color: #fff;
font-weight: 700;
background-image: -webkit-gradient(linear, left top, left bottom, from(#bfc2bf), color-stop(50%, #bcbfbc), color-stop(51%, #a9a9a9), to(#cacaca));
background-image: linear-gradient(to bottom, #bfc2bf 0%, #bcbfbc 50%, #a9a9a9 51%, #cacaca 100%);
border-bottom: solid 3px #939393;
border-radius: 4px;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
#sb-part-7448.sb-custom-part-ma1xda3794cj7v8o2qo .box-ad .wrap-btn .link1 a:hover {
-webkit-transform: translateY(3px);
transform: translateY(3px);
-webkit-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
border-bottom: solid 1px #939393;
}
#sb-part-7448.sb-custom-part-ma1xda3794cj7v8o2qo .box-ad .wrap-btn .link2 {
-ms-flex-preferred-size: 60%;
flex-basis: 100%;
}
#sb-part-7448.sb-custom-part-ma1xda3794cj7v8o2qo .box-ad .wrap-btn .link2 a {
position: relative;
font-size: 1.2em;
display: block;
padding: 1em;
text-decoration: none;
color: #fff;
font-weight: 700;
background-color: #66cdaa;
border-bottom: solid 3px #3cb371;
border-radius: 4px;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
#sb-part-7448.sb-custom-part-ma1xda3794cj7v8o2qo .box-ad .wrap-btn .link2 a::before {
content: "";
position: absolute;
right: 1em;
font-size: 0.8em;
margin-top: 0.2em;
}
#sb-part-7448.sb-custom-part-ma1xda3794cj7v8o2qo .box-ad .wrap-btn .link2 a:hover {
-webkit-transform: translateY(3px);
transform: translateY(3px);
-webkit-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
border-bottom: solid 1px #ad5515;
}
#sb-part-7448.sb-custom-part-ma1xda3794cj7v8o2qo article {
font-size: 12px;
line-height: 1.2
}
#sb-part-7448.sb-custom-part-ma1xda3794cj7v8o2qo .container {
padding: 9px 14px;
border: 1px solid #E6ECF0;
border-radius: 10px;
}
#sb-part-7448.sb-custom-part-ma1xda3794cj7v8o2qo .img {
width: 100%;
height: auto;
}
#sb-part-7448.sb-custom-part-ma1xda3794cj7v8o2qo .reviewer {
display: flex;
}
#sb-part-7448.sb-custom-part-ma1xda3794cj7v8o2qo .reviewer-img-wrapper {
margin-right: 3px;
width: 25px;
}
#sb-part-7448.sb-custom-part-ma1xda3794cj7v8o2qo .reviewer-info {
display: flex;
align-items: center;
flex-wrap: wrap;
color: #765555;
}
#sb-part-7448.sb-custom-part-ma1xda3794cj7v8o2qo .reviewer-name {
display: flex;
margin-right: 10px;
font-size: 15px;
color: #000000;
font-weight: bold
}
#sb-part-7448.sb-custom-part-ma1xda3794cj7v8o2qo .reviewer-age {
display: flex;
color: #000000;
}
#sb-part-7448.sb-custom-part-ma1xda3794cj7v8o2qo .reviewer-attr {
display: flex;
color: #000000;
margin-right: 10px;
}
#sb-part-7448.sb-custom-part-ma1xda3794cj7v8o2qo .reviewer-attr:before {
content: '/';
margin: 0 5px;
}
#sb-part-7448.sb-custom-part-ma1xda3794cj7v8o2qo .reviewer-reviews {
display: flex;
margin-right: 5px;
}
#sb-part-7448.sb-custom-part-ma1xda3794cj7v8o2qo .stars-count {
color: black;
font-weight: bold;
}
#sb-part-7448.sb-custom-part-ma1xda3794cj7v8o2qo .star {
position: relative;
display: inline-block;
width: 0;
height: 0;
margin-left: .5em;
margin-right: .5em;
margin-bottom: 1em;
border-right: .3em solid transparent;
border-bottom: .7em solid #FC0;
border-left: .3em solid transparent;
/* Controlls the size of the stars. */
font-size: 7px;
}
#sb-part-7448.sb-custom-part-ma1xda3794cj7v8o2qo .star:before,
#sb-part-7448.sb-custom-part-ma1xda3794cj7v8o2qo .star:after {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
top: .6em;
left: -1em;
border-right: 1em solid transparent;
border-bottom: .7em solid #FC0;
border-left: 1em solid transparent;
transform: rotate(-35deg);
}
#sb-part-7448.sb-custom-part-ma1xda3794cj7v8o2qo .star:after {
transform: rotate(35deg);
}
#sb-part-7448.sb-custom-part-ma1xda3794cj7v8o2qo .tag-wrapper {
margin: 5px 10px 0;
}
#sb-part-7448.sb-custom-part-ma1xda3794cj7v8o2qo .tag {
padding: 3px 6px;
border: 1px solid #ff99a8;
border-radius: 10px;
color: #d2691e;
background-color: #ffe6e9;
font-size: 10px;
}
#sb-part-7448.sb-custom-part-ma1xda3794cj7v8o2qo .main {
margin-top: 10px;
width: 100%;
font-size: 0;
}
#sb-part-7448.sb-custom-part-ma1xda3794cj7v8o2qo .main-img-wrapper {
margin-top: 10px;
display: inline-block;
width: 50%;
}
#sb-part-7448.sb-custom-part-ma1xda3794cj7v8o2qo .main-img-wrapper:not(:first-child) {
margin-top: 3px;
}
#sb-part-7448.sb-custom-part-ma1xda3794cj7v8o2qo .main-text {
margin-block-start: 0;
margin-block-end: 0;
font-size: 15px;
}
#sb-part-7448.sb-custom-part-ma1xda3794cj7v8o2qo footer {
color: #765555;
}
#sb-part-7448.sb-custom-part-ma1xda3794cj7v8o2qo .b-marker {
background: linear-gradient(transparent 60%, #cce5ff 0%);
}
#sb-part-7448.sb-custom-part-ma1xda3794cj7v8o2qo
/* reset */
img {
margin: 0 !important;
}
#sb-part-7448.sb-custom-part-ma1xda3794cj7v8o2qo p {
margin: 0;
}
#sb-part-7448.sb-custom-part-ma1xda3794cj7v8o2qo
/* resetここまで */
.box-ad .list-check {
margin: 1em 0 0;
padding: 0;
list-style: none;
}
#sb-part-7448.sb-custom-part-ma1xda3794cj7v8o2qo .box-ad .list-check>li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-weight: 700;
}
#sb-part-7448.sb-custom-part-ma1xda3794cj7v8o2qo .box-ad .list-check>li::before {
content: "";
display: inline-block;
-ms-flex-negative: 0;
flex-shrink: 0;
margin: 0.1em 0.4em 0 0;
width: 1.2em;
height: 1.2em;
background-repeat: no-repeat;
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22_x31_0%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20512%20512%22%20style%3D%22width%3A%20256px%3B%20height%3A%20256px%3B%20opacity%3A%201%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%23374149%3B%7D%3C%2Fstyle%3E%3Cg%3E%20%3Cpolygon%20class%3D%22st0%22%20points%3D%22221.18%2C250.621%20153.547%2C183.836%2091.934%2C245.453%2091.668%2C245.719%2091.668%2C245.719%2091.614%2C245.773%20221.207%2C374.516%20512%2C83.02%20450.121%2C21.14%20450.121%2C21.136%20450.121%2C21.136%20450.062%2C21.082%20407.187%2C64.109%20348.152%2C123.258%20%22%20style%3D%22fill%3A%20rgb(223%2C%2086%2C%2086)%3B%22%3E%3C%2Fpolygon%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M439.379%2C211.941v-0.113l-50.34%2C50.484V407.5c0%2C18.266-14.883%2C33.078-33.078%2C33.078H83.418%20c-18.266%2C0-33.078-14.813-33.078-33.078V259.578v-13.66V134.957c0-18.192%2C14.812-33.082%2C33.078-33.082h230.188l6.543-6.539%20l25.546-25.59l17.809-17.766c-0.023-0.004-0.047-0.004-0.066-0.004l0.074-0.078c-2.446-0.211-4.962-0.36-7.551-0.36H83.418%20C37.394%2C51.539%2C0%2C89.008%2C0%2C134.957V407.5c0%2C46.028%2C37.394%2C83.418%2C83.418%2C83.418h272.543c45.954%2C0%2C83.418-37.39%2C83.418-83.418%20V292.227l0.058-80.34L439.379%2C211.941z%22%20style%3D%22fill%3A%20rgb(223%2C%2086%2C%2086)%3B%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
#sb-part-7448.sb-custom-part-ma1xda3794cj7v8o2qo .f1 {
color: red;
font-weight: bold;
background: rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #ffff00 0%) repeat scroll 0 0;
}
#sb-part-7448.sb-custom-part-ma1xda3794cj7v8o2qo .f2 {
font-weight: bold;
background: rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #ffff00 0%) repeat scroll 0 0;
}
#sb-part-7448.sb-custom-part-ma1xda3794cj7v8o2qo .f3 {
font-weight: bold;
color: red;
}
/* sb-custom-part-m2byvb514cwe4psifvq */
#sb-part-9724.sb-custom-part-m2byvb514cwe4psifvq .image-container {
position: relative;
display: block;
max-width: 100%;
padding: 0;
}
#sb-part-9724.sb-custom-part-m2byvb514cwe4psifvq img {
width: 100vw;
height: auto;
}
/* テキスト全体の設定 */
#sb-part-9724.sb-custom-part-m2byvb514cwe4psifvq .text-overlay {
position: absolute;
font-weight: bold;
text-align: center;
transform: translate(-50%, -50%);
/* 行間 */
line-height: 1.2;
/* text-shadow: 3px 0px white, -3px 0px white, 0px 3px white, 0px -3px white;*/
margin: 0;
padding: 0;
/* テキストの折り返しを禁止し、テキストを一行で表示する */
white-space: nowrap;
/* テキストがコンテナの幅を超えた場合に省略記号（...）で表示する */
text-overflow: ellipsis;
overflow: hidden;
}
/* テキストno1の設定 */
#sb-part-9724.sb-custom-part-m2byvb514cwe4psifvq .text-overlay.no1 {
/* 上下の位置：最上部が0%、真ん中が50%、最下部が100% */
top: 35.5%;
/* 左右の位置：左端が0%、真ん中が50%、右端が100% */
left: 50.0%;
/* フォントカラー */
color: #000;
/* フォントサイズ：最小値,可変値,最大値 */
font-size: clamp(5px, 5vw, 40px);
/* フォントの種類 */
font-family: 'Roboto', sans-serif;
}
/* テキストno2の設定 */
#sb-part-9724.sb-custom-part-m2byvb514cwe4psifvq .text-overlay.no2 {
/* 上下の位置：最上部が0%、真ん中が50%、最下部が100% */
top: 65.5%;
/* 左右の位置：左端が0%、真ん中が50%、右端が100% */
left: 50.0%;
/* フォントカラー */
color: #000;
/* フォントサイズ：最小値,可変値,最大値 */
font-size: clamp(5px, 4.3vw, 30px);
/* フォントの種類 */
font-family: 'Roboto', sans-serif;
}
/* テキストno3の設定 */
#sb-part-9724.sb-custom-part-m2byvb514cwe4psifvq .text-overlay.no3 {
/* 上下の位置：最上部が0%、真ん中が50%、最下部が100% */
top: 85%;
/* 左右の位置：左端が0%、真ん中が50%、右端が100% */
left: 50%;
/* フォントカラー */
color: #000;
/* フォントサイズ：最小値,可変値,最大値 */
font-size: clamp(5px, 2.5vw, 30px);
/* フォントの種類 */
font-family: 'Roboto', sans-serif;
font-variation-settings: 'wght' 800;
}
/* sb-custom-part-m2bjrb6rdkzjt8ll2gu */
#sb-part-2272.sb-custom-part-m2bjrb6rdkzjt8ll2gu h2 {
/*文字サイズを指定*/
font-size: 1.1em;
/* カラーコードで下線の色指定*/
border-bottom: 1px solid #6495ED;
/* カラーコードで左ラインの色指定*/
border-left: 6px solid #6495ED;
/*高さを数字で指定*/
line-height: 1.4;
/*フォントの太さを指定。100、200、300、400、500、600、700、800、900。フォント種類により数値を上下させても変化しないことがあります。*/
font-weight: 600;
padding: 0 0 10px 15px;
margin: 30px 0 30px;
letter-spacing: .05em;
}
/* sb-custom-part-m2bjnv5ozxvvukh4wnn */
#sb-part-12085.sb-custom-part-m2bjnv5ozxvvukh4wnn .box {
/*ボックスの周りの余白。上下｜左右*/
margin: 1em auto;
/*ボックスの背景色*/
background: #F0F8FF;
/*ボックスの角を丸める*/
border-radius: 4px;
/*ボックスの線。線の種類｜線の色｜線の太さ*/
border: solid #4169E1 1px;
/*ボックスの幅*/
max-width: 100%;
/*ボックスの内側の余白。上｜右｜下｜左*/
padding: 25px 5px 0px 3px;
position: relative;
box-sizing: border-box;
}
#sb-part-12085.sb-custom-part-m2bjnv5ozxvvukh4wnn .box .box-title {
/*見出しの背景色*/
background: #6495ED;
/*見出しの文字の色*/
color: #fff;
/*見出しの文字の太さ*/
font-weight: bold;
/*見出し文字のサイズ*/
font-size: 18px;
/*文字の水平方向の配置。左寄せはleft、真ん中はcenter*/
text-align: center;
/*見出し部分の角丸。上｜右｜下｜左*/
border-radius: 4px 4px 0px 0px;
position: absolute;
line-height: 2;
padding: 1px;
letter-spacing: .05em;
left: 0;
top: 0;
width: 100%;
margin: 0;
box-sizing: border-box;
}
#sb-part-12085.sb-custom-part-m2bjnv5ozxvvukh4wnn .box ol {
padding: 0;
position: relative;
padding-top: 3px;
margin-left: 0;
list-style-type: none;
border: 0;
counter-reset: number;
}
#sb-part-12085.sb-custom-part-m2bjnv5ozxvvukh4wnn .box ol li {
/*リスト文字の色*/
color: #333;
list-style-type: none;
padding: .5em 0 .5em 3em;
line-height: 1.6;
}
#sb-part-12085.sb-custom-part-m2bjnv5ozxvvukh4wnn .box li::before {
color: #fff;
background: #1E90FF;
display: inline-block;
position: absolute;
width: 25px;
height: 25px;
border-radius: 50%;
color: white;
font-size: 15px;
font-weight: bold;
text-align: center;
vertical-align: middle;
line-height: 25px;
content: counter(number);
counter-increment: number;
left: 10px;
margin-left: 0;
}
/* sb-custom-part-m2bjpro2m5npfl6wd5s */
#sb-part-12085.sb-custom-part-m2bjpro2m5npfl6wd5s .box {
/*ボックスの周りの余白。上下｜左右*/
margin: 1em auto;
/*ボックスの背景色*/
background: #F0F8FF;
/*ボックスの角を丸める*/
border-radius: 4px;
/*ボックスの線。線の種類｜線の色｜線の太さ*/
border: solid #4169E1 1px;
/*ボックスの幅*/
max-width: 100%;
/*ボックスの内側の余白。上｜右｜下｜左*/
padding: 25px 5px 0px 3px;
position: relative;
box-sizing: border-box;
}
#sb-part-12085.sb-custom-part-m2bjpro2m5npfl6wd5s .box .box-title {
/*見出しの背景色*/
background: #6495ED;
/*見出しの文字の色*/
color: #fff;
/*見出しの文字の太さ*/
font-weight: bold;
/*見出し文字のサイズ*/
font-size: 18px;
/*文字の水平方向の配置。左寄せはleft、真ん中はcenter*/
text-align: center;
/*見出し部分の角丸。上｜右｜下｜左*/
border-radius: 4px 4px 0px 0px;
position: absolute;
line-height: 2;
padding: 1px;
letter-spacing: .05em;
left: 0;
top: 0;
width: 100%;
margin: 0;
box-sizing: border-box;
}
#sb-part-12085.sb-custom-part-m2bjpro2m5npfl6wd5s .box ol {
padding: 0;
position: relative;
padding-top: 3px;
margin-left: 0;
list-style-type: none;
border: 0;
counter-reset: number;
}
#sb-part-12085.sb-custom-part-m2bjpro2m5npfl6wd5s .box ol li {
/*リスト文字の色*/
color: #333;
list-style-type: none;
padding: .5em 0 .5em 3em;
line-height: 1.6;
}
#sb-part-12085.sb-custom-part-m2bjpro2m5npfl6wd5s .box li::before {
color: #fff;
background: #1E90FF;
display: inline-block;
position: absolute;
width: 25px;
height: 25px;
border-radius: 50%;
color: white;
font-size: 15px;
font-weight: bold;
text-align: center;
vertical-align: middle;
line-height: 25px;
content: counter(number);
counter-increment: number;
left: 10px;
margin-left: 0;
}
/* sb-custom-part-lypfnho49l6qg67kyqb */
#sb-part-3063.sb-custom-part-lypfnho49l6qg67kyqb h2 {
/*文字サイズ*/
font-size: 18px;
/*文字の色*/
color: #fff;
/*吹き出しの背景色。下のh2:afterのborder-colorも同じ色を指定ください*/
background: #4169e1;
/*フォントの太さを指定。100、200、300、400、500、600、700、800、900。フォント種類により数値を上下させても変化しないことがあります*/
font-weight: 600;
/*吹き出し内側の余白。右の値が上下、左の値が左右*/
padding: 1rem;
/*角を丸くする*/
border-radius: 5px;
/*水平方向の字間のスペース*/
letter-spacing: .05em;
position: relative;
}
#sb-part-3063.sb-custom-part-lypfnho49l6qg67kyqb h2:after {
position: absolute;
bottom: -9px;
left: 1em;
width: 0;
height: 0;
content: '';
border-width: 20px 20px 0 20px;
border-style: solid;
/*吹き出しのしっぽ色*/
border-color: #4169e1 transparent transparent transparent;
}
/* sb-custom-part-micgy3xqjtxlh4n9q0g */
#sb-part-7447.sb-custom-part-micgy3xqjtxlh4n9q0g .box-ad {
border: 6px solid #8eafed;
border-radius: 4px;
padding: 10px;
}
#sb-part-7447.sb-custom-part-micgy3xqjtxlh4n9q0g .box-ad strong {
color: #d21336;
font-style: normal;
}
#sb-part-7447.sb-custom-part-micgy3xqjtxlh4n9q0g .box-ad .title {
color: #000000;
font-size: 22px;
font-weight: bold;
border-bottom: 1px dotted #696969;
margin: 0;
}
#sb-part-7447.sb-custom-part-micgy3xqjtxlh4n9q0g .box-ad .wrap-subtitle {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 1.2em 0;
}
#sb-part-7447.sb-custom-part-micgy3xqjtxlh4n9q0g .box-ad .wrap-subtitle .subtitle {
font-size: 2em;
line-height: 1.2;
padding: 0;
margin: 0;
}
#sb-part-7447.sb-custom-part-micgy3xqjtxlh4n9q0g .box-ad .wrap-subtitle .subtitle>img {
display: inline-block !important;
vertical-align: bottom;
}
#sb-part-7447.sb-custom-part-micgy3xqjtxlh4n9q0g .box-ad .star-rate {
position: relative;
font-size: 1.5em;
letter-spacing: -0.2em;
color: #efbb5a;
}
#sb-part-7447.sb-custom-part-micgy3xqjtxlh4n9q0g .box-ad .star-rate>span {
position: absolute;
display: block;
top: -50%;
left: -100%;
letter-spacing: normal;
font-size: 0.8em;
color: #244b73;
font-weight: 700;
background-color: #90c4bd;
padding: 0.5em;
border-radius: 50%;
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
}
#sb-part-7447.sb-custom-part-micgy3xqjtxlh4n9q0g .box-ad .star-rate>span::before {
content: "";
position: absolute;
display: block;
width: 0;
height: 0;
right: 12px;
bottom: -4px;
border-right: 16px solid #90c4bd;
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
}
#sb-part-7447.sb-custom-part-micgy3xqjtxlh4n9q0g .box-ad .wrap-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
width: 100%;
}
#sb-part-7447.sb-custom-part-micgy3xqjtxlh4n9q0g .box-ad .wrap-item>figure {
margin: 0 0.5px 0 0;
}
#sb-part-7447.sb-custom-part-micgy3xqjtxlh4n9q0g .box-ad .wrap-item .txt {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
}
#sb-part-7447.sb-custom-part-micgy3xqjtxlh4n9q0g .box-ad .wrap-item table {
width: 100%;
table-layout: fixed;
border-collapse: collapse;
text-align: center;
}
#sb-part-7447.sb-custom-part-micgy3xqjtxlh4n9q0g .box-ad .wrap-item table th {
border: 1.3px solid #ff99a8;
font-size: 13px;
background-color: #ffe6e9;
padding: 0.4em;
}
#sb-part-7447.sb-custom-part-micgy3xqjtxlh4n9q0g .box-ad .wrap-item table td {
border: 1.3px solid #ff99a8;
font-size: 13px;
background-color: #ffffff;
padding: 0.4em;
font-weight: bold;
}
#sb-part-7447.sb-custom-part-micgy3xqjtxlh4n9q0g .box-ad .wrap-item ul {
font-weight: 700;
margin: 0 0 1em;
list-style: disc;
}
#sb-part-7447.sb-custom-part-micgy3xqjtxlh4n9q0g .box-ad .wrap-tags {
font-weight: 700;
}
#sb-part-7447.sb-custom-part-micgy3xqjtxlh4n9q0g .box-ad .wrap-tags ul {
list-style: none;
padding: 0;
font-weight: normal;
display: inline-block;
}
#sb-part-7447.sb-custom-part-micgy3xqjtxlh4n9q0g .box-ad .wrap-tags ul>li {
display: inline-block;
font-size: 0.8em;
border: 1px solid #f58719;
color: #f58719;
padding: 0.1em 0.4em;
}
#sb-part-7447.sb-custom-part-micgy3xqjtxlh4n9q0g .box-ad .wrap-tags ul>li.no {
border-color: #999999;
color: #999999;
text-decoration: line-through;
}
#sb-part-7447.sb-custom-part-micgy3xqjtxlh4n9q0g .box-ad .balloon {
position: relative;
width: 60%;
margin: 0 auto;
color: #fff;
background-color: #92c24d;
text-align: center;
padding: 0.2em;
border-radius: 1.1em;
}
#sb-part-7447.sb-custom-part-micgy3xqjtxlh4n9q0g .box-ad .balloon::before {
content: "";
position: absolute;
top: 100%;
left: 50%;
margin-left: -10px;
border: 10px solid transparent;
border-top: 10px solid #92c24d;
}
#sb-part-7447.sb-custom-part-micgy3xqjtxlh4n9q0g .box-ad .wrap-btn {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
text-align: center;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin-top: 1.2em;
}
#sb-part-7447.sb-custom-part-micgy3xqjtxlh4n9q0g .box-ad .wrap-btn .link1 {
-ms-flex-preferred-size: 39%;
flex-basis: 39%;
}
#sb-part-7447.sb-custom-part-micgy3xqjtxlh4n9q0g .box-ad .wrap-btn .link1 a {
font-size: 1.2em;
display: block;
padding: 1em;
text-decoration: none;
color: #fff;
font-weight: 700;
background-image: -webkit-gradient(linear, left top, left bottom, from(#bfc2bf), color-stop(50%, #bcbfbc), color-stop(51%, #a9a9a9), to(#cacaca));
background-image: linear-gradient(to bottom, #bfc2bf 0%, #bcbfbc 50%, #a9a9a9 51%, #cacaca 100%);
border-bottom: solid 3px #939393;
border-radius: 4px;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
#sb-part-7447.sb-custom-part-micgy3xqjtxlh4n9q0g .box-ad .wrap-btn .link1 a:hover {
-webkit-transform: translateY(3px);
transform: translateY(3px);
-webkit-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
border-bottom: solid 1px #939393;
}
#sb-part-7447.sb-custom-part-micgy3xqjtxlh4n9q0g .box-ad .wrap-btn .link2 {
-ms-flex-preferred-size: 60%;
flex-basis: 100%;
}
#sb-part-7447.sb-custom-part-micgy3xqjtxlh4n9q0g .box-ad .wrap-btn .link2 a {
position: relative;
font-size: 1.2em;
display: block;
padding: 1em;
text-decoration: none;
color: #fff;
font-weight: 700;
background-color: #66cdaa;
border-bottom: solid 3px #3cb371;
border-radius: 4px;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
#sb-part-7447.sb-custom-part-micgy3xqjtxlh4n9q0g .box-ad .wrap-btn .link2 a::before {
content: "";
position: absolute;
right: 1em;
font-size: 0.8em;
margin-top: 0.2em;
}
#sb-part-7447.sb-custom-part-micgy3xqjtxlh4n9q0g .box-ad .wrap-btn .link2 a:hover {
-webkit-transform: translateY(3px);
transform: translateY(3px);
-webkit-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
border-bottom: solid 1px #ad5515;
}
#sb-part-7447.sb-custom-part-micgy3xqjtxlh4n9q0g article {
font-size: 12px;
line-height: 1.2
}
#sb-part-7447.sb-custom-part-micgy3xqjtxlh4n9q0g .container {
padding: 9px 14px;
border: 1px solid #E6ECF0;
border-radius: 10px;
}
#sb-part-7447.sb-custom-part-micgy3xqjtxlh4n9q0g .img {
width: 100%;
height: auto;
}
#sb-part-7447.sb-custom-part-micgy3xqjtxlh4n9q0g .reviewer {
display: flex;
}
#sb-part-7447.sb-custom-part-micgy3xqjtxlh4n9q0g .reviewer-img-wrapper {
margin-right: 3px;
width: 25px;
}
#sb-part-7447.sb-custom-part-micgy3xqjtxlh4n9q0g .reviewer-info {
display: flex;
align-items: center;
flex-wrap: wrap;
color: #765555;
}
#sb-part-7447.sb-custom-part-micgy3xqjtxlh4n9q0g .reviewer-name {
display: flex;
margin-right: 10px;
font-size: 15px;
color: #000000;
font-weight: bold
}
#sb-part-7447.sb-custom-part-micgy3xqjtxlh4n9q0g .reviewer-age {
display: flex;
color: #000000;
}
#sb-part-7447.sb-custom-part-micgy3xqjtxlh4n9q0g .reviewer-attr {
display: flex;
color: #000000;
margin-right: 10px;
}
#sb-part-7447.sb-custom-part-micgy3xqjtxlh4n9q0g .reviewer-attr:before {
content: '/';
margin: 0 5px;
}
#sb-part-7447.sb-custom-part-micgy3xqjtxlh4n9q0g .reviewer-reviews {
display: flex;
margin-right: 5px;
}
#sb-part-7447.sb-custom-part-micgy3xqjtxlh4n9q0g .stars-count {
color: black;
font-weight: bold;
}
#sb-part-7447.sb-custom-part-micgy3xqjtxlh4n9q0g .star {
position: relative;
display: inline-block;
width: 0;
height: 0;
margin-left: .5em;
margin-right: .5em;
margin-bottom: 1em;
border-right: .3em solid transparent;
border-bottom: .7em solid #FC0;
border-left: .3em solid transparent;
/* Controlls the size of the stars. */
font-size: 7px;
}
#sb-part-7447.sb-custom-part-micgy3xqjtxlh4n9q0g .star:before,
#sb-part-7447.sb-custom-part-micgy3xqjtxlh4n9q0g .star:after {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
top: .6em;
left: -1em;
border-right: 1em solid transparent;
border-bottom: .7em solid #FC0;
border-left: 1em solid transparent;
transform: rotate(-35deg);
}
#sb-part-7447.sb-custom-part-micgy3xqjtxlh4n9q0g .star:after {
transform: rotate(35deg);
}
#sb-part-7447.sb-custom-part-micgy3xqjtxlh4n9q0g .tag-wrapper {
margin: 5px 10px 0;
}
#sb-part-7447.sb-custom-part-micgy3xqjtxlh4n9q0g .tag {
padding: 3px 6px;
border: 1px solid #ff99a8;
border-radius: 10px;
color: #d2691e;
background-color: #ffe6e9;
font-size: 10px;
}
#sb-part-7447.sb-custom-part-micgy3xqjtxlh4n9q0g .main {
margin-top: 10px;
width: 100%;
font-size: 0;
}
#sb-part-7447.sb-custom-part-micgy3xqjtxlh4n9q0g .main-img-wrapper {
margin-top: 10px;
display: inline-block;
width: 50%;
}
#sb-part-7447.sb-custom-part-micgy3xqjtxlh4n9q0g .main-img-wrapper:not(:first-child) {
margin-top: 3px;
}
#sb-part-7447.sb-custom-part-micgy3xqjtxlh4n9q0g .main-text {
margin-block-start: 0;
margin-block-end: 0;
font-size: 15px;
}
#sb-part-7447.sb-custom-part-micgy3xqjtxlh4n9q0g footer {
color: #765555;
}
#sb-part-7447.sb-custom-part-micgy3xqjtxlh4n9q0g .b-marker {
background: linear-gradient(transparent 60%, #cce5ff 0%);
}
#sb-part-7447.sb-custom-part-micgy3xqjtxlh4n9q0g
/* reset */
img {
margin: 0 !important;
}
#sb-part-7447.sb-custom-part-micgy3xqjtxlh4n9q0g p {
margin: 0;
}
#sb-part-7447.sb-custom-part-micgy3xqjtxlh4n9q0g
/* resetここまで */
.box-ad .list-check {
margin: 1em 0 0;
padding: 0;
list-style: none;
}
#sb-part-7447.sb-custom-part-micgy3xqjtxlh4n9q0g .box-ad .list-check>li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-weight: 700;
}
#sb-part-7447.sb-custom-part-micgy3xqjtxlh4n9q0g .box-ad .list-check>li::before {
content: "";
display: inline-block;
-ms-flex-negative: 0;
flex-shrink: 0;
margin: 0.1em 0.4em 0 0;
width: 1.2em;
height: 1.2em;
background-repeat: no-repeat;
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22_x31_0%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20512%20512%22%20style%3D%22width%3A%20256px%3B%20height%3A%20256px%3B%20opacity%3A%201%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%23374149%3B%7D%3C%2Fstyle%3E%3Cg%3E%20%3Cpolygon%20class%3D%22st0%22%20points%3D%22221.18%2C250.621%20153.547%2C183.836%2091.934%2C245.453%2091.668%2C245.719%2091.668%2C245.719%2091.614%2C245.773%20221.207%2C374.516%20512%2C83.02%20450.121%2C21.14%20450.121%2C21.136%20450.121%2C21.136%20450.062%2C21.082%20407.187%2C64.109%20348.152%2C123.258%20%22%20style%3D%22fill%3A%20rgb(223%2C%2086%2C%2086)%3B%22%3E%3C%2Fpolygon%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M439.379%2C211.941v-0.113l-50.34%2C50.484V407.5c0%2C18.266-14.883%2C33.078-33.078%2C33.078H83.418%20c-18.266%2C0-33.078-14.813-33.078-33.078V259.578v-13.66V134.957c0-18.192%2C14.812-33.082%2C33.078-33.082h230.188l6.543-6.539%20l25.546-25.59l17.809-17.766c-0.023-0.004-0.047-0.004-0.066-0.004l0.074-0.078c-2.446-0.211-4.962-0.36-7.551-0.36H83.418%20C37.394%2C51.539%2C0%2C89.008%2C0%2C134.957V407.5c0%2C46.028%2C37.394%2C83.418%2C83.418%2C83.418h272.543c45.954%2C0%2C83.418-37.39%2C83.418-83.418%20V292.227l0.058-80.34L439.379%2C211.941z%22%20style%3D%22fill%3A%20rgb(223%2C%2086%2C%2086)%3B%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
#sb-part-7447.sb-custom-part-micgy3xqjtxlh4n9q0g .f1 {
color: red;
font-weight: bold;
background: rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #ffff00 0%) repeat scroll 0 0;
}
#sb-part-7447.sb-custom-part-micgy3xqjtxlh4n9q0g .f2 {
font-weight: bold;
background: rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #ffff00 0%) repeat scroll 0 0;
}
#sb-part-7447.sb-custom-part-micgy3xqjtxlh4n9q0g .f3 {
font-weight: bold;
color: red;
}
#sb-part-7447.sb-custom-part-micgy3xqjtxlh4n9q0g
/*ボタンの設定*/
.auraBtn {
position: relative;
/*幅サイズを変更する場合は下記数値を変更ください*/
width: 90%;
/*ボタンの外側の余白 1番目の値は上下余白、2番目の値は左右余白auto（=中央揃えするため）*/
margin: 2em auto;
}
#sb-part-7447.sb-custom-part-micgy3xqjtxlh4n9q0g
/*ボタンが広がるアニメーション（1番目）*/
.auraBtn:before {
/*アニメーションの設定 変更する場合は該当場所を修正してください。
アニメーション名、動きの速さ.2s（=0.2秒）、動き具合、動く回数*/
animation: auraBtn 2s ease-out infinite
}
#sb-part-7447.sb-custom-part-micgy3xqjtxlh4n9q0g
/*ボタンが広がるアニメーション（2番目）*/
.auraBtn:after {
/*アニメーションの設定 変更する場合は該当場所を修正してください。
アニメーション名、動きの速さ.2s（=0.2秒）、動き具合、動くタイミング1s(=1秒後）、動く回数*/
animation: auraBtn 2s ease-out 1s infinite
}
#sb-part-7447.sb-custom-part-micgy3xqjtxlh4n9q0g
/*ボタンが広がるアニメーション（共通設定）*/
.auraBtn:before,
#sb-part-7447.sb-custom-part-micgy3xqjtxlh4n9q0g .auraBtn:after {
content: "";
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
/*ボタンの角丸*/
border-radius: 100vh;
/*広がるボタンの色(green, red, blue以外の場合はここを修正してください）*/
background: #66cdaa;
/*広がるボタンの初期位置*/
transform: translate3d(0, 0, 0);
}
#sb-part-7447.sb-custom-part-micgy3xqjtxlh4n9q0g
/*ボタン自体の設定*/
.auraBtn a {
/*文字の色*/
color: #fff;
/*文字の太さ*/
font-weight: 600;
display: block;
/*内側の余白 1番目の値は上下余白、2番目の値は左右余白*/
padding: 20px 0;
/*ボタンの角丸*/
border-radius: 100vh;
/*ボタン内テキストの水平方向の位置*/
text-align: center;
/*リンクの装飾*/
text-decoration: none;
/*ボタンの色(green, red, blue以外の場合はここを修正してください）*/
background: #66cdaa;
position: relative;
z-index: 1;
}
#sb-part-7447.sb-custom-part-micgy3xqjtxlh4n9q0g
/*ボタン右側の矢印の設定*/
.auraBtn a span {
display: block;
position: relative;
}
#sb-part-7447.sb-custom-part-micgy3xqjtxlh4n9q0g .auraBtn a span:after {
content: "";
position: absolute;
/*矢印の位置*/
top: calc(50% - 4px);
right: 25px;
/*矢印の横幅*/
width: 8px;
/*矢印の高さ*/
height: 8px;
/*矢印の線 太さ、線種、色*/
border-right: 2px solid #fff;
border-top: 2px solid #fff;
/*矢印の回転角度*/
-webkit-transform: rotate(45deg);
transform: rotate(45deg)
}
#sb-part-7447.sb-custom-part-micgy3xqjtxlh4n9q0g
/*赤の場合の色*/
.auraBtn.red a {
background: #ff5555;
}
#sb-part-7447.sb-custom-part-micgy3xqjtxlh4n9q0g .auraBtn.red:before,
#sb-part-7447.sb-custom-part-micgy3xqjtxlh4n9q0g .auraBtn.red:after {
background: #ffaaae;
border: 1px solid #ff999e;
}
#sb-part-7447.sb-custom-part-micgy3xqjtxlh4n9q0g
/*青の場合の色*/
.auraBtn.blue a {
background: #389aff;
}
#sb-part-7447.sb-custom-part-micgy3xqjtxlh4n9q0g .auraBtn.blue:before,
#sb-part-7447.sb-custom-part-micgy3xqjtxlh4n9q0g .auraBtn.blue:after {
background: #389aff;
border: 1px solid #389aff;
}
/* sb-custom-part-ma1xk4mi28tdjchlwlc */
#sb-part-7448.sb-custom-part-ma1xk4mi28tdjchlwlc .box-ad {
border: 6px solid #8eafed;
border-radius: 4px;
padding: 10px;
}
#sb-part-7448.sb-custom-part-ma1xk4mi28tdjchlwlc .box-ad strong {
color: #d21336;
font-style: normal;
}
#sb-part-7448.sb-custom-part-ma1xk4mi28tdjchlwlc .box-ad .title {
color: #000000;
font-size: 22px;
font-weight: bold;
border-bottom: 1px dotted #696969;
margin: 0;
}
#sb-part-7448.sb-custom-part-ma1xk4mi28tdjchlwlc .box-ad .wrap-subtitle {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 1.2em 0;
}
#sb-part-7448.sb-custom-part-ma1xk4mi28tdjchlwlc .box-ad .wrap-subtitle .subtitle {
font-size: 2em;
line-height: 1.2;
padding: 0;
margin: 0;
}
#sb-part-7448.sb-custom-part-ma1xk4mi28tdjchlwlc .box-ad .wrap-subtitle .subtitle>img {
display: inline-block !important;
vertical-align: bottom;
}
#sb-part-7448.sb-custom-part-ma1xk4mi28tdjchlwlc .box-ad .star-rate {
position: relative;
font-size: 1.5em;
letter-spacing: -0.2em;
color: #efbb5a;
}
#sb-part-7448.sb-custom-part-ma1xk4mi28tdjchlwlc .box-ad .star-rate>span {
position: absolute;
display: block;
top: -50%;
left: -100%;
letter-spacing: normal;
font-size: 0.8em;
color: #244b73;
font-weight: 700;
background-color: #90c4bd;
padding: 0.5em;
border-radius: 50%;
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
}
#sb-part-7448.sb-custom-part-ma1xk4mi28tdjchlwlc .box-ad .star-rate>span::before {
content: "";
position: absolute;
display: block;
width: 0;
height: 0;
right: 12px;
bottom: -4px;
border-right: 16px solid #90c4bd;
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
}
#sb-part-7448.sb-custom-part-ma1xk4mi28tdjchlwlc .box-ad .wrap-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
width: 100%;
}
#sb-part-7448.sb-custom-part-ma1xk4mi28tdjchlwlc .box-ad .wrap-item>figure {
margin: 0 0.5px 0 0;
}
#sb-part-7448.sb-custom-part-ma1xk4mi28tdjchlwlc .box-ad .wrap-item .txt {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
}
#sb-part-7448.sb-custom-part-ma1xk4mi28tdjchlwlc .box-ad .wrap-item table {
width: 100%;
table-layout: fixed;
border-collapse: collapse;
text-align: center;
}
#sb-part-7448.sb-custom-part-ma1xk4mi28tdjchlwlc .box-ad .wrap-item table th {
border: 1.3px solid #ff99a8;
font-size: 13px;
background-color: #ffe6e9;
padding: 0.4em;
}
#sb-part-7448.sb-custom-part-ma1xk4mi28tdjchlwlc .box-ad .wrap-item table td {
border: 1.3px solid #ff99a8;
font-size: 13px;
background-color: #ffffff;
padding: 0.4em;
font-weight: bold;
}
#sb-part-7448.sb-custom-part-ma1xk4mi28tdjchlwlc .box-ad .wrap-item ul {
font-weight: 700;
margin: 0 0 1em;
list-style: disc;
}
#sb-part-7448.sb-custom-part-ma1xk4mi28tdjchlwlc .box-ad .wrap-tags {
font-weight: 700;
}
#sb-part-7448.sb-custom-part-ma1xk4mi28tdjchlwlc .box-ad .wrap-tags ul {
list-style: none;
padding: 0;
font-weight: normal;
display: inline-block;
}
#sb-part-7448.sb-custom-part-ma1xk4mi28tdjchlwlc .box-ad .wrap-tags ul>li {
display: inline-block;
font-size: 0.8em;
border: 1px solid #f58719;
color: #f58719;
padding: 0.1em 0.4em;
}
#sb-part-7448.sb-custom-part-ma1xk4mi28tdjchlwlc .box-ad .wrap-tags ul>li.no {
border-color: #999999;
color: #999999;
text-decoration: line-through;
}
#sb-part-7448.sb-custom-part-ma1xk4mi28tdjchlwlc .box-ad .balloon {
position: relative;
width: 60%;
margin: 0 auto;
color: #fff;
background-color: #92c24d;
text-align: center;
padding: 0.2em;
border-radius: 1.1em;
}
#sb-part-7448.sb-custom-part-ma1xk4mi28tdjchlwlc .box-ad .balloon::before {
content: "";
position: absolute;
top: 100%;
left: 50%;
margin-left: -10px;
border: 10px solid transparent;
border-top: 10px solid #92c24d;
}
#sb-part-7448.sb-custom-part-ma1xk4mi28tdjchlwlc .box-ad .wrap-btn {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
text-align: center;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin-top: 1.2em;
}
#sb-part-7448.sb-custom-part-ma1xk4mi28tdjchlwlc .box-ad .wrap-btn .link1 {
-ms-flex-preferred-size: 39%;
flex-basis: 39%;
}
#sb-part-7448.sb-custom-part-ma1xk4mi28tdjchlwlc .box-ad .wrap-btn .link1 a {
font-size: 1.2em;
display: block;
padding: 1em;
text-decoration: none;
color: #fff;
font-weight: 700;
background-image: -webkit-gradient(linear, left top, left bottom, from(#bfc2bf), color-stop(50%, #bcbfbc), color-stop(51%, #a9a9a9), to(#cacaca));
background-image: linear-gradient(to bottom, #bfc2bf 0%, #bcbfbc 50%, #a9a9a9 51%, #cacaca 100%);
border-bottom: solid 3px #939393;
border-radius: 4px;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
#sb-part-7448.sb-custom-part-ma1xk4mi28tdjchlwlc .box-ad .wrap-btn .link1 a:hover {
-webkit-transform: translateY(3px);
transform: translateY(3px);
-webkit-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
border-bottom: solid 1px #939393;
}
#sb-part-7448.sb-custom-part-ma1xk4mi28tdjchlwlc .box-ad .wrap-btn .link2 {
-ms-flex-preferred-size: 60%;
flex-basis: 100%;
}
#sb-part-7448.sb-custom-part-ma1xk4mi28tdjchlwlc .box-ad .wrap-btn .link2 a {
position: relative;
font-size: 1.2em;
display: block;
padding: 1em;
text-decoration: none;
color: #fff;
font-weight: 700;
background-color: #66cdaa;
border-bottom: solid 3px #3cb371;
border-radius: 4px;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
#sb-part-7448.sb-custom-part-ma1xk4mi28tdjchlwlc .box-ad .wrap-btn .link2 a::before {
content: "";
position: absolute;
right: 1em;
font-size: 0.8em;
margin-top: 0.2em;
}
#sb-part-7448.sb-custom-part-ma1xk4mi28tdjchlwlc .box-ad .wrap-btn .link2 a:hover {
-webkit-transform: translateY(3px);
transform: translateY(3px);
-webkit-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
border-bottom: solid 1px #ad5515;
}
#sb-part-7448.sb-custom-part-ma1xk4mi28tdjchlwlc article {
font-size: 12px;
line-height: 1.2
}
#sb-part-7448.sb-custom-part-ma1xk4mi28tdjchlwlc .container {
padding: 9px 14px;
border: 1px solid #E6ECF0;
border-radius: 10px;
}
#sb-part-7448.sb-custom-part-ma1xk4mi28tdjchlwlc .img {
width: 100%;
height: auto;
}
#sb-part-7448.sb-custom-part-ma1xk4mi28tdjchlwlc .reviewer {
display: flex;
}
#sb-part-7448.sb-custom-part-ma1xk4mi28tdjchlwlc .reviewer-img-wrapper {
margin-right: 3px;
width: 25px;
}
#sb-part-7448.sb-custom-part-ma1xk4mi28tdjchlwlc .reviewer-info {
display: flex;
align-items: center;
flex-wrap: wrap;
color: #765555;
}
#sb-part-7448.sb-custom-part-ma1xk4mi28tdjchlwlc .reviewer-name {
display: flex;
margin-right: 10px;
font-size: 15px;
color: #000000;
font-weight: bold
}
#sb-part-7448.sb-custom-part-ma1xk4mi28tdjchlwlc .reviewer-age {
display: flex;
color: #000000;
}
#sb-part-7448.sb-custom-part-ma1xk4mi28tdjchlwlc .reviewer-attr {
display: flex;
color: #000000;
margin-right: 10px;
}
#sb-part-7448.sb-custom-part-ma1xk4mi28tdjchlwlc .reviewer-attr:before {
content: '/';
margin: 0 5px;
}
#sb-part-7448.sb-custom-part-ma1xk4mi28tdjchlwlc .reviewer-reviews {
display: flex;
margin-right: 5px;
}
#sb-part-7448.sb-custom-part-ma1xk4mi28tdjchlwlc .stars-count {
color: black;
font-weight: bold;
}
#sb-part-7448.sb-custom-part-ma1xk4mi28tdjchlwlc .star {
position: relative;
display: inline-block;
width: 0;
height: 0;
margin-left: .5em;
margin-right: .5em;
margin-bottom: 1em;
border-right: .3em solid transparent;
border-bottom: .7em solid #FC0;
border-left: .3em solid transparent;
/* Controlls the size of the stars. */
font-size: 7px;
}
#sb-part-7448.sb-custom-part-ma1xk4mi28tdjchlwlc .star:before,
#sb-part-7448.sb-custom-part-ma1xk4mi28tdjchlwlc .star:after {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
top: .6em;
left: -1em;
border-right: 1em solid transparent;
border-bottom: .7em solid #FC0;
border-left: 1em solid transparent;
transform: rotate(-35deg);
}
#sb-part-7448.sb-custom-part-ma1xk4mi28tdjchlwlc .star:after {
transform: rotate(35deg);
}
#sb-part-7448.sb-custom-part-ma1xk4mi28tdjchlwlc .tag-wrapper {
margin: 5px 10px 0;
}
#sb-part-7448.sb-custom-part-ma1xk4mi28tdjchlwlc .tag {
padding: 3px 6px;
border: 1px solid #ff99a8;
border-radius: 10px;
color: #d2691e;
background-color: #ffe6e9;
font-size: 10px;
}
#sb-part-7448.sb-custom-part-ma1xk4mi28tdjchlwlc .main {
margin-top: 10px;
width: 100%;
font-size: 0;
}
#sb-part-7448.sb-custom-part-ma1xk4mi28tdjchlwlc .main-img-wrapper {
margin-top: 10px;
display: inline-block;
width: 50%;
}
#sb-part-7448.sb-custom-part-ma1xk4mi28tdjchlwlc .main-img-wrapper:not(:first-child) {
margin-top: 3px;
}
#sb-part-7448.sb-custom-part-ma1xk4mi28tdjchlwlc .main-text {
margin-block-start: 0;
margin-block-end: 0;
font-size: 15px;
}
#sb-part-7448.sb-custom-part-ma1xk4mi28tdjchlwlc footer {
color: #765555;
}
#sb-part-7448.sb-custom-part-ma1xk4mi28tdjchlwlc .b-marker {
background: linear-gradient(transparent 60%, #cce5ff 0%);
}
#sb-part-7448.sb-custom-part-ma1xk4mi28tdjchlwlc
/* reset */
img {
margin: 0 !important;
}
#sb-part-7448.sb-custom-part-ma1xk4mi28tdjchlwlc p {
margin: 0;
}
#sb-part-7448.sb-custom-part-ma1xk4mi28tdjchlwlc
/* resetここまで */
.box-ad .list-check {
margin: 1em 0 0;
padding: 0;
list-style: none;
}
#sb-part-7448.sb-custom-part-ma1xk4mi28tdjchlwlc .box-ad .list-check>li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-weight: 700;
}
#sb-part-7448.sb-custom-part-ma1xk4mi28tdjchlwlc .box-ad .list-check>li::before {
content: "";
display: inline-block;
-ms-flex-negative: 0;
flex-shrink: 0;
margin: 0.1em 0.4em 0 0;
width: 1.2em;
height: 1.2em;
background-repeat: no-repeat;
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22_x31_0%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20512%20512%22%20style%3D%22width%3A%20256px%3B%20height%3A%20256px%3B%20opacity%3A%201%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%23374149%3B%7D%3C%2Fstyle%3E%3Cg%3E%20%3Cpolygon%20class%3D%22st0%22%20points%3D%22221.18%2C250.621%20153.547%2C183.836%2091.934%2C245.453%2091.668%2C245.719%2091.668%2C245.719%2091.614%2C245.773%20221.207%2C374.516%20512%2C83.02%20450.121%2C21.14%20450.121%2C21.136%20450.121%2C21.136%20450.062%2C21.082%20407.187%2C64.109%20348.152%2C123.258%20%22%20style%3D%22fill%3A%20rgb(223%2C%2086%2C%2086)%3B%22%3E%3C%2Fpolygon%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M439.379%2C211.941v-0.113l-50.34%2C50.484V407.5c0%2C18.266-14.883%2C33.078-33.078%2C33.078H83.418%20c-18.266%2C0-33.078-14.813-33.078-33.078V259.578v-13.66V134.957c0-18.192%2C14.812-33.082%2C33.078-33.082h230.188l6.543-6.539%20l25.546-25.59l17.809-17.766c-0.023-0.004-0.047-0.004-0.066-0.004l0.074-0.078c-2.446-0.211-4.962-0.36-7.551-0.36H83.418%20C37.394%2C51.539%2C0%2C89.008%2C0%2C134.957V407.5c0%2C46.028%2C37.394%2C83.418%2C83.418%2C83.418h272.543c45.954%2C0%2C83.418-37.39%2C83.418-83.418%20V292.227l0.058-80.34L439.379%2C211.941z%22%20style%3D%22fill%3A%20rgb(223%2C%2086%2C%2086)%3B%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
#sb-part-7448.sb-custom-part-ma1xk4mi28tdjchlwlc .f1 {
color: red;
font-weight: bold;
background: rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #ffff00 0%) repeat scroll 0 0;
}
#sb-part-7448.sb-custom-part-ma1xk4mi28tdjchlwlc .f2 {
font-weight: bold;
background: rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #ffff00 0%) repeat scroll 0 0;
}
#sb-part-7448.sb-custom-part-ma1xk4mi28tdjchlwlc .f3 {
font-weight: bold;
color: red;
}
/* sb-custom-part-m8s7eu966ed049d44ss */
#sb-part-1252.sb-custom-part-m8s7eu966ed049d44ss h2 {
/*文字サイズ*/
font-size: 27px;
/* 背景色 */
background-color: #4c6cb3;
/* 文字色 */
color: #fff;
/*文字の太さ。太字はbold、標準の太さはnormal*/
font-weight: bold;
/*文字周りの余白。上下｜左右*/
padding: 10px 0;
/*文字の水平方向の配置。左寄せはleft、真ん中はcenter*/
text-align: center;
/*水平方向の字間のスペース*/
letter-spacing: 0.04em;
display: block;
position: absolute;
right: 0;
left: 0;
}
/* sb-custom-part-mgk4y8lm6j5nth22xkp */
#sb-part-14762.sb-custom-part-mgk4y8lm6j5nth22xkp .main {
margin: 0px -5px 0 -5px !important;
max-width: unset;
}
#sb-part-14762.sb-custom-part-mgk4y8lm6j5nth22xkp img {
width: 100%;
}
#sb-part-14762.sb-custom-part-mgk4y8lm6j5nth22xkp .pr-text {
text-align: right;
font-size: 10px;
color: #bbbbbb;
white-space: nowrap;
}
/* sb-custom-part-mgk52vl6yuj8xguh7ac */
#sb-part-3063.sb-custom-part-mgk52vl6yuj8xguh7ac h2 {
/*文字サイズ*/
font-size: 18px;
/*文字の色*/
color: #fff;
/*吹き出しの背景色。下のh2:afterのborder-colorも同じ色を指定ください*/
background: #4169e1;
/*フォントの太さを指定。100、200、300、400、500、600、700、800、900。フォント種類により数値を上下させても変化しないことがあります*/
font-weight: 600;
/*吹き出し内側の余白。右の値が上下、左の値が左右*/
padding: 1rem;
/*角を丸くする*/
border-radius: 5px;
/*水平方向の字間のスペース*/
letter-spacing: .05em;
position: relative;
}
#sb-part-3063.sb-custom-part-mgk52vl6yuj8xguh7ac h2:after {
position: absolute;
bottom: -9px;
left: 1em;
width: 0;
height: 0;
content: '';
border-width: 20px 20px 0 20px;
border-style: solid;
/*吹き出しのしっぽ色*/
border-color: #4169e1 transparent transparent transparent;
}
/* sb-custom-part-micgwdq2tl90up2d3ks */
#sb-part-7447.sb-custom-part-micgwdq2tl90up2d3ks .box-ad {
border: 6px solid #8eafed;
border-radius: 4px;
padding: 10px;
}
#sb-part-7447.sb-custom-part-micgwdq2tl90up2d3ks .box-ad strong {
color: #d21336;
font-style: normal;
}
#sb-part-7447.sb-custom-part-micgwdq2tl90up2d3ks .box-ad .title {
color: #000000;
font-size: 22px;
font-weight: bold;
border-bottom: 1px dotted #696969;
margin: 0;
}
#sb-part-7447.sb-custom-part-micgwdq2tl90up2d3ks .box-ad .wrap-subtitle {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 1.2em 0;
}
#sb-part-7447.sb-custom-part-micgwdq2tl90up2d3ks .box-ad .wrap-subtitle .subtitle {
font-size: 2em;
line-height: 1.2;
padding: 0;
margin: 0;
}
#sb-part-7447.sb-custom-part-micgwdq2tl90up2d3ks .box-ad .wrap-subtitle .subtitle>img {
display: inline-block !important;
vertical-align: bottom;
}
#sb-part-7447.sb-custom-part-micgwdq2tl90up2d3ks .box-ad .star-rate {
position: relative;
font-size: 1.5em;
letter-spacing: -0.2em;
color: #efbb5a;
}
#sb-part-7447.sb-custom-part-micgwdq2tl90up2d3ks .box-ad .star-rate>span {
position: absolute;
display: block;
top: -50%;
left: -100%;
letter-spacing: normal;
font-size: 0.8em;
color: #244b73;
font-weight: 700;
background-color: #90c4bd;
padding: 0.5em;
border-radius: 50%;
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
}
#sb-part-7447.sb-custom-part-micgwdq2tl90up2d3ks .box-ad .star-rate>span::before {
content: "";
position: absolute;
display: block;
width: 0;
height: 0;
right: 12px;
bottom: -4px;
border-right: 16px solid #90c4bd;
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
}
#sb-part-7447.sb-custom-part-micgwdq2tl90up2d3ks .box-ad .wrap-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
width: 100%;
}
#sb-part-7447.sb-custom-part-micgwdq2tl90up2d3ks .box-ad .wrap-item>figure {
margin: 0 0.5px 0 0;
}
#sb-part-7447.sb-custom-part-micgwdq2tl90up2d3ks .box-ad .wrap-item .txt {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
}
#sb-part-7447.sb-custom-part-micgwdq2tl90up2d3ks .box-ad .wrap-item table {
width: 100%;
table-layout: fixed;
border-collapse: collapse;
text-align: center;
}
#sb-part-7447.sb-custom-part-micgwdq2tl90up2d3ks .box-ad .wrap-item table th {
border: 1.3px solid #ff99a8;
font-size: 13px;
background-color: #ffe6e9;
padding: 0.4em;
}
#sb-part-7447.sb-custom-part-micgwdq2tl90up2d3ks .box-ad .wrap-item table td {
border: 1.3px solid #ff99a8;
font-size: 13px;
background-color: #ffffff;
padding: 0.4em;
font-weight: bold;
}
#sb-part-7447.sb-custom-part-micgwdq2tl90up2d3ks .box-ad .wrap-item ul {
font-weight: 700;
margin: 0 0 1em;
list-style: disc;
}
#sb-part-7447.sb-custom-part-micgwdq2tl90up2d3ks .box-ad .wrap-tags {
font-weight: 700;
}
#sb-part-7447.sb-custom-part-micgwdq2tl90up2d3ks .box-ad .wrap-tags ul {
list-style: none;
padding: 0;
font-weight: normal;
display: inline-block;
}
#sb-part-7447.sb-custom-part-micgwdq2tl90up2d3ks .box-ad .wrap-tags ul>li {
display: inline-block;
font-size: 0.8em;
border: 1px solid #f58719;
color: #f58719;
padding: 0.1em 0.4em;
}
#sb-part-7447.sb-custom-part-micgwdq2tl90up2d3ks .box-ad .wrap-tags ul>li.no {
border-color: #999999;
color: #999999;
text-decoration: line-through;
}
#sb-part-7447.sb-custom-part-micgwdq2tl90up2d3ks .box-ad .balloon {
position: relative;
width: 60%;
margin: 0 auto;
color: #fff;
background-color: #92c24d;
text-align: center;
padding: 0.2em;
border-radius: 1.1em;
}
#sb-part-7447.sb-custom-part-micgwdq2tl90up2d3ks .box-ad .balloon::before {
content: "";
position: absolute;
top: 100%;
left: 50%;
margin-left: -10px;
border: 10px solid transparent;
border-top: 10px solid #92c24d;
}
#sb-part-7447.sb-custom-part-micgwdq2tl90up2d3ks .box-ad .wrap-btn {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
text-align: center;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin-top: 1.2em;
}
#sb-part-7447.sb-custom-part-micgwdq2tl90up2d3ks .box-ad .wrap-btn .link1 {
-ms-flex-preferred-size: 39%;
flex-basis: 39%;
}
#sb-part-7447.sb-custom-part-micgwdq2tl90up2d3ks .box-ad .wrap-btn .link1 a {
font-size: 1.2em;
display: block;
padding: 1em;
text-decoration: none;
color: #fff;
font-weight: 700;
background-image: -webkit-gradient(linear, left top, left bottom, from(#bfc2bf), color-stop(50%, #bcbfbc), color-stop(51%, #a9a9a9), to(#cacaca));
background-image: linear-gradient(to bottom, #bfc2bf 0%, #bcbfbc 50%, #a9a9a9 51%, #cacaca 100%);
border-bottom: solid 3px #939393;
border-radius: 4px;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
#sb-part-7447.sb-custom-part-micgwdq2tl90up2d3ks .box-ad .wrap-btn .link1 a:hover {
-webkit-transform: translateY(3px);
transform: translateY(3px);
-webkit-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
border-bottom: solid 1px #939393;
}
#sb-part-7447.sb-custom-part-micgwdq2tl90up2d3ks .box-ad .wrap-btn .link2 {
-ms-flex-preferred-size: 60%;
flex-basis: 100%;
}
#sb-part-7447.sb-custom-part-micgwdq2tl90up2d3ks .box-ad .wrap-btn .link2 a {
position: relative;
font-size: 1.2em;
display: block;
padding: 1em;
text-decoration: none;
color: #fff;
font-weight: 700;
background-color: #66cdaa;
border-bottom: solid 3px #3cb371;
border-radius: 4px;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
#sb-part-7447.sb-custom-part-micgwdq2tl90up2d3ks .box-ad .wrap-btn .link2 a::before {
content: "";
position: absolute;
right: 1em;
font-size: 0.8em;
margin-top: 0.2em;
}
#sb-part-7447.sb-custom-part-micgwdq2tl90up2d3ks .box-ad .wrap-btn .link2 a:hover {
-webkit-transform: translateY(3px);
transform: translateY(3px);
-webkit-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
border-bottom: solid 1px #ad5515;
}
#sb-part-7447.sb-custom-part-micgwdq2tl90up2d3ks article {
font-size: 12px;
line-height: 1.2
}
#sb-part-7447.sb-custom-part-micgwdq2tl90up2d3ks .container {
padding: 9px 14px;
border: 1px solid #E6ECF0;
border-radius: 10px;
}
#sb-part-7447.sb-custom-part-micgwdq2tl90up2d3ks .img {
width: 100%;
height: auto;
}
#sb-part-7447.sb-custom-part-micgwdq2tl90up2d3ks .reviewer {
display: flex;
}
#sb-part-7447.sb-custom-part-micgwdq2tl90up2d3ks .reviewer-img-wrapper {
margin-right: 3px;
width: 25px;
}
#sb-part-7447.sb-custom-part-micgwdq2tl90up2d3ks .reviewer-info {
display: flex;
align-items: center;
flex-wrap: wrap;
color: #765555;
}
#sb-part-7447.sb-custom-part-micgwdq2tl90up2d3ks .reviewer-name {
display: flex;
margin-right: 10px;
font-size: 15px;
color: #000000;
font-weight: bold
}
#sb-part-7447.sb-custom-part-micgwdq2tl90up2d3ks .reviewer-age {
display: flex;
color: #000000;
}
#sb-part-7447.sb-custom-part-micgwdq2tl90up2d3ks .reviewer-attr {
display: flex;
color: #000000;
margin-right: 10px;
}
#sb-part-7447.sb-custom-part-micgwdq2tl90up2d3ks .reviewer-attr:before {
content: '/';
margin: 0 5px;
}
#sb-part-7447.sb-custom-part-micgwdq2tl90up2d3ks .reviewer-reviews {
display: flex;
margin-right: 5px;
}
#sb-part-7447.sb-custom-part-micgwdq2tl90up2d3ks .stars-count {
color: black;
font-weight: bold;
}
#sb-part-7447.sb-custom-part-micgwdq2tl90up2d3ks .star {
position: relative;
display: inline-block;
width: 0;
height: 0;
margin-left: .5em;
margin-right: .5em;
margin-bottom: 1em;
border-right: .3em solid transparent;
border-bottom: .7em solid #FC0;
border-left: .3em solid transparent;
/* Controlls the size of the stars. */
font-size: 7px;
}
#sb-part-7447.sb-custom-part-micgwdq2tl90up2d3ks .star:before,
#sb-part-7447.sb-custom-part-micgwdq2tl90up2d3ks .star:after {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
top: .6em;
left: -1em;
border-right: 1em solid transparent;
border-bottom: .7em solid #FC0;
border-left: 1em solid transparent;
transform: rotate(-35deg);
}
#sb-part-7447.sb-custom-part-micgwdq2tl90up2d3ks .star:after {
transform: rotate(35deg);
}
#sb-part-7447.sb-custom-part-micgwdq2tl90up2d3ks .tag-wrapper {
margin: 5px 10px 0;
}
#sb-part-7447.sb-custom-part-micgwdq2tl90up2d3ks .tag {
padding: 3px 6px;
border: 1px solid #ff99a8;
border-radius: 10px;
color: #d2691e;
background-color: #ffe6e9;
font-size: 10px;
}
#sb-part-7447.sb-custom-part-micgwdq2tl90up2d3ks .main {
margin-top: 10px;
width: 100%;
font-size: 0;
}
#sb-part-7447.sb-custom-part-micgwdq2tl90up2d3ks .main-img-wrapper {
margin-top: 10px;
display: inline-block;
width: 50%;
}
#sb-part-7447.sb-custom-part-micgwdq2tl90up2d3ks .main-img-wrapper:not(:first-child) {
margin-top: 3px;
}
#sb-part-7447.sb-custom-part-micgwdq2tl90up2d3ks .main-text {
margin-block-start: 0;
margin-block-end: 0;
font-size: 15px;
}
#sb-part-7447.sb-custom-part-micgwdq2tl90up2d3ks footer {
color: #765555;
}
#sb-part-7447.sb-custom-part-micgwdq2tl90up2d3ks .b-marker {
background: linear-gradient(transparent 60%, #cce5ff 0%);
}
#sb-part-7447.sb-custom-part-micgwdq2tl90up2d3ks
/* reset */
img {
margin: 0 !important;
}
#sb-part-7447.sb-custom-part-micgwdq2tl90up2d3ks p {
margin: 0;
}
#sb-part-7447.sb-custom-part-micgwdq2tl90up2d3ks
/* resetここまで */
.box-ad .list-check {
margin: 1em 0 0;
padding: 0;
list-style: none;
}
#sb-part-7447.sb-custom-part-micgwdq2tl90up2d3ks .box-ad .list-check>li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-weight: 700;
}
#sb-part-7447.sb-custom-part-micgwdq2tl90up2d3ks .box-ad .list-check>li::before {
content: "";
display: inline-block;
-ms-flex-negative: 0;
flex-shrink: 0;
margin: 0.1em 0.4em 0 0;
width: 1.2em;
height: 1.2em;
background-repeat: no-repeat;
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22_x31_0%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20512%20512%22%20style%3D%22width%3A%20256px%3B%20height%3A%20256px%3B%20opacity%3A%201%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%23374149%3B%7D%3C%2Fstyle%3E%3Cg%3E%20%3Cpolygon%20class%3D%22st0%22%20points%3D%22221.18%2C250.621%20153.547%2C183.836%2091.934%2C245.453%2091.668%2C245.719%2091.668%2C245.719%2091.614%2C245.773%20221.207%2C374.516%20512%2C83.02%20450.121%2C21.14%20450.121%2C21.136%20450.121%2C21.136%20450.062%2C21.082%20407.187%2C64.109%20348.152%2C123.258%20%22%20style%3D%22fill%3A%20rgb(223%2C%2086%2C%2086)%3B%22%3E%3C%2Fpolygon%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M439.379%2C211.941v-0.113l-50.34%2C50.484V407.5c0%2C18.266-14.883%2C33.078-33.078%2C33.078H83.418%20c-18.266%2C0-33.078-14.813-33.078-33.078V259.578v-13.66V134.957c0-18.192%2C14.812-33.082%2C33.078-33.082h230.188l6.543-6.539%20l25.546-25.59l17.809-17.766c-0.023-0.004-0.047-0.004-0.066-0.004l0.074-0.078c-2.446-0.211-4.962-0.36-7.551-0.36H83.418%20C37.394%2C51.539%2C0%2C89.008%2C0%2C134.957V407.5c0%2C46.028%2C37.394%2C83.418%2C83.418%2C83.418h272.543c45.954%2C0%2C83.418-37.39%2C83.418-83.418%20V292.227l0.058-80.34L439.379%2C211.941z%22%20style%3D%22fill%3A%20rgb(223%2C%2086%2C%2086)%3B%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
#sb-part-7447.sb-custom-part-micgwdq2tl90up2d3ks .f1 {
color: red;
font-weight: bold;
background: rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #ffff00 0%) repeat scroll 0 0;
}
#sb-part-7447.sb-custom-part-micgwdq2tl90up2d3ks .f2 {
font-weight: bold;
background: rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #ffff00 0%) repeat scroll 0 0;
}
#sb-part-7447.sb-custom-part-micgwdq2tl90up2d3ks .f3 {
font-weight: bold;
color: red;
}
#sb-part-7447.sb-custom-part-micgwdq2tl90up2d3ks
/*ボタンの設定*/
.auraBtn {
position: relative;
/*幅サイズを変更する場合は下記数値を変更ください*/
width: 90%;
/*ボタンの外側の余白 1番目の値は上下余白、2番目の値は左右余白auto（=中央揃えするため）*/
margin: 2em auto;
}
#sb-part-7447.sb-custom-part-micgwdq2tl90up2d3ks
/*ボタンが広がるアニメーション（1番目）*/
.auraBtn:before {
/*アニメーションの設定 変更する場合は該当場所を修正してください。
アニメーション名、動きの速さ.2s（=0.2秒）、動き具合、動く回数*/
animation: auraBtn 2s ease-out infinite
}
#sb-part-7447.sb-custom-part-micgwdq2tl90up2d3ks
/*ボタンが広がるアニメーション（2番目）*/
.auraBtn:after {
/*アニメーションの設定 変更する場合は該当場所を修正してください。
アニメーション名、動きの速さ.2s（=0.2秒）、動き具合、動くタイミング1s(=1秒後）、動く回数*/
animation: auraBtn 2s ease-out 1s infinite
}
#sb-part-7447.sb-custom-part-micgwdq2tl90up2d3ks
/*ボタンが広がるアニメーション（共通設定）*/
.auraBtn:before,
#sb-part-7447.sb-custom-part-micgwdq2tl90up2d3ks .auraBtn:after {
content: "";
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
/*ボタンの角丸*/
border-radius: 100vh;
/*広がるボタンの色(green, red, blue以外の場合はここを修正してください）*/
background: #66cdaa;
/*広がるボタンの初期位置*/
transform: translate3d(0, 0, 0);
}
#sb-part-7447.sb-custom-part-micgwdq2tl90up2d3ks
/*ボタン自体の設定*/
.auraBtn a {
/*文字の色*/
color: #fff;
/*文字の太さ*/
font-weight: 600;
display: block;
/*内側の余白 1番目の値は上下余白、2番目の値は左右余白*/
padding: 20px 0;
/*ボタンの角丸*/
border-radius: 100vh;
/*ボタン内テキストの水平方向の位置*/
text-align: center;
/*リンクの装飾*/
text-decoration: none;
/*ボタンの色(green, red, blue以外の場合はここを修正してください）*/
background: #66cdaa;
position: relative;
z-index: 1;
}
#sb-part-7447.sb-custom-part-micgwdq2tl90up2d3ks
/*ボタン右側の矢印の設定*/
.auraBtn a span {
display: block;
position: relative;
}
#sb-part-7447.sb-custom-part-micgwdq2tl90up2d3ks .auraBtn a span:after {
content: "";
position: absolute;
/*矢印の位置*/
top: calc(50% - 4px);
right: 25px;
/*矢印の横幅*/
width: 8px;
/*矢印の高さ*/
height: 8px;
/*矢印の線 太さ、線種、色*/
border-right: 2px solid #fff;
border-top: 2px solid #fff;
/*矢印の回転角度*/
-webkit-transform: rotate(45deg);
transform: rotate(45deg)
}
#sb-part-7447.sb-custom-part-micgwdq2tl90up2d3ks
/*赤の場合の色*/
.auraBtn.red a {
background: #ff5555;
}
#sb-part-7447.sb-custom-part-micgwdq2tl90up2d3ks .auraBtn.red:before,
#sb-part-7447.sb-custom-part-micgwdq2tl90up2d3ks .auraBtn.red:after {
background: #ffaaae;
border: 1px solid #ff999e;
}
#sb-part-7447.sb-custom-part-micgwdq2tl90up2d3ks
/*青の場合の色*/
.auraBtn.blue a {
background: #389aff;
}
#sb-part-7447.sb-custom-part-micgwdq2tl90up2d3ks .auraBtn.blue:before,
#sb-part-7447.sb-custom-part-micgwdq2tl90up2d3ks .auraBtn.blue:after {
background: #389aff;
border: 1px solid #389aff;
}
/* sb-custom-part-m1iub4cz0grgcgilzghi */
#sb-part-3481.sb-custom-part-m1iub4cz0grgcgilzghi h2 {
/*文字サイズ*/
font-size: 22px;
/* 背景色 */
background-color: #cd5c5c;
/* 文字色 */
color: #fff;
/*文字の太さ。太字はbold、標準の太さはnormal*/
font-weight: bold;
/*文字周りの余白。上下｜左右*/
padding: 10px 0;
/*文字の水平方向の配置。左寄せはleft、真ん中はcenter*/
text-align: center;
/*水平方向の字間のスペース*/
letter-spacing: 0.04em;
display: block;
position: absolute;
right: 0;
left: 0;
}
#sb-part-3481.sb-custom-part-m1iub4cz0grgcgilzghi * {
margin: 0px;
padding: 0px;
}
#sb-part-3481.sb-custom-part-m1iub4cz0grgcgilzghi .center {
text-align: center;
}
#sb-part-3481.sb-custom-part-m1iub4cz0grgcgilzghi a {
text-decoration: underline;
color: #23b4c9;
}
#sb-part-3481.sb-custom-part-m1iub4cz0grgcgilzghi body {
font-color: #000;
font-family: Helvetica;
-webkit-text-size-adjust: none;
background-color: #fff;
}
#sb-part-3481.sb-custom-part-m1iub4cz0grgcgilzghi .fam_ad {
font-size: 12px;
font-weight: bold;
}
#sb-part-3481.sb-custom-part-m1iub4cz0grgcgilzghi .fam_ad div a {
padding: 5px;
border-bottom: 1px solid #BFBFBF;
display: block;
}
#sb-part-3481.sb-custom-part-m1iub4cz0grgcgilzghi .fam_ad span {
color: #666666;
}
#sb-part-3481.sb-custom-part-m1iub4cz0grgcgilzghi p.title {
font-weight: bold;
color: #FFFFFF;
font-size: 14px;
padding: 5px;
background-color: #7F7F7F;
}
#sb-part-3481.sb-custom-part-m1iub4cz0grgcgilzghi
/*-------------------form---------------------*/
#search_area p {
font-size: 11px;
display: inline-block;
margin: 8px 0px 0px 3px;
}
#sb-part-3481.sb-custom-part-m1iub4cz0grgcgilzghi #search_area p select {
font-size: 10px;
}
#sb-part-3481.sb-custom-part-m1iub4cz0grgcgilzghi #search_area .submit_btn {
width: 100px;
margin: 10px auto;
display: block;
}
#sb-part-3481.sb-custom-part-m1iub4cz0grgcgilzghi * {
margin: 0px;
padding: 0px;
}
#sb-part-3481.sb-custom-part-m1iub4cz0grgcgilzghi .center {
text-align: center;
}
#sb-part-3481.sb-custom-part-m1iub4cz0grgcgilzghi a {
text-decoration: underline;
color: #23b4c9;
}
#sb-part-3481.sb-custom-part-m1iub4cz0grgcgilzghi body {
font-color: #000;
font-family: Helvetica;
-webkit-text-size-adjust: none;
background-color: #fff;
}
#sb-part-3481.sb-custom-part-m1iub4cz0grgcgilzghi .fam_ad {
font-size: 12px;
font-weight: bold;
}
#sb-part-3481.sb-custom-part-m1iub4cz0grgcgilzghi .fam_ad div a {
padding: 5px;
border-bottom: 1px solid #BFBFBF;
display: block;
}
#sb-part-3481.sb-custom-part-m1iub4cz0grgcgilzghi .fam_ad span {
color: #666666;
}
#sb-part-3481.sb-custom-part-m1iub4cz0grgcgilzghi p.title {
font-weight: bold;
color: #FFFFFF;
font-size: 14px;
padding: 5px;
background-color: #7F7F7F;
}
#sb-part-3481.sb-custom-part-m1iub4cz0grgcgilzghi
/*-------------------form---------------------*/
#search_area p {
font-size: 11px;
display: inline-block;
margin: 8px 0px 0px 3px;
}
#sb-part-3481.sb-custom-part-m1iub4cz0grgcgilzghi #search_area p select {
font-size: 10px;
}
#sb-part-3481.sb-custom-part-m1iub4cz0grgcgilzghi #search_area .submit_btn {
width: 100px;
margin: 10px auto;
display: block;
}
/* sb-custom-part-m1aphr6qp076dyfwxms */
#sb-part-2553.sb-custom-part-m1aphr6qp076dyfwxms
/*-- 全体の設定 --*/
.accordionMenu__box {
/*背景の色*/
background: #f5f5f5;
/* 内側の余白 */
padding: 10px;
}
#sb-part-2553.sb-custom-part-m1aphr6qp076dyfwxms
/*-- 見出し（Outlineの部分 --*/
.accordionMenu__box .accordionMenu__title {
/*文字の大きさ*/
font-size: 13px;
/*文字の太さ*/
font-weight: bold;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
#sb-part-2553.sb-custom-part-m1aphr6qp076dyfwxms .accordionMenu__box .accordionMenu__title .accordionMenu__titleBox {
display: inline-block;
margin-right: 2rem;
line-height: 1;
}
#sb-part-2553.sb-custom-part-m1aphr6qp076dyfwxms
/*-- Outline横のボーダー --*/
.accordionMenu__box .accordionMenu__title:after {
content: '';
/*ボーダーの太さと線種と色*/
border-bottom: 2px solid #000;
width: 70%;
/*ボーダーの太さ分の高さ*/
height: 2px;
display: block;
}
#sb-part-2553.sb-custom-part-m1aphr6qp076dyfwxms
/*-- アコーディオン（インデックス）内の見出し --*/
.accordionMenu__box .accordionMenu__contents .menu_title {
/*インデックスごとの線*/
border-top: 1px solid #ccc;
/*インデックス見出しの余白*/
padding: 3px 0;
/*インデックス見出しの文字の大きさ*/
font-size: 13px;
/*インデックス見出しの文字の太さ*/
font-weight: bold;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
#sb-part-2553.sb-custom-part-m1aphr6qp076dyfwxms .accordionMenu__box .accordionMenu__contents .menu_title:first-of-type {
border-top: none;
}
#sb-part-2553.sb-custom-part-m1aphr6qp076dyfwxms .accordionMenu__box .accordionMenu__contents .menu_title .menu_titleBox {
width: calc(100% - 30px);
}
#sb-part-2553.sb-custom-part-m1aphr6qp076dyfwxms
/*-- インデックスのボタン部分 --*/
.accordionMenu__box .accordionMenu__contents .menu_title .menutoggle_btn {
/*ボタンの横幅*/
width: 20px;
/*ボタンの高さ*/
height: 20px;
/*ボタンの色*/
background: #000;
border: none;
padding: 1px 6px;
cursor: pointer;
}
#sb-part-2553.sb-custom-part-m1aphr6qp076dyfwxms .accordionMenu__box .accordionMenu__contents .menu_title .menutoggle_btn:before {
content: '';
display: block;
position: relative;
top: -1px;
left: 2px;
width: 4px;
height: 4px;
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
/*ボタン内の矢印の色*/
border-top: 1px solid #fff;
border-right: 1px solid #fff;
}
#sb-part-2553.sb-custom-part-m1aphr6qp076dyfwxms .accordionMenu__box .accordionMenu__contents .menu_title .menutoggle_btn.active:before {
content: '';
top: 0;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
#sb-part-2553.sb-custom-part-m1aphr6qp076dyfwxms
/*-- インデックス詳細部分 --*/
.accordionMenu__box .accordionMenu__contents .menu_content {
/*文字の大きさ*/
font-size: 16px;
/*コンテンツ左側の余白（不要の場合は「0」としてください）*/
margin-left: 1rem;
/*コンテンツが表示されている時の下側の余白*/
padding-bottom: 10px;
display: none;
}
#sb-part-2553.sb-custom-part-m1aphr6qp076dyfwxms .iframe-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
}
#sb-part-2553.sb-custom-part-m1aphr6qp076dyfwxms .iframe-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/* sb-custom-part-m4gbldj2rcweoke9cp */
#sb-part-14762.sb-custom-part-m4gbldj2rcweoke9cp .main {
margin: 0px -5px 0 -5px !important;
max-width: unset;
}
#sb-part-14762.sb-custom-part-m4gbldj2rcweoke9cp img {
width: 100%;
}
#sb-part-14762.sb-custom-part-m4gbldj2rcweoke9cp .pr-text {
text-align: right;
font-size: 10px;
color: #bbbbbb;
white-space: nowrap;
}
/* sb-custom-part-m4gbui422188uw5nm6o */
#sb-part-2272.sb-custom-part-m4gbui422188uw5nm6o h2 {
/*文字サイズを指定*/
font-size: 1.1em;
/* カラーコードで下線の色指定*/
border-bottom: 1px solid #6495ED;
/* カラーコードで左ラインの色指定*/
border-left: 6px solid #6495ED;
/*高さを数字で指定*/
line-height: 1.4;
/*フォントの太さを指定。100、200、300、400、500、600、700、800、900。フォント種類により数値を上下させても変化しないことがあります。*/
font-weight: 600;
padding: 0 0 10px 15px;
margin: 30px 0 30px;
letter-spacing: .05em;
}
/* sb-custom-part-m4gd1ogodug2342heyo */
#sb-part-12085.sb-custom-part-m4gd1ogodug2342heyo .box {
/*ボックスの周りの余白。上下｜左右*/
margin: 1em auto;
/*ボックスの背景色*/
background: #F0F8FF;
/*ボックスの角を丸める*/
border-radius: 4px;
/*ボックスの線。線の種類｜線の色｜線の太さ*/
border: solid #4169E1 1px;
/*ボックスの幅*/
max-width: 100%;
/*ボックスの内側の余白。上｜右｜下｜左*/
padding: 25px 5px 0px 3px;
position: relative;
box-sizing: border-box;
}
#sb-part-12085.sb-custom-part-m4gd1ogodug2342heyo .box .box-title {
/*見出しの背景色*/
background: #6495ED;
/*見出しの文字の色*/
color: #fff;
/*見出しの文字の太さ*/
font-weight: bold;
/*見出し文字のサイズ*/
font-size: 18px;
/*文字の水平方向の配置。左寄せはleft、真ん中はcenter*/
text-align: center;
/*見出し部分の角丸。上｜右｜下｜左*/
border-radius: 4px 4px 0px 0px;
position: absolute;
line-height: 2;
padding: 1px;
letter-spacing: .05em;
left: 0;
top: 0;
width: 100%;
margin: 0;
box-sizing: border-box;
}
#sb-part-12085.sb-custom-part-m4gd1ogodug2342heyo .box ol {
padding: 0;
position: relative;
padding-top: 3px;
margin-left: 0;
list-style-type: none;
border: 0;
counter-reset: number;
}
#sb-part-12085.sb-custom-part-m4gd1ogodug2342heyo .box ol li {
/*リスト文字の色*/
color: #333;
list-style-type: none;
padding: .5em 0 .5em 3em;
line-height: 1.6;
}
#sb-part-12085.sb-custom-part-m4gd1ogodug2342heyo .box li::before {
color: #fff;
background: #1E90FF;
display: inline-block;
position: absolute;
width: 25px;
height: 25px;
border-radius: 50%;
color: white;
font-size: 15px;
font-weight: bold;
text-align: center;
vertical-align: middle;
line-height: 25px;
content: counter(number);
counter-increment: number;
left: 10px;
margin-left: 0;
}
/* sb-custom-part-m4gda21ugdsie2gqsaq */
#sb-part-12085.sb-custom-part-m4gda21ugdsie2gqsaq .box {
/*ボックスの周りの余白。上下｜左右*/
margin: 1em auto;
/*ボックスの背景色*/
background: #F0F8FF;
/*ボックスの角を丸める*/
border-radius: 4px;
/*ボックスの線。線の種類｜線の色｜線の太さ*/
border: solid #4169E1 1px;
/*ボックスの幅*/
max-width: 100%;
/*ボックスの内側の余白。上｜右｜下｜左*/
padding: 25px 5px 0px 3px;
position: relative;
box-sizing: border-box;
}
#sb-part-12085.sb-custom-part-m4gda21ugdsie2gqsaq .box .box-title {
/*見出しの背景色*/
background: #6495ED;
/*見出しの文字の色*/
color: #fff;
/*見出しの文字の太さ*/
font-weight: bold;
/*見出し文字のサイズ*/
font-size: 18px;
/*文字の水平方向の配置。左寄せはleft、真ん中はcenter*/
text-align: center;
/*見出し部分の角丸。上｜右｜下｜左*/
border-radius: 4px 4px 0px 0px;
position: absolute;
line-height: 2;
padding: 1px;
letter-spacing: .05em;
left: 0;
top: 0;
width: 100%;
margin: 0;
box-sizing: border-box;
}
#sb-part-12085.sb-custom-part-m4gda21ugdsie2gqsaq .box ol {
padding: 0;
position: relative;
padding-top: 3px;
margin-left: 0;
list-style-type: none;
border: 0;
counter-reset: number;
}
#sb-part-12085.sb-custom-part-m4gda21ugdsie2gqsaq .box ol li {
/*リスト文字の色*/
color: #333;
list-style-type: none;
padding: .5em 0 .5em 3em;
line-height: 1.6;
}
#sb-part-12085.sb-custom-part-m4gda21ugdsie2gqsaq .box li::before {
color: #fff;
background: #1E90FF;
display: inline-block;
position: absolute;
width: 25px;
height: 25px;
border-radius: 50%;
color: white;
font-size: 15px;
font-weight: bold;
text-align: center;
vertical-align: middle;
line-height: 25px;
content: counter(number);
counter-increment: number;
left: 10px;
margin-left: 0;
}
/* sb-custom-part-mich2my2vo1qob8alv */
#sb-part-7447.sb-custom-part-mich2my2vo1qob8alv .box-ad {
border: 6px solid #8eafed;
border-radius: 4px;
padding: 10px;
}
#sb-part-7447.sb-custom-part-mich2my2vo1qob8alv .box-ad strong {
color: #d21336;
font-style: normal;
}
#sb-part-7447.sb-custom-part-mich2my2vo1qob8alv .box-ad .title {
color: #000000;
font-size: 22px;
font-weight: bold;
border-bottom: 1px dotted #696969;
margin: 0;
}
#sb-part-7447.sb-custom-part-mich2my2vo1qob8alv .box-ad .wrap-subtitle {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 1.2em 0;
}
#sb-part-7447.sb-custom-part-mich2my2vo1qob8alv .box-ad .wrap-subtitle .subtitle {
font-size: 2em;
line-height: 1.2;
padding: 0;
margin: 0;
}
#sb-part-7447.sb-custom-part-mich2my2vo1qob8alv .box-ad .wrap-subtitle .subtitle>img {
display: inline-block !important;
vertical-align: bottom;
}
#sb-part-7447.sb-custom-part-mich2my2vo1qob8alv .box-ad .star-rate {
position: relative;
font-size: 1.5em;
letter-spacing: -0.2em;
color: #efbb5a;
}
#sb-part-7447.sb-custom-part-mich2my2vo1qob8alv .box-ad .star-rate>span {
position: absolute;
display: block;
top: -50%;
left: -100%;
letter-spacing: normal;
font-size: 0.8em;
color: #244b73;
font-weight: 700;
background-color: #90c4bd;
padding: 0.5em;
border-radius: 50%;
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
}
#sb-part-7447.sb-custom-part-mich2my2vo1qob8alv .box-ad .star-rate>span::before {
content: "";
position: absolute;
display: block;
width: 0;
height: 0;
right: 12px;
bottom: -4px;
border-right: 16px solid #90c4bd;
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
}
#sb-part-7447.sb-custom-part-mich2my2vo1qob8alv .box-ad .wrap-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
width: 100%;
}
#sb-part-7447.sb-custom-part-mich2my2vo1qob8alv .box-ad .wrap-item>figure {
margin: 0 0.5px 0 0;
}
#sb-part-7447.sb-custom-part-mich2my2vo1qob8alv .box-ad .wrap-item .txt {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
}
#sb-part-7447.sb-custom-part-mich2my2vo1qob8alv .box-ad .wrap-item table {
width: 100%;
table-layout: fixed;
border-collapse: collapse;
text-align: center;
}
#sb-part-7447.sb-custom-part-mich2my2vo1qob8alv .box-ad .wrap-item table th {
border: 1.3px solid #ff99a8;
font-size: 13px;
background-color: #ffe6e9;
padding: 0.4em;
}
#sb-part-7447.sb-custom-part-mich2my2vo1qob8alv .box-ad .wrap-item table td {
border: 1.3px solid #ff99a8;
font-size: 13px;
background-color: #ffffff;
padding: 0.4em;
font-weight: bold;
}
#sb-part-7447.sb-custom-part-mich2my2vo1qob8alv .box-ad .wrap-item ul {
font-weight: 700;
margin: 0 0 1em;
list-style: disc;
}
#sb-part-7447.sb-custom-part-mich2my2vo1qob8alv .box-ad .wrap-tags {
font-weight: 700;
}
#sb-part-7447.sb-custom-part-mich2my2vo1qob8alv .box-ad .wrap-tags ul {
list-style: none;
padding: 0;
font-weight: normal;
display: inline-block;
}
#sb-part-7447.sb-custom-part-mich2my2vo1qob8alv .box-ad .wrap-tags ul>li {
display: inline-block;
font-size: 0.8em;
border: 1px solid #f58719;
color: #f58719;
padding: 0.1em 0.4em;
}
#sb-part-7447.sb-custom-part-mich2my2vo1qob8alv .box-ad .wrap-tags ul>li.no {
border-color: #999999;
color: #999999;
text-decoration: line-through;
}
#sb-part-7447.sb-custom-part-mich2my2vo1qob8alv .box-ad .balloon {
position: relative;
width: 60%;
margin: 0 auto;
color: #fff;
background-color: #92c24d;
text-align: center;
padding: 0.2em;
border-radius: 1.1em;
}
#sb-part-7447.sb-custom-part-mich2my2vo1qob8alv .box-ad .balloon::before {
content: "";
position: absolute;
top: 100%;
left: 50%;
margin-left: -10px;
border: 10px solid transparent;
border-top: 10px solid #92c24d;
}
#sb-part-7447.sb-custom-part-mich2my2vo1qob8alv .box-ad .wrap-btn {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
text-align: center;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin-top: 1.2em;
}
#sb-part-7447.sb-custom-part-mich2my2vo1qob8alv .box-ad .wrap-btn .link1 {
-ms-flex-preferred-size: 39%;
flex-basis: 39%;
}
#sb-part-7447.sb-custom-part-mich2my2vo1qob8alv .box-ad .wrap-btn .link1 a {
font-size: 1.2em;
display: block;
padding: 1em;
text-decoration: none;
color: #fff;
font-weight: 700;
background-image: -webkit-gradient(linear, left top, left bottom, from(#bfc2bf), color-stop(50%, #bcbfbc), color-stop(51%, #a9a9a9), to(#cacaca));
background-image: linear-gradient(to bottom, #bfc2bf 0%, #bcbfbc 50%, #a9a9a9 51%, #cacaca 100%);
border-bottom: solid 3px #939393;
border-radius: 4px;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
#sb-part-7447.sb-custom-part-mich2my2vo1qob8alv .box-ad .wrap-btn .link1 a:hover {
-webkit-transform: translateY(3px);
transform: translateY(3px);
-webkit-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
border-bottom: solid 1px #939393;
}
#sb-part-7447.sb-custom-part-mich2my2vo1qob8alv .box-ad .wrap-btn .link2 {
-ms-flex-preferred-size: 60%;
flex-basis: 100%;
}
#sb-part-7447.sb-custom-part-mich2my2vo1qob8alv .box-ad .wrap-btn .link2 a {
position: relative;
font-size: 1.2em;
display: block;
padding: 1em;
text-decoration: none;
color: #fff;
font-weight: 700;
background-color: #66cdaa;
border-bottom: solid 3px #3cb371;
border-radius: 4px;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
#sb-part-7447.sb-custom-part-mich2my2vo1qob8alv .box-ad .wrap-btn .link2 a::before {
content: "";
position: absolute;
right: 1em;
font-size: 0.8em;
margin-top: 0.2em;
}
#sb-part-7447.sb-custom-part-mich2my2vo1qob8alv .box-ad .wrap-btn .link2 a:hover {
-webkit-transform: translateY(3px);
transform: translateY(3px);
-webkit-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
border-bottom: solid 1px #ad5515;
}
#sb-part-7447.sb-custom-part-mich2my2vo1qob8alv article {
font-size: 12px;
line-height: 1.2
}
#sb-part-7447.sb-custom-part-mich2my2vo1qob8alv .container {
padding: 9px 14px;
border: 1px solid #E6ECF0;
border-radius: 10px;
}
#sb-part-7447.sb-custom-part-mich2my2vo1qob8alv .img {
width: 100%;
height: auto;
}
#sb-part-7447.sb-custom-part-mich2my2vo1qob8alv .reviewer {
display: flex;
}
#sb-part-7447.sb-custom-part-mich2my2vo1qob8alv .reviewer-img-wrapper {
margin-right: 3px;
width: 25px;
}
#sb-part-7447.sb-custom-part-mich2my2vo1qob8alv .reviewer-info {
display: flex;
align-items: center;
flex-wrap: wrap;
color: #765555;
}
#sb-part-7447.sb-custom-part-mich2my2vo1qob8alv .reviewer-name {
display: flex;
margin-right: 10px;
font-size: 15px;
color: #000000;
font-weight: bold
}
#sb-part-7447.sb-custom-part-mich2my2vo1qob8alv .reviewer-age {
display: flex;
color: #000000;
}
#sb-part-7447.sb-custom-part-mich2my2vo1qob8alv .reviewer-attr {
display: flex;
color: #000000;
margin-right: 10px;
}
#sb-part-7447.sb-custom-part-mich2my2vo1qob8alv .reviewer-attr:before {
content: '/';
margin: 0 5px;
}
#sb-part-7447.sb-custom-part-mich2my2vo1qob8alv .reviewer-reviews {
display: flex;
margin-right: 5px;
}
#sb-part-7447.sb-custom-part-mich2my2vo1qob8alv .stars-count {
color: black;
font-weight: bold;
}
#sb-part-7447.sb-custom-part-mich2my2vo1qob8alv .star {
position: relative;
display: inline-block;
width: 0;
height: 0;
margin-left: .5em;
margin-right: .5em;
margin-bottom: 1em;
border-right: .3em solid transparent;
border-bottom: .7em solid #FC0;
border-left: .3em solid transparent;
/* Controlls the size of the stars. */
font-size: 7px;
}
#sb-part-7447.sb-custom-part-mich2my2vo1qob8alv .star:before,
#sb-part-7447.sb-custom-part-mich2my2vo1qob8alv .star:after {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
top: .6em;
left: -1em;
border-right: 1em solid transparent;
border-bottom: .7em solid #FC0;
border-left: 1em solid transparent;
transform: rotate(-35deg);
}
#sb-part-7447.sb-custom-part-mich2my2vo1qob8alv .star:after {
transform: rotate(35deg);
}
#sb-part-7447.sb-custom-part-mich2my2vo1qob8alv .tag-wrapper {
margin: 5px 10px 0;
}
#sb-part-7447.sb-custom-part-mich2my2vo1qob8alv .tag {
padding: 3px 6px;
border: 1px solid #ff99a8;
border-radius: 10px;
color: #d2691e;
background-color: #ffe6e9;
font-size: 10px;
}
#sb-part-7447.sb-custom-part-mich2my2vo1qob8alv .main {
margin-top: 10px;
width: 100%;
font-size: 0;
}
#sb-part-7447.sb-custom-part-mich2my2vo1qob8alv .main-img-wrapper {
margin-top: 10px;
display: inline-block;
width: 50%;
}
#sb-part-7447.sb-custom-part-mich2my2vo1qob8alv .main-img-wrapper:not(:first-child) {
margin-top: 3px;
}
#sb-part-7447.sb-custom-part-mich2my2vo1qob8alv .main-text {
margin-block-start: 0;
margin-block-end: 0;
font-size: 15px;
}
#sb-part-7447.sb-custom-part-mich2my2vo1qob8alv footer {
color: #765555;
}
#sb-part-7447.sb-custom-part-mich2my2vo1qob8alv .b-marker {
background: linear-gradient(transparent 60%, #cce5ff 0%);
}
#sb-part-7447.sb-custom-part-mich2my2vo1qob8alv
/* reset */
img {
margin: 0 !important;
}
#sb-part-7447.sb-custom-part-mich2my2vo1qob8alv p {
margin: 0;
}
#sb-part-7447.sb-custom-part-mich2my2vo1qob8alv
/* resetここまで */
.box-ad .list-check {
margin: 1em 0 0;
padding: 0;
list-style: none;
}
#sb-part-7447.sb-custom-part-mich2my2vo1qob8alv .box-ad .list-check>li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-weight: 700;
}
#sb-part-7447.sb-custom-part-mich2my2vo1qob8alv .box-ad .list-check>li::before {
content: "";
display: inline-block;
-ms-flex-negative: 0;
flex-shrink: 0;
margin: 0.1em 0.4em 0 0;
width: 1.2em;
height: 1.2em;
background-repeat: no-repeat;
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22_x31_0%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20512%20512%22%20style%3D%22width%3A%20256px%3B%20height%3A%20256px%3B%20opacity%3A%201%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%23374149%3B%7D%3C%2Fstyle%3E%3Cg%3E%20%3Cpolygon%20class%3D%22st0%22%20points%3D%22221.18%2C250.621%20153.547%2C183.836%2091.934%2C245.453%2091.668%2C245.719%2091.668%2C245.719%2091.614%2C245.773%20221.207%2C374.516%20512%2C83.02%20450.121%2C21.14%20450.121%2C21.136%20450.121%2C21.136%20450.062%2C21.082%20407.187%2C64.109%20348.152%2C123.258%20%22%20style%3D%22fill%3A%20rgb(223%2C%2086%2C%2086)%3B%22%3E%3C%2Fpolygon%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M439.379%2C211.941v-0.113l-50.34%2C50.484V407.5c0%2C18.266-14.883%2C33.078-33.078%2C33.078H83.418%20c-18.266%2C0-33.078-14.813-33.078-33.078V259.578v-13.66V134.957c0-18.192%2C14.812-33.082%2C33.078-33.082h230.188l6.543-6.539%20l25.546-25.59l17.809-17.766c-0.023-0.004-0.047-0.004-0.066-0.004l0.074-0.078c-2.446-0.211-4.962-0.36-7.551-0.36H83.418%20C37.394%2C51.539%2C0%2C89.008%2C0%2C134.957V407.5c0%2C46.028%2C37.394%2C83.418%2C83.418%2C83.418h272.543c45.954%2C0%2C83.418-37.39%2C83.418-83.418%20V292.227l0.058-80.34L439.379%2C211.941z%22%20style%3D%22fill%3A%20rgb(223%2C%2086%2C%2086)%3B%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
#sb-part-7447.sb-custom-part-mich2my2vo1qob8alv .f1 {
color: red;
font-weight: bold;
background: rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #ffff00 0%) repeat scroll 0 0;
}
#sb-part-7447.sb-custom-part-mich2my2vo1qob8alv .f2 {
font-weight: bold;
background: rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #ffff00 0%) repeat scroll 0 0;
}
#sb-part-7447.sb-custom-part-mich2my2vo1qob8alv .f3 {
font-weight: bold;
color: red;
}
#sb-part-7447.sb-custom-part-mich2my2vo1qob8alv
/*ボタンの設定*/
.auraBtn {
position: relative;
/*幅サイズを変更する場合は下記数値を変更ください*/
width: 90%;
/*ボタンの外側の余白 1番目の値は上下余白、2番目の値は左右余白auto（=中央揃えするため）*/
margin: 2em auto;
}
#sb-part-7447.sb-custom-part-mich2my2vo1qob8alv
/*ボタンが広がるアニメーション（1番目）*/
.auraBtn:before {
/*アニメーションの設定 変更する場合は該当場所を修正してください。
アニメーション名、動きの速さ.2s（=0.2秒）、動き具合、動く回数*/
animation: auraBtn 2s ease-out infinite
}
#sb-part-7447.sb-custom-part-mich2my2vo1qob8alv
/*ボタンが広がるアニメーション（2番目）*/
.auraBtn:after {
/*アニメーションの設定 変更する場合は該当場所を修正してください。
アニメーション名、動きの速さ.2s（=0.2秒）、動き具合、動くタイミング1s(=1秒後）、動く回数*/
animation: auraBtn 2s ease-out 1s infinite
}
#sb-part-7447.sb-custom-part-mich2my2vo1qob8alv
/*ボタンが広がるアニメーション（共通設定）*/
.auraBtn:before,
#sb-part-7447.sb-custom-part-mich2my2vo1qob8alv .auraBtn:after {
content: "";
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
/*ボタンの角丸*/
border-radius: 100vh;
/*広がるボタンの色(green, red, blue以外の場合はここを修正してください）*/
background: #66cdaa;
/*広がるボタンの初期位置*/
transform: translate3d(0, 0, 0);
}
#sb-part-7447.sb-custom-part-mich2my2vo1qob8alv
/*ボタン自体の設定*/
.auraBtn a {
/*文字の色*/
color: #fff;
/*文字の太さ*/
font-weight: 600;
display: block;
/*内側の余白 1番目の値は上下余白、2番目の値は左右余白*/
padding: 20px 0;
/*ボタンの角丸*/
border-radius: 100vh;
/*ボタン内テキストの水平方向の位置*/
text-align: center;
/*リンクの装飾*/
text-decoration: none;
/*ボタンの色(green, red, blue以外の場合はここを修正してください）*/
background: #66cdaa;
position: relative;
z-index: 1;
}
#sb-part-7447.sb-custom-part-mich2my2vo1qob8alv
/*ボタン右側の矢印の設定*/
.auraBtn a span {
display: block;
position: relative;
}
#sb-part-7447.sb-custom-part-mich2my2vo1qob8alv .auraBtn a span:after {
content: "";
position: absolute;
/*矢印の位置*/
top: calc(50% - 4px);
right: 25px;
/*矢印の横幅*/
width: 8px;
/*矢印の高さ*/
height: 8px;
/*矢印の線 太さ、線種、色*/
border-right: 2px solid #fff;
border-top: 2px solid #fff;
/*矢印の回転角度*/
-webkit-transform: rotate(45deg);
transform: rotate(45deg)
}
#sb-part-7447.sb-custom-part-mich2my2vo1qob8alv
/*赤の場合の色*/
.auraBtn.red a {
background: #ff5555;
}
#sb-part-7447.sb-custom-part-mich2my2vo1qob8alv .auraBtn.red:before,
#sb-part-7447.sb-custom-part-mich2my2vo1qob8alv .auraBtn.red:after {
background: #ffaaae;
border: 1px solid #ff999e;
}
#sb-part-7447.sb-custom-part-mich2my2vo1qob8alv
/*青の場合の色*/
.auraBtn.blue a {
background: #389aff;
}
#sb-part-7447.sb-custom-part-mich2my2vo1qob8alv .auraBtn.blue:before,
#sb-part-7447.sb-custom-part-mich2my2vo1qob8alv .auraBtn.blue:after {
background: #389aff;
border: 1px solid #389aff;
}
/* sb-custom-part-ma1x77u7e8fbwpxunyi */
#sb-part-7448.sb-custom-part-ma1x77u7e8fbwpxunyi .box-ad {
border: 6px solid #8eafed;
border-radius: 4px;
padding: 10px;
}
#sb-part-7448.sb-custom-part-ma1x77u7e8fbwpxunyi .box-ad strong {
color: #d21336;
font-style: normal;
}
#sb-part-7448.sb-custom-part-ma1x77u7e8fbwpxunyi .box-ad .title {
color: #000000;
font-size: 22px;
font-weight: bold;
border-bottom: 1px dotted #696969;
margin: 0;
}
#sb-part-7448.sb-custom-part-ma1x77u7e8fbwpxunyi .box-ad .wrap-subtitle {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 1.2em 0;
}
#sb-part-7448.sb-custom-part-ma1x77u7e8fbwpxunyi .box-ad .wrap-subtitle .subtitle {
font-size: 2em;
line-height: 1.2;
padding: 0;
margin: 0;
}
#sb-part-7448.sb-custom-part-ma1x77u7e8fbwpxunyi .box-ad .wrap-subtitle .subtitle>img {
display: inline-block !important;
vertical-align: bottom;
}
#sb-part-7448.sb-custom-part-ma1x77u7e8fbwpxunyi .box-ad .star-rate {
position: relative;
font-size: 1.5em;
letter-spacing: -0.2em;
color: #efbb5a;
}
#sb-part-7448.sb-custom-part-ma1x77u7e8fbwpxunyi .box-ad .star-rate>span {
position: absolute;
display: block;
top: -50%;
left: -100%;
letter-spacing: normal;
font-size: 0.8em;
color: #244b73;
font-weight: 700;
background-color: #90c4bd;
padding: 0.5em;
border-radius: 50%;
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
}
#sb-part-7448.sb-custom-part-ma1x77u7e8fbwpxunyi .box-ad .star-rate>span::before {
content: "";
position: absolute;
display: block;
width: 0;
height: 0;
right: 12px;
bottom: -4px;
border-right: 16px solid #90c4bd;
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
}
#sb-part-7448.sb-custom-part-ma1x77u7e8fbwpxunyi .box-ad .wrap-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
width: 100%;
}
#sb-part-7448.sb-custom-part-ma1x77u7e8fbwpxunyi .box-ad .wrap-item>figure {
margin: 0 0.5px 0 0;
}
#sb-part-7448.sb-custom-part-ma1x77u7e8fbwpxunyi .box-ad .wrap-item .txt {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
}
#sb-part-7448.sb-custom-part-ma1x77u7e8fbwpxunyi .box-ad .wrap-item table {
width: 100%;
table-layout: fixed;
border-collapse: collapse;
text-align: center;
}
#sb-part-7448.sb-custom-part-ma1x77u7e8fbwpxunyi .box-ad .wrap-item table th {
border: 1.3px solid #ff99a8;
font-size: 13px;
background-color: #ffe6e9;
padding: 0.4em;
}
#sb-part-7448.sb-custom-part-ma1x77u7e8fbwpxunyi .box-ad .wrap-item table td {
border: 1.3px solid #ff99a8;
font-size: 13px;
background-color: #ffffff;
padding: 0.4em;
font-weight: bold;
}
#sb-part-7448.sb-custom-part-ma1x77u7e8fbwpxunyi .box-ad .wrap-item ul {
font-weight: 700;
margin: 0 0 1em;
list-style: disc;
}
#sb-part-7448.sb-custom-part-ma1x77u7e8fbwpxunyi .box-ad .wrap-tags {
font-weight: 700;
}
#sb-part-7448.sb-custom-part-ma1x77u7e8fbwpxunyi .box-ad .wrap-tags ul {
list-style: none;
padding: 0;
font-weight: normal;
display: inline-block;
}
#sb-part-7448.sb-custom-part-ma1x77u7e8fbwpxunyi .box-ad .wrap-tags ul>li {
display: inline-block;
font-size: 0.8em;
border: 1px solid #f58719;
color: #f58719;
padding: 0.1em 0.4em;
}
#sb-part-7448.sb-custom-part-ma1x77u7e8fbwpxunyi .box-ad .wrap-tags ul>li.no {
border-color: #999999;
color: #999999;
text-decoration: line-through;
}
#sb-part-7448.sb-custom-part-ma1x77u7e8fbwpxunyi .box-ad .balloon {
position: relative;
width: 60%;
margin: 0 auto;
color: #fff;
background-color: #92c24d;
text-align: center;
padding: 0.2em;
border-radius: 1.1em;
}
#sb-part-7448.sb-custom-part-ma1x77u7e8fbwpxunyi .box-ad .balloon::before {
content: "";
position: absolute;
top: 100%;
left: 50%;
margin-left: -10px;
border: 10px solid transparent;
border-top: 10px solid #92c24d;
}
#sb-part-7448.sb-custom-part-ma1x77u7e8fbwpxunyi .box-ad .wrap-btn {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
text-align: center;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin-top: 1.2em;
}
#sb-part-7448.sb-custom-part-ma1x77u7e8fbwpxunyi .box-ad .wrap-btn .link1 {
-ms-flex-preferred-size: 39%;
flex-basis: 39%;
}
#sb-part-7448.sb-custom-part-ma1x77u7e8fbwpxunyi .box-ad .wrap-btn .link1 a {
font-size: 1.2em;
display: block;
padding: 1em;
text-decoration: none;
color: #fff;
font-weight: 700;
background-image: -webkit-gradient(linear, left top, left bottom, from(#bfc2bf), color-stop(50%, #bcbfbc), color-stop(51%, #a9a9a9), to(#cacaca));
background-image: linear-gradient(to bottom, #bfc2bf 0%, #bcbfbc 50%, #a9a9a9 51%, #cacaca 100%);
border-bottom: solid 3px #939393;
border-radius: 4px;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
#sb-part-7448.sb-custom-part-ma1x77u7e8fbwpxunyi .box-ad .wrap-btn .link1 a:hover {
-webkit-transform: translateY(3px);
transform: translateY(3px);
-webkit-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
border-bottom: solid 1px #939393;
}
#sb-part-7448.sb-custom-part-ma1x77u7e8fbwpxunyi .box-ad .wrap-btn .link2 {
-ms-flex-preferred-size: 60%;
flex-basis: 100%;
}
#sb-part-7448.sb-custom-part-ma1x77u7e8fbwpxunyi .box-ad .wrap-btn .link2 a {
position: relative;
font-size: 1.2em;
display: block;
padding: 1em;
text-decoration: none;
color: #fff;
font-weight: 700;
background-color: #66cdaa;
border-bottom: solid 3px #3cb371;
border-radius: 4px;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
#sb-part-7448.sb-custom-part-ma1x77u7e8fbwpxunyi .box-ad .wrap-btn .link2 a::before {
content: "";
position: absolute;
right: 1em;
font-size: 0.8em;
margin-top: 0.2em;
}
#sb-part-7448.sb-custom-part-ma1x77u7e8fbwpxunyi .box-ad .wrap-btn .link2 a:hover {
-webkit-transform: translateY(3px);
transform: translateY(3px);
-webkit-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
border-bottom: solid 1px #ad5515;
}
#sb-part-7448.sb-custom-part-ma1x77u7e8fbwpxunyi article {
font-size: 12px;
line-height: 1.2
}
#sb-part-7448.sb-custom-part-ma1x77u7e8fbwpxunyi .container {
padding: 9px 14px;
border: 1px solid #E6ECF0;
border-radius: 10px;
}
#sb-part-7448.sb-custom-part-ma1x77u7e8fbwpxunyi .img {
width: 100%;
height: auto;
}
#sb-part-7448.sb-custom-part-ma1x77u7e8fbwpxunyi .reviewer {
display: flex;
}
#sb-part-7448.sb-custom-part-ma1x77u7e8fbwpxunyi .reviewer-img-wrapper {
margin-right: 3px;
width: 25px;
}
#sb-part-7448.sb-custom-part-ma1x77u7e8fbwpxunyi .reviewer-info {
display: flex;
align-items: center;
flex-wrap: wrap;
color: #765555;
}
#sb-part-7448.sb-custom-part-ma1x77u7e8fbwpxunyi .reviewer-name {
display: flex;
margin-right: 10px;
font-size: 15px;
color: #000000;
font-weight: bold
}
#sb-part-7448.sb-custom-part-ma1x77u7e8fbwpxunyi .reviewer-age {
display: flex;
color: #000000;
}
#sb-part-7448.sb-custom-part-ma1x77u7e8fbwpxunyi .reviewer-attr {
display: flex;
color: #000000;
margin-right: 10px;
}
#sb-part-7448.sb-custom-part-ma1x77u7e8fbwpxunyi .reviewer-attr:before {
content: '/';
margin: 0 5px;
}
#sb-part-7448.sb-custom-part-ma1x77u7e8fbwpxunyi .reviewer-reviews {
display: flex;
margin-right: 5px;
}
#sb-part-7448.sb-custom-part-ma1x77u7e8fbwpxunyi .stars-count {
color: black;
font-weight: bold;
}
#sb-part-7448.sb-custom-part-ma1x77u7e8fbwpxunyi .star {
position: relative;
display: inline-block;
width: 0;
height: 0;
margin-left: .5em;
margin-right: .5em;
margin-bottom: 1em;
border-right: .3em solid transparent;
border-bottom: .7em solid #FC0;
border-left: .3em solid transparent;
/* Controlls the size of the stars. */
font-size: 7px;
}
#sb-part-7448.sb-custom-part-ma1x77u7e8fbwpxunyi .star:before,
#sb-part-7448.sb-custom-part-ma1x77u7e8fbwpxunyi .star:after {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
top: .6em;
left: -1em;
border-right: 1em solid transparent;
border-bottom: .7em solid #FC0;
border-left: 1em solid transparent;
transform: rotate(-35deg);
}
#sb-part-7448.sb-custom-part-ma1x77u7e8fbwpxunyi .star:after {
transform: rotate(35deg);
}
#sb-part-7448.sb-custom-part-ma1x77u7e8fbwpxunyi .tag-wrapper {
margin: 5px 10px 0;
}
#sb-part-7448.sb-custom-part-ma1x77u7e8fbwpxunyi .tag {
padding: 3px 6px;
border: 1px solid #ff99a8;
border-radius: 10px;
color: #d2691e;
background-color: #ffe6e9;
font-size: 10px;
}
#sb-part-7448.sb-custom-part-ma1x77u7e8fbwpxunyi .main {
margin-top: 10px;
width: 100%;
font-size: 0;
}
#sb-part-7448.sb-custom-part-ma1x77u7e8fbwpxunyi .main-img-wrapper {
margin-top: 10px;
display: inline-block;
width: 50%;
}
#sb-part-7448.sb-custom-part-ma1x77u7e8fbwpxunyi .main-img-wrapper:not(:first-child) {
margin-top: 3px;
}
#sb-part-7448.sb-custom-part-ma1x77u7e8fbwpxunyi .main-text {
margin-block-start: 0;
margin-block-end: 0;
font-size: 15px;
}
#sb-part-7448.sb-custom-part-ma1x77u7e8fbwpxunyi footer {
color: #765555;
}
#sb-part-7448.sb-custom-part-ma1x77u7e8fbwpxunyi .b-marker {
background: linear-gradient(transparent 60%, #cce5ff 0%);
}
#sb-part-7448.sb-custom-part-ma1x77u7e8fbwpxunyi
/* reset */
img {
margin: 0 !important;
}
#sb-part-7448.sb-custom-part-ma1x77u7e8fbwpxunyi p {
margin: 0;
}
#sb-part-7448.sb-custom-part-ma1x77u7e8fbwpxunyi
/* resetここまで */
.box-ad .list-check {
margin: 1em 0 0;
padding: 0;
list-style: none;
}
#sb-part-7448.sb-custom-part-ma1x77u7e8fbwpxunyi .box-ad .list-check>li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-weight: 700;
}
#sb-part-7448.sb-custom-part-ma1x77u7e8fbwpxunyi .box-ad .list-check>li::before {
content: "";
display: inline-block;
-ms-flex-negative: 0;
flex-shrink: 0;
margin: 0.1em 0.4em 0 0;
width: 1.2em;
height: 1.2em;
background-repeat: no-repeat;
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22_x31_0%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20512%20512%22%20style%3D%22width%3A%20256px%3B%20height%3A%20256px%3B%20opacity%3A%201%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%23374149%3B%7D%3C%2Fstyle%3E%3Cg%3E%20%3Cpolygon%20class%3D%22st0%22%20points%3D%22221.18%2C250.621%20153.547%2C183.836%2091.934%2C245.453%2091.668%2C245.719%2091.668%2C245.719%2091.614%2C245.773%20221.207%2C374.516%20512%2C83.02%20450.121%2C21.14%20450.121%2C21.136%20450.121%2C21.136%20450.062%2C21.082%20407.187%2C64.109%20348.152%2C123.258%20%22%20style%3D%22fill%3A%20rgb(223%2C%2086%2C%2086)%3B%22%3E%3C%2Fpolygon%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M439.379%2C211.941v-0.113l-50.34%2C50.484V407.5c0%2C18.266-14.883%2C33.078-33.078%2C33.078H83.418%20c-18.266%2C0-33.078-14.813-33.078-33.078V259.578v-13.66V134.957c0-18.192%2C14.812-33.082%2C33.078-33.082h230.188l6.543-6.539%20l25.546-25.59l17.809-17.766c-0.023-0.004-0.047-0.004-0.066-0.004l0.074-0.078c-2.446-0.211-4.962-0.36-7.551-0.36H83.418%20C37.394%2C51.539%2C0%2C89.008%2C0%2C134.957V407.5c0%2C46.028%2C37.394%2C83.418%2C83.418%2C83.418h272.543c45.954%2C0%2C83.418-37.39%2C83.418-83.418%20V292.227l0.058-80.34L439.379%2C211.941z%22%20style%3D%22fill%3A%20rgb(223%2C%2086%2C%2086)%3B%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
#sb-part-7448.sb-custom-part-ma1x77u7e8fbwpxunyi .f1 {
color: red;
font-weight: bold;
background: rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #ffff00 0%) repeat scroll 0 0;
}
#sb-part-7448.sb-custom-part-ma1x77u7e8fbwpxunyi .f2 {
font-weight: bold;
background: rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #ffff00 0%) repeat scroll 0 0;
}
#sb-part-7448.sb-custom-part-ma1x77u7e8fbwpxunyi .f3 {
font-weight: bold;
color: red;
}
/* sb-custom-part-md59fa3uriryzvuicv */
#sb-part-11498.sb-custom-part-md59fa3uriryzvuicv .review {
/*最大幅の指定。max-widthで指定した値の最大幅以上には広がらずに表示*/
max-width: 580px;
/*行間調整*/
line-height: 1.5;
margin: 0 auto;
box-sizing: border-box;
}
#sb-part-11498.sb-custom-part-md59fa3uriryzvuicv .in {
box-sizing: border-box;
position: relative;
/*枠内側の余白*/
padding: 17px;
/*背景色*/
background: #fff;
/*角を丸くする*/
border-radius: 6px;
/*線の指定。左から線の太さ、線の種類、線の色*/
border: 1px solid #ccc;
/*影の指定。左から水平方向の距離、垂直方向の距離、影の色*/
box-shadow: 3px 3px #ffc7d3;
}
#sb-part-11498.sb-custom-part-md59fa3uriryzvuicv .kuchikomi {
/*クチコミ部分の文章周りの余白。上の余白、左右の余白、下の余白*/
margin: 12px 0;
}
#sb-part-11498.sb-custom-part-md59fa3uriryzvuicv .speech-bubble p {
margin: 0;
}
#sb-part-11498.sb-custom-part-md59fa3uriryzvuicv .evaluation {
font-size: 16px;
max-width: 750px;
margin-left: auto;
margin-right: auto;
}
#sb-part-11498.sb-custom-part-md59fa3uriryzvuicv .evaluation ul {
margin: 0;
padding: 0;
list-style: none;
}
#sb-part-11498.sb-custom-part-md59fa3uriryzvuicv .evaluation-title {
text-align: center;
font-size: 1.5em;
font-weight: 600;
padding-top: 2em;
position: relative;
width: fit-content;
margin: auto;
}
#sb-part-11498.sb-custom-part-md59fa3uriryzvuicv .evaluation-title::before {
content: attr(data-title) "";
position: absolute;
font-size: 2.25em;
opacity: 0.15;
line-height: 1;
font-weight: 700;
left: -1.5em;
bottom: 0.25em;
}
#sb-part-11498.sb-custom-part-md59fa3uriryzvuicv .evaluation-content {
margin: 0 2em;
padding: 1em;
border: solid 3px;
border-radius: 10px;
}
#sb-part-11498.sb-custom-part-md59fa3uriryzvuicv .evaluation-content li {
line-height: 1.5;
position: relative;
padding-left: 2em;
}
#sb-part-11498.sb-custom-part-md59fa3uriryzvuicv .evaluation-content li:not(:first-child) {
margin-top: 0.75em;
}
#sb-part-11498.sb-custom-part-md59fa3uriryzvuicv .evaluation-content li:not(:last-child) {
border-bottom: dashed 2px;
padding-bottom: 0.75em;
}
#sb-part-11498.sb-custom-part-md59fa3uriryzvuicv .evaluation-content li::before {
content: "";
position: absolute;
left: 0;
top: 0.1em;
background: url(../img/9622ec1b-45b1-43bf-8f24-75fd93eab588.webp) no-repeat 0 0/contain;
aspect-ratio: 1/1;
width: 1.5em;
display: block;
margin: 0;
}
#sb-part-11498.sb-custom-part-md59fa3uriryzvuicv .evaluation.good .evaluation-title {
color: #ff5e5e;
}
#sb-part-11498.sb-custom-part-md59fa3uriryzvuicv .evaluation.good .evaluation-content {
border-color: #ff5e5e;
}
#sb-part-11498.sb-custom-part-md59fa3uriryzvuicv .evaluation.good .evaluation-content li:not(:last-child) {
border-color: #ff5e5e;
}
#sb-part-11498.sb-custom-part-md59fa3uriryzvuicv .evaluation.more .evaluation-title {
color: #1d6faa;
}
#sb-part-11498.sb-custom-part-md59fa3uriryzvuicv .evaluation.more .evaluation-content {
border-color: #1d6faa;
}
#sb-part-11498.sb-custom-part-md59fa3uriryzvuicv .evaluation.more .evaluation-content li:not(:last-child) {
border-color: #1d6faa;
}
@media (max-width: 500px) {
#sb-part-11498.sb-custom-part-md59fa3uriryzvuicv .evaluation {
font-size: 3.3vw;
}
#sb-part-11498.sb-custom-part-md59fa3uriryzvuicv .evaluation-title::before {
left: -.5em;
}
}
#sb-part-11498.sb-custom-part-md59fa3uriryzvuicv .ranking {
border-bottom: solid 5px;
position: relative;
font-size: 18px;
display: flex;
align-items: center;
gap: 0.5em;
}
#sb-part-11498.sb-custom-part-md59fa3uriryzvuicv .ranking::before {
content: attr(data-rank) "位";
width: 4.5em;
aspect-ratio: 17/11;
color: #FFF;
font-weight: 600;
z-index: 1;
display: flex;
align-items: center;
justify-content: center;
position: relative;
background: url(../img/dd993cc9-43ce-4e9d-b913-e83dfface518.webp) no-repeat 0 0/contain;
padding-top: 0.25em;
}
#sb-part-11498.sb-custom-part-md59fa3uriryzvuicv .ranking[data-rank="1"] {
border-color: #aca06b;
}
#sb-part-11498.sb-custom-part-md59fa3uriryzvuicv .ranking[data-rank="1"]::before {
background-image: url(../img/1eab8679-44bc-42bf-9f2f-b3c329ed994e.webp);
}
/* sb-custom-part-m4cdpfxrfsskfhedirt */
#sb-part-14762.sb-custom-part-m4cdpfxrfsskfhedirt .main {
margin: 0px -5px 0 -5px !important;
max-width: unset;
}
#sb-part-14762.sb-custom-part-m4cdpfxrfsskfhedirt img {
width: 100%;
}
#sb-part-14762.sb-custom-part-m4cdpfxrfsskfhedirt .pr-text {
text-align: right;
font-size: 10px;
color: #bbbbbb;
white-space: nowrap;
}
/* sb-custom-part-m4cds7ed1o07fmis0gv */
#sb-part-2272.sb-custom-part-m4cds7ed1o07fmis0gv h2 {
/*文字サイズを指定*/
font-size: 1.1em;
/* カラーコードで下線の色指定*/
border-bottom: 1px solid #6495ED;
/* カラーコードで左ラインの色指定*/
border-left: 6px solid #6495ED;
/*高さを数字で指定*/
line-height: 1.4;
/*フォントの太さを指定。100、200、300、400、500、600、700、800、900。フォント種類により数値を上下させても変化しないことがあります。*/
font-weight: 600;
padding: 0 0 10px 15px;
margin: 30px 0 30px;
letter-spacing: .05em;
}
/* sb-custom-part-m4cdt33o1bjn49z10l */
#sb-part-2272.sb-custom-part-m4cdt33o1bjn49z10l h2 {
/*文字サイズを指定*/
font-size: 1.1em;
/* カラーコードで下線の色指定*/
border-bottom: 1px solid #6495ED;
/* カラーコードで左ラインの色指定*/
border-left: 6px solid #6495ED;
/*高さを数字で指定*/
line-height: 1.4;
/*フォントの太さを指定。100、200、300、400、500、600、700、800、900。フォント種類により数値を上下させても変化しないことがあります。*/
font-weight: 600;
padding: 0 0 10px 15px;
margin: 30px 0 30px;
letter-spacing: .05em;
}
/* sb-custom-part-m4ceiybehkiprqahqw4 */
#sb-part-10006.sb-custom-part-m4ceiybehkiprqahqw4 .box {
/*ボックスの周りの余白。上下｜左右*/
margin: 1em auto;
/*ボックスの背景色*/
background: #D8BFD8;
/*ボックスの角を丸める*/
border-radius: 4px;
/*ボックスの線。線の種類｜線の色｜線の太さ*/
border: solid #800080 1px;
/*ボックスの幅*/
max-width: 100%;
/*ボックスの内側の余白。上｜右｜下｜左*/
padding: 40px 5px 0px 10px;
position: relative;
box-sizing: border-box;
}
#sb-part-10006.sb-custom-part-m4ceiybehkiprqahqw4 .box .box-title {
/*見出しの背景色*/
background: #8B008B;
/*見出しの文字の色*/
color: #fff;
/*見出しの文字の太さ*/
font-weight: bold;
/*見出し文字のサイズ*/
font-size: 20px;
/*文字の水平方向の配置。左寄せはleft、真ん中はcenter*/
text-align: center;
/*見出し部分の角丸。上｜右｜下｜左*/
border-radius: 4px 4px 0px 0px;
position: absolute;
line-height: 2;
padding: 1px;
letter-spacing: .05em;
left: 0;
top: 0;
width: 100%;
margin: 0;
box-sizing: border-box;
}
#sb-part-10006.sb-custom-part-m4ceiybehkiprqahqw4 .box ol {
padding: 0;
position: relative;
padding-top: 3px;
margin-left: 0;
list-style-type: none;
border: 0;
counter-reset: number;
}
#sb-part-10006.sb-custom-part-m4ceiybehkiprqahqw4 .box ol li {
/*リスト文字の色*/
color: #333;
list-style-type: none;
padding: .5em 0 .5em 3em;
line-height: 1.6;
}
#sb-part-10006.sb-custom-part-m4ceiybehkiprqahqw4 .box li::before {
color: #fff;
background: #800080;
display: inline-block;
position: absolute;
width: 25px;
height: 25px;
border-radius: 50%;
color: white;
font-size: 15px;
font-weight: bold;
text-align: center;
vertical-align: middle;
line-height: 25px;
content: counter(number);
counter-increment: number;
left: 10px;
margin-left: 0;
}
/* sb-custom-part-mich1t6ky5520j0yvuk */
#sb-part-7447.sb-custom-part-mich1t6ky5520j0yvuk .box-ad {
border: 6px solid #8eafed;
border-radius: 4px;
padding: 10px;
}
#sb-part-7447.sb-custom-part-mich1t6ky5520j0yvuk .box-ad strong {
color: #d21336;
font-style: normal;
}
#sb-part-7447.sb-custom-part-mich1t6ky5520j0yvuk .box-ad .title {
color: #000000;
font-size: 22px;
font-weight: bold;
border-bottom: 1px dotted #696969;
margin: 0;
}
#sb-part-7447.sb-custom-part-mich1t6ky5520j0yvuk .box-ad .wrap-subtitle {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 1.2em 0;
}
#sb-part-7447.sb-custom-part-mich1t6ky5520j0yvuk .box-ad .wrap-subtitle .subtitle {
font-size: 2em;
line-height: 1.2;
padding: 0;
margin: 0;
}
#sb-part-7447.sb-custom-part-mich1t6ky5520j0yvuk .box-ad .wrap-subtitle .subtitle>img {
display: inline-block !important;
vertical-align: bottom;
}
#sb-part-7447.sb-custom-part-mich1t6ky5520j0yvuk .box-ad .star-rate {
position: relative;
font-size: 1.5em;
letter-spacing: -0.2em;
color: #efbb5a;
}
#sb-part-7447.sb-custom-part-mich1t6ky5520j0yvuk .box-ad .star-rate>span {
position: absolute;
display: block;
top: -50%;
left: -100%;
letter-spacing: normal;
font-size: 0.8em;
color: #244b73;
font-weight: 700;
background-color: #90c4bd;
padding: 0.5em;
border-radius: 50%;
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
}
#sb-part-7447.sb-custom-part-mich1t6ky5520j0yvuk .box-ad .star-rate>span::before {
content: "";
position: absolute;
display: block;
width: 0;
height: 0;
right: 12px;
bottom: -4px;
border-right: 16px solid #90c4bd;
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
}
#sb-part-7447.sb-custom-part-mich1t6ky5520j0yvuk .box-ad .wrap-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
width: 100%;
}
#sb-part-7447.sb-custom-part-mich1t6ky5520j0yvuk .box-ad .wrap-item>figure {
margin: 0 0.5px 0 0;
}
#sb-part-7447.sb-custom-part-mich1t6ky5520j0yvuk .box-ad .wrap-item .txt {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
}
#sb-part-7447.sb-custom-part-mich1t6ky5520j0yvuk .box-ad .wrap-item table {
width: 100%;
table-layout: fixed;
border-collapse: collapse;
text-align: center;
}
#sb-part-7447.sb-custom-part-mich1t6ky5520j0yvuk .box-ad .wrap-item table th {
border: 1.3px solid #ff99a8;
font-size: 13px;
background-color: #ffe6e9;
padding: 0.4em;
}
#sb-part-7447.sb-custom-part-mich1t6ky5520j0yvuk .box-ad .wrap-item table td {
border: 1.3px solid #ff99a8;
font-size: 13px;
background-color: #ffffff;
padding: 0.4em;
font-weight: bold;
}
#sb-part-7447.sb-custom-part-mich1t6ky5520j0yvuk .box-ad .wrap-item ul {
font-weight: 700;
margin: 0 0 1em;
list-style: disc;
}
#sb-part-7447.sb-custom-part-mich1t6ky5520j0yvuk .box-ad .wrap-tags {
font-weight: 700;
}
#sb-part-7447.sb-custom-part-mich1t6ky5520j0yvuk .box-ad .wrap-tags ul {
list-style: none;
padding: 0;
font-weight: normal;
display: inline-block;
}
#sb-part-7447.sb-custom-part-mich1t6ky5520j0yvuk .box-ad .wrap-tags ul>li {
display: inline-block;
font-size: 0.8em;
border: 1px solid #f58719;
color: #f58719;
padding: 0.1em 0.4em;
}
#sb-part-7447.sb-custom-part-mich1t6ky5520j0yvuk .box-ad .wrap-tags ul>li.no {
border-color: #999999;
color: #999999;
text-decoration: line-through;
}
#sb-part-7447.sb-custom-part-mich1t6ky5520j0yvuk .box-ad .balloon {
position: relative;
width: 60%;
margin: 0 auto;
color: #fff;
background-color: #92c24d;
text-align: center;
padding: 0.2em;
border-radius: 1.1em;
}
#sb-part-7447.sb-custom-part-mich1t6ky5520j0yvuk .box-ad .balloon::before {
content: "";
position: absolute;
top: 100%;
left: 50%;
margin-left: -10px;
border: 10px solid transparent;
border-top: 10px solid #92c24d;
}
#sb-part-7447.sb-custom-part-mich1t6ky5520j0yvuk .box-ad .wrap-btn {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
text-align: center;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin-top: 1.2em;
}
#sb-part-7447.sb-custom-part-mich1t6ky5520j0yvuk .box-ad .wrap-btn .link1 {
-ms-flex-preferred-size: 39%;
flex-basis: 39%;
}
#sb-part-7447.sb-custom-part-mich1t6ky5520j0yvuk .box-ad .wrap-btn .link1 a {
font-size: 1.2em;
display: block;
padding: 1em;
text-decoration: none;
color: #fff;
font-weight: 700;
background-image: -webkit-gradient(linear, left top, left bottom, from(#bfc2bf), color-stop(50%, #bcbfbc), color-stop(51%, #a9a9a9), to(#cacaca));
background-image: linear-gradient(to bottom, #bfc2bf 0%, #bcbfbc 50%, #a9a9a9 51%, #cacaca 100%);
border-bottom: solid 3px #939393;
border-radius: 4px;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
#sb-part-7447.sb-custom-part-mich1t6ky5520j0yvuk .box-ad .wrap-btn .link1 a:hover {
-webkit-transform: translateY(3px);
transform: translateY(3px);
-webkit-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
border-bottom: solid 1px #939393;
}
#sb-part-7447.sb-custom-part-mich1t6ky5520j0yvuk .box-ad .wrap-btn .link2 {
-ms-flex-preferred-size: 60%;
flex-basis: 100%;
}
#sb-part-7447.sb-custom-part-mich1t6ky5520j0yvuk .box-ad .wrap-btn .link2 a {
position: relative;
font-size: 1.2em;
display: block;
padding: 1em;
text-decoration: none;
color: #fff;
font-weight: 700;
background-color: #66cdaa;
border-bottom: solid 3px #3cb371;
border-radius: 4px;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
#sb-part-7447.sb-custom-part-mich1t6ky5520j0yvuk .box-ad .wrap-btn .link2 a::before {
content: "";
position: absolute;
right: 1em;
font-size: 0.8em;
margin-top: 0.2em;
}
#sb-part-7447.sb-custom-part-mich1t6ky5520j0yvuk .box-ad .wrap-btn .link2 a:hover {
-webkit-transform: translateY(3px);
transform: translateY(3px);
-webkit-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
border-bottom: solid 1px #ad5515;
}
#sb-part-7447.sb-custom-part-mich1t6ky5520j0yvuk article {
font-size: 12px;
line-height: 1.2
}
#sb-part-7447.sb-custom-part-mich1t6ky5520j0yvuk .container {
padding: 9px 14px;
border: 1px solid #E6ECF0;
border-radius: 10px;
}
#sb-part-7447.sb-custom-part-mich1t6ky5520j0yvuk .img {
width: 100%;
height: auto;
}
#sb-part-7447.sb-custom-part-mich1t6ky5520j0yvuk .reviewer {
display: flex;
}
#sb-part-7447.sb-custom-part-mich1t6ky5520j0yvuk .reviewer-img-wrapper {
margin-right: 3px;
width: 25px;
}
#sb-part-7447.sb-custom-part-mich1t6ky5520j0yvuk .reviewer-info {
display: flex;
align-items: center;
flex-wrap: wrap;
color: #765555;
}
#sb-part-7447.sb-custom-part-mich1t6ky5520j0yvuk .reviewer-name {
display: flex;
margin-right: 10px;
font-size: 15px;
color: #000000;
font-weight: bold
}
#sb-part-7447.sb-custom-part-mich1t6ky5520j0yvuk .reviewer-age {
display: flex;
color: #000000;
}
#sb-part-7447.sb-custom-part-mich1t6ky5520j0yvuk .reviewer-attr {
display: flex;
color: #000000;
margin-right: 10px;
}
#sb-part-7447.sb-custom-part-mich1t6ky5520j0yvuk .reviewer-attr:before {
content: '/';
margin: 0 5px;
}
#sb-part-7447.sb-custom-part-mich1t6ky5520j0yvuk .reviewer-reviews {
display: flex;
margin-right: 5px;
}
#sb-part-7447.sb-custom-part-mich1t6ky5520j0yvuk .stars-count {
color: black;
font-weight: bold;
}
#sb-part-7447.sb-custom-part-mich1t6ky5520j0yvuk .star {
position: relative;
display: inline-block;
width: 0;
height: 0;
margin-left: .5em;
margin-right: .5em;
margin-bottom: 1em;
border-right: .3em solid transparent;
border-bottom: .7em solid #FC0;
border-left: .3em solid transparent;
/* Controlls the size of the stars. */
font-size: 7px;
}
#sb-part-7447.sb-custom-part-mich1t6ky5520j0yvuk .star:before,
#sb-part-7447.sb-custom-part-mich1t6ky5520j0yvuk .star:after {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
top: .6em;
left: -1em;
border-right: 1em solid transparent;
border-bottom: .7em solid #FC0;
border-left: 1em solid transparent;
transform: rotate(-35deg);
}
#sb-part-7447.sb-custom-part-mich1t6ky5520j0yvuk .star:after {
transform: rotate(35deg);
}
#sb-part-7447.sb-custom-part-mich1t6ky5520j0yvuk .tag-wrapper {
margin: 5px 10px 0;
}
#sb-part-7447.sb-custom-part-mich1t6ky5520j0yvuk .tag {
padding: 3px 6px;
border: 1px solid #ff99a8;
border-radius: 10px;
color: #d2691e;
background-color: #ffe6e9;
font-size: 10px;
}
#sb-part-7447.sb-custom-part-mich1t6ky5520j0yvuk .main {
margin-top: 10px;
width: 100%;
font-size: 0;
}
#sb-part-7447.sb-custom-part-mich1t6ky5520j0yvuk .main-img-wrapper {
margin-top: 10px;
display: inline-block;
width: 50%;
}
#sb-part-7447.sb-custom-part-mich1t6ky5520j0yvuk .main-img-wrapper:not(:first-child) {
margin-top: 3px;
}
#sb-part-7447.sb-custom-part-mich1t6ky5520j0yvuk .main-text {
margin-block-start: 0;
margin-block-end: 0;
font-size: 15px;
}
#sb-part-7447.sb-custom-part-mich1t6ky5520j0yvuk footer {
color: #765555;
}
#sb-part-7447.sb-custom-part-mich1t6ky5520j0yvuk .b-marker {
background: linear-gradient(transparent 60%, #cce5ff 0%);
}
#sb-part-7447.sb-custom-part-mich1t6ky5520j0yvuk
/* reset */
img {
margin: 0 !important;
}
#sb-part-7447.sb-custom-part-mich1t6ky5520j0yvuk p {
margin: 0;
}
#sb-part-7447.sb-custom-part-mich1t6ky5520j0yvuk
/* resetここまで */
.box-ad .list-check {
margin: 1em 0 0;
padding: 0;
list-style: none;
}
#sb-part-7447.sb-custom-part-mich1t6ky5520j0yvuk .box-ad .list-check>li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-weight: 700;
}
#sb-part-7447.sb-custom-part-mich1t6ky5520j0yvuk .box-ad .list-check>li::before {
content: "";
display: inline-block;
-ms-flex-negative: 0;
flex-shrink: 0;
margin: 0.1em 0.4em 0 0;
width: 1.2em;
height: 1.2em;
background-repeat: no-repeat;
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22_x31_0%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20512%20512%22%20style%3D%22width%3A%20256px%3B%20height%3A%20256px%3B%20opacity%3A%201%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%23374149%3B%7D%3C%2Fstyle%3E%3Cg%3E%20%3Cpolygon%20class%3D%22st0%22%20points%3D%22221.18%2C250.621%20153.547%2C183.836%2091.934%2C245.453%2091.668%2C245.719%2091.668%2C245.719%2091.614%2C245.773%20221.207%2C374.516%20512%2C83.02%20450.121%2C21.14%20450.121%2C21.136%20450.121%2C21.136%20450.062%2C21.082%20407.187%2C64.109%20348.152%2C123.258%20%22%20style%3D%22fill%3A%20rgb(223%2C%2086%2C%2086)%3B%22%3E%3C%2Fpolygon%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M439.379%2C211.941v-0.113l-50.34%2C50.484V407.5c0%2C18.266-14.883%2C33.078-33.078%2C33.078H83.418%20c-18.266%2C0-33.078-14.813-33.078-33.078V259.578v-13.66V134.957c0-18.192%2C14.812-33.082%2C33.078-33.082h230.188l6.543-6.539%20l25.546-25.59l17.809-17.766c-0.023-0.004-0.047-0.004-0.066-0.004l0.074-0.078c-2.446-0.211-4.962-0.36-7.551-0.36H83.418%20C37.394%2C51.539%2C0%2C89.008%2C0%2C134.957V407.5c0%2C46.028%2C37.394%2C83.418%2C83.418%2C83.418h272.543c45.954%2C0%2C83.418-37.39%2C83.418-83.418%20V292.227l0.058-80.34L439.379%2C211.941z%22%20style%3D%22fill%3A%20rgb(223%2C%2086%2C%2086)%3B%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
#sb-part-7447.sb-custom-part-mich1t6ky5520j0yvuk .f1 {
color: red;
font-weight: bold;
background: rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #ffff00 0%) repeat scroll 0 0;
}
#sb-part-7447.sb-custom-part-mich1t6ky5520j0yvuk .f2 {
font-weight: bold;
background: rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #ffff00 0%) repeat scroll 0 0;
}
#sb-part-7447.sb-custom-part-mich1t6ky5520j0yvuk .f3 {
font-weight: bold;
color: red;
}
#sb-part-7447.sb-custom-part-mich1t6ky5520j0yvuk
/*ボタンの設定*/
.auraBtn {
position: relative;
/*幅サイズを変更する場合は下記数値を変更ください*/
width: 90%;
/*ボタンの外側の余白 1番目の値は上下余白、2番目の値は左右余白auto（=中央揃えするため）*/
margin: 2em auto;
}
#sb-part-7447.sb-custom-part-mich1t6ky5520j0yvuk
/*ボタンが広がるアニメーション（1番目）*/
.auraBtn:before {
/*アニメーションの設定 変更する場合は該当場所を修正してください。
アニメーション名、動きの速さ.2s（=0.2秒）、動き具合、動く回数*/
animation: auraBtn 2s ease-out infinite
}
#sb-part-7447.sb-custom-part-mich1t6ky5520j0yvuk
/*ボタンが広がるアニメーション（2番目）*/
.auraBtn:after {
/*アニメーションの設定 変更する場合は該当場所を修正してください。
アニメーション名、動きの速さ.2s（=0.2秒）、動き具合、動くタイミング1s(=1秒後）、動く回数*/
animation: auraBtn 2s ease-out 1s infinite
}
#sb-part-7447.sb-custom-part-mich1t6ky5520j0yvuk
/*ボタンが広がるアニメーション（共通設定）*/
.auraBtn:before,
#sb-part-7447.sb-custom-part-mich1t6ky5520j0yvuk .auraBtn:after {
content: "";
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
/*ボタンの角丸*/
border-radius: 100vh;
/*広がるボタンの色(green, red, blue以外の場合はここを修正してください）*/
background: #66cdaa;
/*広がるボタンの初期位置*/
transform: translate3d(0, 0, 0);
}
#sb-part-7447.sb-custom-part-mich1t6ky5520j0yvuk
/*ボタン自体の設定*/
.auraBtn a {
/*文字の色*/
color: #fff;
/*文字の太さ*/
font-weight: 600;
display: block;
/*内側の余白 1番目の値は上下余白、2番目の値は左右余白*/
padding: 20px 0;
/*ボタンの角丸*/
border-radius: 100vh;
/*ボタン内テキストの水平方向の位置*/
text-align: center;
/*リンクの装飾*/
text-decoration: none;
/*ボタンの色(green, red, blue以外の場合はここを修正してください）*/
background: #66cdaa;
position: relative;
z-index: 1;
}
#sb-part-7447.sb-custom-part-mich1t6ky5520j0yvuk
/*ボタン右側の矢印の設定*/
.auraBtn a span {
display: block;
position: relative;
}
#sb-part-7447.sb-custom-part-mich1t6ky5520j0yvuk .auraBtn a span:after {
content: "";
position: absolute;
/*矢印の位置*/
top: calc(50% - 4px);
right: 25px;
/*矢印の横幅*/
width: 8px;
/*矢印の高さ*/
height: 8px;
/*矢印の線 太さ、線種、色*/
border-right: 2px solid #fff;
border-top: 2px solid #fff;
/*矢印の回転角度*/
-webkit-transform: rotate(45deg);
transform: rotate(45deg)
}
#sb-part-7447.sb-custom-part-mich1t6ky5520j0yvuk
/*赤の場合の色*/
.auraBtn.red a {
background: #ff5555;
}
#sb-part-7447.sb-custom-part-mich1t6ky5520j0yvuk .auraBtn.red:before,
#sb-part-7447.sb-custom-part-mich1t6ky5520j0yvuk .auraBtn.red:after {
background: #ffaaae;
border: 1px solid #ff999e;
}
#sb-part-7447.sb-custom-part-mich1t6ky5520j0yvuk
/*青の場合の色*/
.auraBtn.blue a {
background: #389aff;
}
#sb-part-7447.sb-custom-part-mich1t6ky5520j0yvuk .auraBtn.blue:before,
#sb-part-7447.sb-custom-part-mich1t6ky5520j0yvuk .auraBtn.blue:after {
background: #389aff;
border: 1px solid #389aff;
}
/* sb-custom-part-ma1xcfrwcwtfmnd3rug */
#sb-part-7448.sb-custom-part-ma1xcfrwcwtfmnd3rug .box-ad {
border: 6px solid #8eafed;
border-radius: 4px;
padding: 10px;
}
#sb-part-7448.sb-custom-part-ma1xcfrwcwtfmnd3rug .box-ad strong {
color: #d21336;
font-style: normal;
}
#sb-part-7448.sb-custom-part-ma1xcfrwcwtfmnd3rug .box-ad .title {
color: #000000;
font-size: 22px;
font-weight: bold;
border-bottom: 1px dotted #696969;
margin: 0;
}
#sb-part-7448.sb-custom-part-ma1xcfrwcwtfmnd3rug .box-ad .wrap-subtitle {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 1.2em 0;
}
#sb-part-7448.sb-custom-part-ma1xcfrwcwtfmnd3rug .box-ad .wrap-subtitle .subtitle {
font-size: 2em;
line-height: 1.2;
padding: 0;
margin: 0;
}
#sb-part-7448.sb-custom-part-ma1xcfrwcwtfmnd3rug .box-ad .wrap-subtitle .subtitle>img {
display: inline-block !important;
vertical-align: bottom;
}
#sb-part-7448.sb-custom-part-ma1xcfrwcwtfmnd3rug .box-ad .star-rate {
position: relative;
font-size: 1.5em;
letter-spacing: -0.2em;
color: #efbb5a;
}
#sb-part-7448.sb-custom-part-ma1xcfrwcwtfmnd3rug .box-ad .star-rate>span {
position: absolute;
display: block;
top: -50%;
left: -100%;
letter-spacing: normal;
font-size: 0.8em;
color: #244b73;
font-weight: 700;
background-color: #90c4bd;
padding: 0.5em;
border-radius: 50%;
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
}
#sb-part-7448.sb-custom-part-ma1xcfrwcwtfmnd3rug .box-ad .star-rate>span::before {
content: "";
position: absolute;
display: block;
width: 0;
height: 0;
right: 12px;
bottom: -4px;
border-right: 16px solid #90c4bd;
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
}
#sb-part-7448.sb-custom-part-ma1xcfrwcwtfmnd3rug .box-ad .wrap-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
width: 100%;
}
#sb-part-7448.sb-custom-part-ma1xcfrwcwtfmnd3rug .box-ad .wrap-item>figure {
margin: 0 0.5px 0 0;
}
#sb-part-7448.sb-custom-part-ma1xcfrwcwtfmnd3rug .box-ad .wrap-item .txt {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
}
#sb-part-7448.sb-custom-part-ma1xcfrwcwtfmnd3rug .box-ad .wrap-item table {
width: 100%;
table-layout: fixed;
border-collapse: collapse;
text-align: center;
}
#sb-part-7448.sb-custom-part-ma1xcfrwcwtfmnd3rug .box-ad .wrap-item table th {
border: 1.3px solid #ff99a8;
font-size: 13px;
background-color: #ffe6e9;
padding: 0.4em;
}
#sb-part-7448.sb-custom-part-ma1xcfrwcwtfmnd3rug .box-ad .wrap-item table td {
border: 1.3px solid #ff99a8;
font-size: 13px;
background-color: #ffffff;
padding: 0.4em;
font-weight: bold;
}
#sb-part-7448.sb-custom-part-ma1xcfrwcwtfmnd3rug .box-ad .wrap-item ul {
font-weight: 700;
margin: 0 0 1em;
list-style: disc;
}
#sb-part-7448.sb-custom-part-ma1xcfrwcwtfmnd3rug .box-ad .wrap-tags {
font-weight: 700;
}
#sb-part-7448.sb-custom-part-ma1xcfrwcwtfmnd3rug .box-ad .wrap-tags ul {
list-style: none;
padding: 0;
font-weight: normal;
display: inline-block;
}
#sb-part-7448.sb-custom-part-ma1xcfrwcwtfmnd3rug .box-ad .wrap-tags ul>li {
display: inline-block;
font-size: 0.8em;
border: 1px solid #f58719;
color: #f58719;
padding: 0.1em 0.4em;
}
#sb-part-7448.sb-custom-part-ma1xcfrwcwtfmnd3rug .box-ad .wrap-tags ul>li.no {
border-color: #999999;
color: #999999;
text-decoration: line-through;
}
#sb-part-7448.sb-custom-part-ma1xcfrwcwtfmnd3rug .box-ad .balloon {
position: relative;
width: 60%;
margin: 0 auto;
color: #fff;
background-color: #92c24d;
text-align: center;
padding: 0.2em;
border-radius: 1.1em;
}
#sb-part-7448.sb-custom-part-ma1xcfrwcwtfmnd3rug .box-ad .balloon::before {
content: "";
position: absolute;
top: 100%;
left: 50%;
margin-left: -10px;
border: 10px solid transparent;
border-top: 10px solid #92c24d;
}
#sb-part-7448.sb-custom-part-ma1xcfrwcwtfmnd3rug .box-ad .wrap-btn {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
text-align: center;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin-top: 1.2em;
}
#sb-part-7448.sb-custom-part-ma1xcfrwcwtfmnd3rug .box-ad .wrap-btn .link1 {
-ms-flex-preferred-size: 39%;
flex-basis: 39%;
}
#sb-part-7448.sb-custom-part-ma1xcfrwcwtfmnd3rug .box-ad .wrap-btn .link1 a {
font-size: 1.2em;
display: block;
padding: 1em;
text-decoration: none;
color: #fff;
font-weight: 700;
background-image: -webkit-gradient(linear, left top, left bottom, from(#bfc2bf), color-stop(50%, #bcbfbc), color-stop(51%, #a9a9a9), to(#cacaca));
background-image: linear-gradient(to bottom, #bfc2bf 0%, #bcbfbc 50%, #a9a9a9 51%, #cacaca 100%);
border-bottom: solid 3px #939393;
border-radius: 4px;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
#sb-part-7448.sb-custom-part-ma1xcfrwcwtfmnd3rug .box-ad .wrap-btn .link1 a:hover {
-webkit-transform: translateY(3px);
transform: translateY(3px);
-webkit-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
border-bottom: solid 1px #939393;
}
#sb-part-7448.sb-custom-part-ma1xcfrwcwtfmnd3rug .box-ad .wrap-btn .link2 {
-ms-flex-preferred-size: 60%;
flex-basis: 100%;
}
#sb-part-7448.sb-custom-part-ma1xcfrwcwtfmnd3rug .box-ad .wrap-btn .link2 a {
position: relative;
font-size: 1.2em;
display: block;
padding: 1em;
text-decoration: none;
color: #fff;
font-weight: 700;
background-color: #66cdaa;
border-bottom: solid 3px #3cb371;
border-radius: 4px;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
#sb-part-7448.sb-custom-part-ma1xcfrwcwtfmnd3rug .box-ad .wrap-btn .link2 a::before {
content: "";
position: absolute;
right: 1em;
font-size: 0.8em;
margin-top: 0.2em;
}
#sb-part-7448.sb-custom-part-ma1xcfrwcwtfmnd3rug .box-ad .wrap-btn .link2 a:hover {
-webkit-transform: translateY(3px);
transform: translateY(3px);
-webkit-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
border-bottom: solid 1px #ad5515;
}
#sb-part-7448.sb-custom-part-ma1xcfrwcwtfmnd3rug article {
font-size: 12px;
line-height: 1.2
}
#sb-part-7448.sb-custom-part-ma1xcfrwcwtfmnd3rug .container {
padding: 9px 14px;
border: 1px solid #E6ECF0;
border-radius: 10px;
}
#sb-part-7448.sb-custom-part-ma1xcfrwcwtfmnd3rug .img {
width: 100%;
height: auto;
}
#sb-part-7448.sb-custom-part-ma1xcfrwcwtfmnd3rug .reviewer {
display: flex;
}
#sb-part-7448.sb-custom-part-ma1xcfrwcwtfmnd3rug .reviewer-img-wrapper {
margin-right: 3px;
width: 25px;
}
#sb-part-7448.sb-custom-part-ma1xcfrwcwtfmnd3rug .reviewer-info {
display: flex;
align-items: center;
flex-wrap: wrap;
color: #765555;
}
#sb-part-7448.sb-custom-part-ma1xcfrwcwtfmnd3rug .reviewer-name {
display: flex;
margin-right: 10px;
font-size: 15px;
color: #000000;
font-weight: bold
}
#sb-part-7448.sb-custom-part-ma1xcfrwcwtfmnd3rug .reviewer-age {
display: flex;
color: #000000;
}
#sb-part-7448.sb-custom-part-ma1xcfrwcwtfmnd3rug .reviewer-attr {
display: flex;
color: #000000;
margin-right: 10px;
}
#sb-part-7448.sb-custom-part-ma1xcfrwcwtfmnd3rug .reviewer-attr:before {
content: '/';
margin: 0 5px;
}
#sb-part-7448.sb-custom-part-ma1xcfrwcwtfmnd3rug .reviewer-reviews {
display: flex;
margin-right: 5px;
}
#sb-part-7448.sb-custom-part-ma1xcfrwcwtfmnd3rug .stars-count {
color: black;
font-weight: bold;
}
#sb-part-7448.sb-custom-part-ma1xcfrwcwtfmnd3rug .star {
position: relative;
display: inline-block;
width: 0;
height: 0;
margin-left: .5em;
margin-right: .5em;
margin-bottom: 1em;
border-right: .3em solid transparent;
border-bottom: .7em solid #FC0;
border-left: .3em solid transparent;
/* Controlls the size of the stars. */
font-size: 7px;
}
#sb-part-7448.sb-custom-part-ma1xcfrwcwtfmnd3rug .star:before,
#sb-part-7448.sb-custom-part-ma1xcfrwcwtfmnd3rug .star:after {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
top: .6em;
left: -1em;
border-right: 1em solid transparent;
border-bottom: .7em solid #FC0;
border-left: 1em solid transparent;
transform: rotate(-35deg);
}
#sb-part-7448.sb-custom-part-ma1xcfrwcwtfmnd3rug .star:after {
transform: rotate(35deg);
}
#sb-part-7448.sb-custom-part-ma1xcfrwcwtfmnd3rug .tag-wrapper {
margin: 5px 10px 0;
}
#sb-part-7448.sb-custom-part-ma1xcfrwcwtfmnd3rug .tag {
padding: 3px 6px;
border: 1px solid #ff99a8;
border-radius: 10px;
color: #d2691e;
background-color: #ffe6e9;
font-size: 10px;
}
#sb-part-7448.sb-custom-part-ma1xcfrwcwtfmnd3rug .main {
margin-top: 10px;
width: 100%;
font-size: 0;
}
#sb-part-7448.sb-custom-part-ma1xcfrwcwtfmnd3rug .main-img-wrapper {
margin-top: 10px;
display: inline-block;
width: 50%;
}
#sb-part-7448.sb-custom-part-ma1xcfrwcwtfmnd3rug .main-img-wrapper:not(:first-child) {
margin-top: 3px;
}
#sb-part-7448.sb-custom-part-ma1xcfrwcwtfmnd3rug .main-text {
margin-block-start: 0;
margin-block-end: 0;
font-size: 15px;
}
#sb-part-7448.sb-custom-part-ma1xcfrwcwtfmnd3rug footer {
color: #765555;
}
#sb-part-7448.sb-custom-part-ma1xcfrwcwtfmnd3rug .b-marker {
background: linear-gradient(transparent 60%, #cce5ff 0%);
}
#sb-part-7448.sb-custom-part-ma1xcfrwcwtfmnd3rug
/* reset */
img {
margin: 0 !important;
}
#sb-part-7448.sb-custom-part-ma1xcfrwcwtfmnd3rug p {
margin: 0;
}
#sb-part-7448.sb-custom-part-ma1xcfrwcwtfmnd3rug
/* resetここまで */
.box-ad .list-check {
margin: 1em 0 0;
padding: 0;
list-style: none;
}
#sb-part-7448.sb-custom-part-ma1xcfrwcwtfmnd3rug .box-ad .list-check>li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-weight: 700;
}
#sb-part-7448.sb-custom-part-ma1xcfrwcwtfmnd3rug .box-ad .list-check>li::before {
content: "";
display: inline-block;
-ms-flex-negative: 0;
flex-shrink: 0;
margin: 0.1em 0.4em 0 0;
width: 1.2em;
height: 1.2em;
background-repeat: no-repeat;
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22_x31_0%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20512%20512%22%20style%3D%22width%3A%20256px%3B%20height%3A%20256px%3B%20opacity%3A%201%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%23374149%3B%7D%3C%2Fstyle%3E%3Cg%3E%20%3Cpolygon%20class%3D%22st0%22%20points%3D%22221.18%2C250.621%20153.547%2C183.836%2091.934%2C245.453%2091.668%2C245.719%2091.668%2C245.719%2091.614%2C245.773%20221.207%2C374.516%20512%2C83.02%20450.121%2C21.14%20450.121%2C21.136%20450.121%2C21.136%20450.062%2C21.082%20407.187%2C64.109%20348.152%2C123.258%20%22%20style%3D%22fill%3A%20rgb(223%2C%2086%2C%2086)%3B%22%3E%3C%2Fpolygon%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M439.379%2C211.941v-0.113l-50.34%2C50.484V407.5c0%2C18.266-14.883%2C33.078-33.078%2C33.078H83.418%20c-18.266%2C0-33.078-14.813-33.078-33.078V259.578v-13.66V134.957c0-18.192%2C14.812-33.082%2C33.078-33.082h230.188l6.543-6.539%20l25.546-25.59l17.809-17.766c-0.023-0.004-0.047-0.004-0.066-0.004l0.074-0.078c-2.446-0.211-4.962-0.36-7.551-0.36H83.418%20C37.394%2C51.539%2C0%2C89.008%2C0%2C134.957V407.5c0%2C46.028%2C37.394%2C83.418%2C83.418%2C83.418h272.543c45.954%2C0%2C83.418-37.39%2C83.418-83.418%20V292.227l0.058-80.34L439.379%2C211.941z%22%20style%3D%22fill%3A%20rgb(223%2C%2086%2C%2086)%3B%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
#sb-part-7448.sb-custom-part-ma1xcfrwcwtfmnd3rug .f1 {
color: red;
font-weight: bold;
background: rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #ffff00 0%) repeat scroll 0 0;
}
#sb-part-7448.sb-custom-part-ma1xcfrwcwtfmnd3rug .f2 {
font-weight: bold;
background: rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #ffff00 0%) repeat scroll 0 0;
}
#sb-part-7448.sb-custom-part-ma1xcfrwcwtfmnd3rug .f3 {
font-weight: bold;
color: red;
}
/* sb-custom-part-m4i3oemja28qrwt6z7f */
#sb-part-14762.sb-custom-part-m4i3oemja28qrwt6z7f .main {
margin: 0px -5px 0 -5px !important;
max-width: unset;
}
#sb-part-14762.sb-custom-part-m4i3oemja28qrwt6z7f img {
width: 100%;
}
#sb-part-14762.sb-custom-part-m4i3oemja28qrwt6z7f .pr-text {
text-align: right;
font-size: 10px;
color: #bbbbbb;
white-space: nowrap;
}
/* sb-custom-part-ma1ys34ulm0kbedt5u8 */
#sb-part-14714.sb-custom-part-ma1ys34ulm0kbedt5u8 .statick-table {
font-size: 14px;
width: min(750px, 100%);
margin-inline: auto;
}
#sb-part-14714.sb-custom-part-ma1ys34ulm0kbedt5u8 .statick-table img {
width: 100%;
height: auto;
}
#sb-part-14714.sb-custom-part-ma1ys34ulm0kbedt5u8 .statick-table-title {
width: 100%;
background-color: #f5515a;
color: #fff;
text-align: center;
padding: .5em;
font-size: 1.2em;
font-weight: 600;
border-radius: 0.5em 0.5em 0 0;
box-sizing: border-box;
}
#sb-part-14714.sb-custom-part-ma1ys34ulm0kbedt5u8 .statick-table table {
border-collapse: separate;
border-spacing: 0;
table-layout: fixed;
width: 100%;
text-align: center;
background-color: #fff;
}
#sb-part-14714.sb-custom-part-ma1ys34ulm0kbedt5u8 .statick-table .is-static {
position: sticky;
top: 0;
z-index: 10;
}
#sb-part-14714.sb-custom-part-ma1ys34ulm0kbedt5u8 .statick-table table thead th {
padding: 1em;
background-color: #fff;
box-shadow: 0 0 0 #000;
}
#sb-part-14714.sb-custom-part-ma1ys34ulm0kbedt5u8 .statick-table table tbody th {
background-color: #FF9999;
font-weight: 400;
}
#sb-part-14714.sb-custom-part-ma1ys34ulm0kbedt5u8 .statick-table table tbody td {
padding: 1em 0.5em;
font-weight: 600;
}
#sb-part-14714.sb-custom-part-ma1ys34ulm0kbedt5u8 .statick-table table td .image-wrap img {
width: 30%;
}
#sb-part-14714.sb-custom-part-ma1ys34ulm0kbedt5u8 .statick-table table tbody td[data-level="1"] {
background: #fefbd3 url(../img/7f09353c-c580-4c6e-8e3b-b42f60cf0eef.webp) no-repeat center/3em;
}
#sb-part-14714.sb-custom-part-ma1ys34ulm0kbedt5u8 .statick-table table tbody td[data-level="2"] {
background: url(../img/ba94d4f4-09ea-46c8-a314-1300b2e67881.webp) no-repeat center/3em;
}
#sb-part-14714.sb-custom-part-ma1ys34ulm0kbedt5u8 .statick-table table tbody td[data-level="3"] {
background: url(../img/634ff193-92eb-464c-aafb-4a05f1a0b293.webp) no-repeat center/3em;
}
#sb-part-14714.sb-custom-part-ma1ys34ulm0kbedt5u8 .statick-table table th,
#sb-part-14714.sb-custom-part-ma1ys34ulm0kbedt5u8 .statick-table table td {
border-bottom: 1px solid #ddd;
border-right: 1px solid #ddd;
}
#sb-part-14714.sb-custom-part-ma1ys34ulm0kbedt5u8 .statick-table table th:first-child,
#sb-part-14714.sb-custom-part-ma1ys34ulm0kbedt5u8 .statick-table table td:first-child {
border-left: 1px solid #ddd;
}
#sb-part-14714.sb-custom-part-ma1ys34ulm0kbedt5u8 .statick-table table th[colspan] {
padding: .5em 0;
font-size: .9em;
}
#sb-part-14714.sb-custom-part-ma1ys34ulm0kbedt5u8 .flex-2 {
display: flex;
justify-content: center;
flex-wrap: wrap;
}
#sb-part-14714.sb-custom-part-ma1ys34ulm0kbedt5u8 .flex-2 img {
width: 40%;
}
#sb-part-14714.sb-custom-part-ma1ys34ulm0kbedt5u8 .flex-3 {
display: flex;
justify-content: center;
flex-wrap: wrap;
}
#sb-part-14714.sb-custom-part-ma1ys34ulm0kbedt5u8 .flex-3 img {
width: 30%;
}
#sb-part-14714.sb-custom-part-ma1ys34ulm0kbedt5u8 .flex-4 {
display: flex;
justify-content: center;
flex-wrap: wrap;
}
#sb-part-14714.sb-custom-part-ma1ys34ulm0kbedt5u8 .flex-4 img {
width: 20%;
}
#sb-part-14714.sb-custom-part-ma1ys34ulm0kbedt5u8 .gap-2 {
gap: 0.25em;
}
#sb-part-14714.sb-custom-part-ma1ys34ulm0kbedt5u8 .gap-3 {
gap: .5em;
}
#sb-part-14714.sb-custom-part-ma1ys34ulm0kbedt5u8 .gap-4 {
gap: 1em;
}
#sb-part-14714.sb-custom-part-ma1ys34ulm0kbedt5u8 .crown {
margin-bottom: .25em;
position: relative;
}
#sb-part-14714.sb-custom-part-ma1ys34ulm0kbedt5u8 .crown::before {
content: "";
display: block;
position: absolute;
width: 4.5em;
top: 0;
left: 50%;
translate: -50% 0;
}
#sb-part-14714.sb-custom-part-ma1ys34ulm0kbedt5u8 .crown::before {
content: attr(data-ranking) "";
z-index: 10;
color: #FFF;
font-size: 1em;
font-weight: 600;
line-height: 3.5;
}
#sb-part-14714.sb-custom-part-ma1ys34ulm0kbedt5u8 .crown img {
width: 4.5em;
margin-inline: auto;
height: auto;
position: relative;
}
#sb-part-14714.sb-custom-part-ma1ys34ulm0kbedt5u8 .statick-table table .btn {
height: 30%;
display: block;
width: 100%;
background: linear-gradient(to bottom, #ff4500, #ec1110);
text-align: center;
color: #fff;
box-sizing: border-box;
border-radius: 0.5em;
padding: 1em 0;
text-decoration: none;
font-size: 0.9em;
font-weight: 600;
line-height: 1;
position: relative;
z-index: 5;
box-shadow: 0 6px 0 #b30908, 0 10px 6px rgba(0, 0, 0, 0.2);
transition: 0.25s;
overflow: hidden;
}
#sb-part-14714.sb-custom-part-ma1ys34ulm0kbedt5u8 .statick-table table .btn:hover {
transform: translateY(5px);
box-shadow: 0 1px 0 #b30908, 0 5px 6px rgba(0, 0, 0, 0.2);
}
#sb-part-14714.sb-custom-part-ma1ys34ulm0kbedt5u8 .statick-table table .btn::before {
content: "";
display: inline-block;
vertical-align: middle;
color: #333;
line-height: 1;
width: 1em;
height: 1em;
border: 0.25em solid #fe3d3d;
border-left: 0;
border-bottom: 0;
box-sizing: border-box;
transform: translateX(-25%) rotate(45deg);
position: absolute;
right: 0.75em;
top: calc(50% - 0.5em);
z-index: 1;
scale: 0.5;
}
#sb-part-14714.sb-custom-part-ma1ys34ulm0kbedt5u8 .statick-table table .btn::after {
content: "";
display: inline-block;
vertical-align: middle;
color: #333;
line-height: 1;
width: 1em;
height: 1em;
border-radius: 50%;
background-color: #ffffff;
transform: translateX(-25%) rotate(45deg);
position: absolute;
right: 0.5em;
top: calc(50% - 0.5em);
z-index: 0;
}
#sb-part-14714.sb-custom-part-ma1ys34ulm0kbedt5u8 .statick-table table .btn .shain {
position: absolute;
overflow: hidden;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
#sb-part-14714.sb-custom-part-ma1ys34ulm0kbedt5u8 .statick-table table .btn .shain::before {
content: "";
position: absolute;
display: block;
top: 0;
translate: -125% 0;
width: 100%;
height: 100%;
background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
transform: skewX(-25deg);
animation: shine 3s ease-in-out 0s infinite normal;
}
@media (max-width: 600px) {
#sb-part-14714.sb-custom-part-ma1ys34ulm0kbedt5u8 .statick-table {
font-size: 3vw;
}
#sb-part-14714.sb-custom-part-ma1ys34ulm0kbedt5u8 .statick-table table .btn {
height: 30%;
font-size: 0.75em;
}
}
/* sb-custom-part-m4gs5ejeg554rkt8qil */
#sb-part-10006.sb-custom-part-m4gs5ejeg554rkt8qil .box {
/*ボックスの周りの余白。上下｜左右*/
margin: 1em auto;
/*ボックスの背景色*/
background: #D8BFD8;
/*ボックスの角を丸める*/
border-radius: 4px;
/*ボックスの線。線の種類｜線の色｜線の太さ*/
border: solid #800080 1px;
/*ボックスの幅*/
max-width: 100%;
/*ボックスの内側の余白。上｜右｜下｜左*/
padding: 40px 5px 0px 10px;
position: relative;
box-sizing: border-box;
}
#sb-part-10006.sb-custom-part-m4gs5ejeg554rkt8qil .box .box-title {
/*見出しの背景色*/
background: #8B008B;
/*見出しの文字の色*/
color: #fff;
/*見出しの文字の太さ*/
font-weight: bold;
/*見出し文字のサイズ*/
font-size: 20px;
/*文字の水平方向の配置。左寄せはleft、真ん中はcenter*/
text-align: center;
/*見出し部分の角丸。上｜右｜下｜左*/
border-radius: 4px 4px 0px 0px;
position: absolute;
line-height: 2;
padding: 1px;
letter-spacing: .05em;
left: 0;
top: 0;
width: 100%;
margin: 0;
box-sizing: border-box;
}
#sb-part-10006.sb-custom-part-m4gs5ejeg554rkt8qil .box ol {
padding: 0;
position: relative;
padding-top: 3px;
margin-left: 0;
list-style-type: none;
border: 0;
counter-reset: number;
}
#sb-part-10006.sb-custom-part-m4gs5ejeg554rkt8qil .box ol li {
/*リスト文字の色*/
color: #333;
list-style-type: none;
padding: .5em 0 .5em 3em;
line-height: 1.6;
}
#sb-part-10006.sb-custom-part-m4gs5ejeg554rkt8qil .box li::before {
color: #fff;
background: #800080;
display: inline-block;
position: absolute;
width: 25px;
height: 25px;
border-radius: 50%;
color: white;
font-size: 15px;
font-weight: bold;
text-align: center;
vertical-align: middle;
line-height: 25px;
content: counter(number);
counter-increment: number;
left: 10px;
margin-left: 0;
}
/* sb-custom-part-m568r233pab65o7c7ia */
#sb-part-3063.sb-custom-part-m568r233pab65o7c7ia h2 {
/*文字サイズ*/
font-size: 18px;
/*文字の色*/
color: #fff;
/*吹き出しの背景色。下のh2:afterのborder-colorも同じ色を指定ください*/
background: #4169e1;
/*フォントの太さを指定。100、200、300、400、500、600、700、800、900。フォント種類により数値を上下させても変化しないことがあります*/
font-weight: 600;
/*吹き出し内側の余白。右の値が上下、左の値が左右*/
padding: 1rem;
/*角を丸くする*/
border-radius: 5px;
/*水平方向の字間のスペース*/
letter-spacing: .05em;
position: relative;
}
#sb-part-3063.sb-custom-part-m568r233pab65o7c7ia h2:after {
position: absolute;
bottom: -9px;
left: 1em;
width: 0;
height: 0;
content: '';
border-width: 20px 20px 0 20px;
border-style: solid;
/*吹き出しのしっぽ色*/
border-color: #4169e1 transparent transparent transparent;
}
/* sb-custom-part-mich3tzwwikw6bnexwk */
#sb-part-7447.sb-custom-part-mich3tzwwikw6bnexwk .box-ad {
border: 6px solid #8eafed;
border-radius: 4px;
padding: 10px;
}
#sb-part-7447.sb-custom-part-mich3tzwwikw6bnexwk .box-ad strong {
color: #d21336;
font-style: normal;
}
#sb-part-7447.sb-custom-part-mich3tzwwikw6bnexwk .box-ad .title {
color: #000000;
font-size: 22px;
font-weight: bold;
border-bottom: 1px dotted #696969;
margin: 0;
}
#sb-part-7447.sb-custom-part-mich3tzwwikw6bnexwk .box-ad .wrap-subtitle {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 1.2em 0;
}
#sb-part-7447.sb-custom-part-mich3tzwwikw6bnexwk .box-ad .wrap-subtitle .subtitle {
font-size: 2em;
line-height: 1.2;
padding: 0;
margin: 0;
}
#sb-part-7447.sb-custom-part-mich3tzwwikw6bnexwk .box-ad .wrap-subtitle .subtitle>img {
display: inline-block !important;
vertical-align: bottom;
}
#sb-part-7447.sb-custom-part-mich3tzwwikw6bnexwk .box-ad .star-rate {
position: relative;
font-size: 1.5em;
letter-spacing: -0.2em;
color: #efbb5a;
}
#sb-part-7447.sb-custom-part-mich3tzwwikw6bnexwk .box-ad .star-rate>span {
position: absolute;
display: block;
top: -50%;
left: -100%;
letter-spacing: normal;
font-size: 0.8em;
color: #244b73;
font-weight: 700;
background-color: #90c4bd;
padding: 0.5em;
border-radius: 50%;
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
}
#sb-part-7447.sb-custom-part-mich3tzwwikw6bnexwk .box-ad .star-rate>span::before {
content: "";
position: absolute;
display: block;
width: 0;
height: 0;
right: 12px;
bottom: -4px;
border-right: 16px solid #90c4bd;
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
}
#sb-part-7447.sb-custom-part-mich3tzwwikw6bnexwk .box-ad .wrap-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
width: 100%;
}
#sb-part-7447.sb-custom-part-mich3tzwwikw6bnexwk .box-ad .wrap-item>figure {
margin: 0 0.5px 0 0;
}
#sb-part-7447.sb-custom-part-mich3tzwwikw6bnexwk .box-ad .wrap-item .txt {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
}
#sb-part-7447.sb-custom-part-mich3tzwwikw6bnexwk .box-ad .wrap-item table {
width: 100%;
table-layout: fixed;
border-collapse: collapse;
text-align: center;
}
#sb-part-7447.sb-custom-part-mich3tzwwikw6bnexwk .box-ad .wrap-item table th {
border: 1.3px solid #ff99a8;
font-size: 13px;
background-color: #ffe6e9;
padding: 0.4em;
}
#sb-part-7447.sb-custom-part-mich3tzwwikw6bnexwk .box-ad .wrap-item table td {
border: 1.3px solid #ff99a8;
font-size: 13px;
background-color: #ffffff;
padding: 0.4em;
font-weight: bold;
}
#sb-part-7447.sb-custom-part-mich3tzwwikw6bnexwk .box-ad .wrap-item ul {
font-weight: 700;
margin: 0 0 1em;
list-style: disc;
}
#sb-part-7447.sb-custom-part-mich3tzwwikw6bnexwk .box-ad .wrap-tags {
font-weight: 700;
}
#sb-part-7447.sb-custom-part-mich3tzwwikw6bnexwk .box-ad .wrap-tags ul {
list-style: none;
padding: 0;
font-weight: normal;
display: inline-block;
}
#sb-part-7447.sb-custom-part-mich3tzwwikw6bnexwk .box-ad .wrap-tags ul>li {
display: inline-block;
font-size: 0.8em;
border: 1px solid #f58719;
color: #f58719;
padding: 0.1em 0.4em;
}
#sb-part-7447.sb-custom-part-mich3tzwwikw6bnexwk .box-ad .wrap-tags ul>li.no {
border-color: #999999;
color: #999999;
text-decoration: line-through;
}
#sb-part-7447.sb-custom-part-mich3tzwwikw6bnexwk .box-ad .balloon {
position: relative;
width: 60%;
margin: 0 auto;
color: #fff;
background-color: #92c24d;
text-align: center;
padding: 0.2em;
border-radius: 1.1em;
}
#sb-part-7447.sb-custom-part-mich3tzwwikw6bnexwk .box-ad .balloon::before {
content: "";
position: absolute;
top: 100%;
left: 50%;
margin-left: -10px;
border: 10px solid transparent;
border-top: 10px solid #92c24d;
}
#sb-part-7447.sb-custom-part-mich3tzwwikw6bnexwk .box-ad .wrap-btn {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
text-align: center;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin-top: 1.2em;
}
#sb-part-7447.sb-custom-part-mich3tzwwikw6bnexwk .box-ad .wrap-btn .link1 {
-ms-flex-preferred-size: 39%;
flex-basis: 39%;
}
#sb-part-7447.sb-custom-part-mich3tzwwikw6bnexwk .box-ad .wrap-btn .link1 a {
font-size: 1.2em;
display: block;
padding: 1em;
text-decoration: none;
color: #fff;
font-weight: 700;
background-image: -webkit-gradient(linear, left top, left bottom, from(#bfc2bf), color-stop(50%, #bcbfbc), color-stop(51%, #a9a9a9), to(#cacaca));
background-image: linear-gradient(to bottom, #bfc2bf 0%, #bcbfbc 50%, #a9a9a9 51%, #cacaca 100%);
border-bottom: solid 3px #939393;
border-radius: 4px;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
#sb-part-7447.sb-custom-part-mich3tzwwikw6bnexwk .box-ad .wrap-btn .link1 a:hover {
-webkit-transform: translateY(3px);
transform: translateY(3px);
-webkit-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
border-bottom: solid 1px #939393;
}
#sb-part-7447.sb-custom-part-mich3tzwwikw6bnexwk .box-ad .wrap-btn .link2 {
-ms-flex-preferred-size: 60%;
flex-basis: 100%;
}
#sb-part-7447.sb-custom-part-mich3tzwwikw6bnexwk .box-ad .wrap-btn .link2 a {
position: relative;
font-size: 1.2em;
display: block;
padding: 1em;
text-decoration: none;
color: #fff;
font-weight: 700;
background-color: #66cdaa;
border-bottom: solid 3px #3cb371;
border-radius: 4px;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
#sb-part-7447.sb-custom-part-mich3tzwwikw6bnexwk .box-ad .wrap-btn .link2 a::before {
content: "";
position: absolute;
right: 1em;
font-size: 0.8em;
margin-top: 0.2em;
}
#sb-part-7447.sb-custom-part-mich3tzwwikw6bnexwk .box-ad .wrap-btn .link2 a:hover {
-webkit-transform: translateY(3px);
transform: translateY(3px);
-webkit-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
border-bottom: solid 1px #ad5515;
}
#sb-part-7447.sb-custom-part-mich3tzwwikw6bnexwk article {
font-size: 12px;
line-height: 1.2
}
#sb-part-7447.sb-custom-part-mich3tzwwikw6bnexwk .container {
padding: 9px 14px;
border: 1px solid #E6ECF0;
border-radius: 10px;
}
#sb-part-7447.sb-custom-part-mich3tzwwikw6bnexwk .img {
width: 100%;
height: auto;
}
#sb-part-7447.sb-custom-part-mich3tzwwikw6bnexwk .reviewer {
display: flex;
}
#sb-part-7447.sb-custom-part-mich3tzwwikw6bnexwk .reviewer-img-wrapper {
margin-right: 3px;
width: 25px;
}
#sb-part-7447.sb-custom-part-mich3tzwwikw6bnexwk .reviewer-info {
display: flex;
align-items: center;
flex-wrap: wrap;
color: #765555;
}
#sb-part-7447.sb-custom-part-mich3tzwwikw6bnexwk .reviewer-name {
display: flex;
margin-right: 10px;
font-size: 15px;
color: #000000;
font-weight: bold
}
#sb-part-7447.sb-custom-part-mich3tzwwikw6bnexwk .reviewer-age {
display: flex;
color: #000000;
}
#sb-part-7447.sb-custom-part-mich3tzwwikw6bnexwk .reviewer-attr {
display: flex;
color: #000000;
margin-right: 10px;
}
#sb-part-7447.sb-custom-part-mich3tzwwikw6bnexwk .reviewer-attr:before {
content: '/';
margin: 0 5px;
}
#sb-part-7447.sb-custom-part-mich3tzwwikw6bnexwk .reviewer-reviews {
display: flex;
margin-right: 5px;
}
#sb-part-7447.sb-custom-part-mich3tzwwikw6bnexwk .stars-count {
color: black;
font-weight: bold;
}
#sb-part-7447.sb-custom-part-mich3tzwwikw6bnexwk .star {
position: relative;
display: inline-block;
width: 0;
height: 0;
margin-left: .5em;
margin-right: .5em;
margin-bottom: 1em;
border-right: .3em solid transparent;
border-bottom: .7em solid #FC0;
border-left: .3em solid transparent;
/* Controlls the size of the stars. */
font-size: 7px;
}
#sb-part-7447.sb-custom-part-mich3tzwwikw6bnexwk .star:before,
#sb-part-7447.sb-custom-part-mich3tzwwikw6bnexwk .star:after {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
top: .6em;
left: -1em;
border-right: 1em solid transparent;
border-bottom: .7em solid #FC0;
border-left: 1em solid transparent;
transform: rotate(-35deg);
}
#sb-part-7447.sb-custom-part-mich3tzwwikw6bnexwk .star:after {
transform: rotate(35deg);
}
#sb-part-7447.sb-custom-part-mich3tzwwikw6bnexwk .tag-wrapper {
margin: 5px 10px 0;
}
#sb-part-7447.sb-custom-part-mich3tzwwikw6bnexwk .tag {
padding: 3px 6px;
border: 1px solid #ff99a8;
border-radius: 10px;
color: #d2691e;
background-color: #ffe6e9;
font-size: 10px;
}
#sb-part-7447.sb-custom-part-mich3tzwwikw6bnexwk .main {
margin-top: 10px;
width: 100%;
font-size: 0;
}
#sb-part-7447.sb-custom-part-mich3tzwwikw6bnexwk .main-img-wrapper {
margin-top: 10px;
display: inline-block;
width: 50%;
}
#sb-part-7447.sb-custom-part-mich3tzwwikw6bnexwk .main-img-wrapper:not(:first-child) {
margin-top: 3px;
}
#sb-part-7447.sb-custom-part-mich3tzwwikw6bnexwk .main-text {
margin-block-start: 0;
margin-block-end: 0;
font-size: 15px;
}
#sb-part-7447.sb-custom-part-mich3tzwwikw6bnexwk footer {
color: #765555;
}
#sb-part-7447.sb-custom-part-mich3tzwwikw6bnexwk .b-marker {
background: linear-gradient(transparent 60%, #cce5ff 0%);
}
#sb-part-7447.sb-custom-part-mich3tzwwikw6bnexwk
/* reset */
img {
margin: 0 !important;
}
#sb-part-7447.sb-custom-part-mich3tzwwikw6bnexwk p {
margin: 0;
}
#sb-part-7447.sb-custom-part-mich3tzwwikw6bnexwk
/* resetここまで */
.box-ad .list-check {
margin: 1em 0 0;
padding: 0;
list-style: none;
}
#sb-part-7447.sb-custom-part-mich3tzwwikw6bnexwk .box-ad .list-check>li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-weight: 700;
}
#sb-part-7447.sb-custom-part-mich3tzwwikw6bnexwk .box-ad .list-check>li::before {
content: "";
display: inline-block;
-ms-flex-negative: 0;
flex-shrink: 0;
margin: 0.1em 0.4em 0 0;
width: 1.2em;
height: 1.2em;
background-repeat: no-repeat;
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22_x31_0%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20512%20512%22%20style%3D%22width%3A%20256px%3B%20height%3A%20256px%3B%20opacity%3A%201%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%23374149%3B%7D%3C%2Fstyle%3E%3Cg%3E%20%3Cpolygon%20class%3D%22st0%22%20points%3D%22221.18%2C250.621%20153.547%2C183.836%2091.934%2C245.453%2091.668%2C245.719%2091.668%2C245.719%2091.614%2C245.773%20221.207%2C374.516%20512%2C83.02%20450.121%2C21.14%20450.121%2C21.136%20450.121%2C21.136%20450.062%2C21.082%20407.187%2C64.109%20348.152%2C123.258%20%22%20style%3D%22fill%3A%20rgb(223%2C%2086%2C%2086)%3B%22%3E%3C%2Fpolygon%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M439.379%2C211.941v-0.113l-50.34%2C50.484V407.5c0%2C18.266-14.883%2C33.078-33.078%2C33.078H83.418%20c-18.266%2C0-33.078-14.813-33.078-33.078V259.578v-13.66V134.957c0-18.192%2C14.812-33.082%2C33.078-33.082h230.188l6.543-6.539%20l25.546-25.59l17.809-17.766c-0.023-0.004-0.047-0.004-0.066-0.004l0.074-0.078c-2.446-0.211-4.962-0.36-7.551-0.36H83.418%20C37.394%2C51.539%2C0%2C89.008%2C0%2C134.957V407.5c0%2C46.028%2C37.394%2C83.418%2C83.418%2C83.418h272.543c45.954%2C0%2C83.418-37.39%2C83.418-83.418%20V292.227l0.058-80.34L439.379%2C211.941z%22%20style%3D%22fill%3A%20rgb(223%2C%2086%2C%2086)%3B%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
#sb-part-7447.sb-custom-part-mich3tzwwikw6bnexwk .f1 {
color: red;
font-weight: bold;
background: rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #ffff00 0%) repeat scroll 0 0;
}
#sb-part-7447.sb-custom-part-mich3tzwwikw6bnexwk .f2 {
font-weight: bold;
background: rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #ffff00 0%) repeat scroll 0 0;
}
#sb-part-7447.sb-custom-part-mich3tzwwikw6bnexwk .f3 {
font-weight: bold;
color: red;
}
#sb-part-7447.sb-custom-part-mich3tzwwikw6bnexwk
/*ボタンの設定*/
.auraBtn {
position: relative;
/*幅サイズを変更する場合は下記数値を変更ください*/
width: 90%;
/*ボタンの外側の余白 1番目の値は上下余白、2番目の値は左右余白auto（=中央揃えするため）*/
margin: 2em auto;
}
#sb-part-7447.sb-custom-part-mich3tzwwikw6bnexwk
/*ボタンが広がるアニメーション（1番目）*/
.auraBtn:before {
/*アニメーションの設定 変更する場合は該当場所を修正してください。
アニメーション名、動きの速さ.2s（=0.2秒）、動き具合、動く回数*/
animation: auraBtn 2s ease-out infinite
}
#sb-part-7447.sb-custom-part-mich3tzwwikw6bnexwk
/*ボタンが広がるアニメーション（2番目）*/
.auraBtn:after {
/*アニメーションの設定 変更する場合は該当場所を修正してください。
アニメーション名、動きの速さ.2s（=0.2秒）、動き具合、動くタイミング1s(=1秒後）、動く回数*/
animation: auraBtn 2s ease-out 1s infinite
}
#sb-part-7447.sb-custom-part-mich3tzwwikw6bnexwk
/*ボタンが広がるアニメーション（共通設定）*/
.auraBtn:before,
#sb-part-7447.sb-custom-part-mich3tzwwikw6bnexwk .auraBtn:after {
content: "";
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
/*ボタンの角丸*/
border-radius: 100vh;
/*広がるボタンの色(green, red, blue以外の場合はここを修正してください）*/
background: #66cdaa;
/*広がるボタンの初期位置*/
transform: translate3d(0, 0, 0);
}
#sb-part-7447.sb-custom-part-mich3tzwwikw6bnexwk
/*ボタン自体の設定*/
.auraBtn a {
/*文字の色*/
color: #fff;
/*文字の太さ*/
font-weight: 600;
display: block;
/*内側の余白 1番目の値は上下余白、2番目の値は左右余白*/
padding: 20px 0;
/*ボタンの角丸*/
border-radius: 100vh;
/*ボタン内テキストの水平方向の位置*/
text-align: center;
/*リンクの装飾*/
text-decoration: none;
/*ボタンの色(green, red, blue以外の場合はここを修正してください）*/
background: #66cdaa;
position: relative;
z-index: 1;
}
#sb-part-7447.sb-custom-part-mich3tzwwikw6bnexwk
/*ボタン右側の矢印の設定*/
.auraBtn a span {
display: block;
position: relative;
}
#sb-part-7447.sb-custom-part-mich3tzwwikw6bnexwk .auraBtn a span:after {
content: "";
position: absolute;
/*矢印の位置*/
top: calc(50% - 4px);
right: 25px;
/*矢印の横幅*/
width: 8px;
/*矢印の高さ*/
height: 8px;
/*矢印の線 太さ、線種、色*/
border-right: 2px solid #fff;
border-top: 2px solid #fff;
/*矢印の回転角度*/
-webkit-transform: rotate(45deg);
transform: rotate(45deg)
}
#sb-part-7447.sb-custom-part-mich3tzwwikw6bnexwk
/*赤の場合の色*/
.auraBtn.red a {
background: #ff5555;
}
#sb-part-7447.sb-custom-part-mich3tzwwikw6bnexwk .auraBtn.red:before,
#sb-part-7447.sb-custom-part-mich3tzwwikw6bnexwk .auraBtn.red:after {
background: #ffaaae;
border: 1px solid #ff999e;
}
#sb-part-7447.sb-custom-part-mich3tzwwikw6bnexwk
/*青の場合の色*/
.auraBtn.blue a {
background: #389aff;
}
#sb-part-7447.sb-custom-part-mich3tzwwikw6bnexwk .auraBtn.blue:before,
#sb-part-7447.sb-custom-part-mich3tzwwikw6bnexwk .auraBtn.blue:after {
background: #389aff;
border: 1px solid #389aff;
}
/* sb-custom-part-ma1xag1uq15b0i3v8r */
#sb-part-7448.sb-custom-part-ma1xag1uq15b0i3v8r .box-ad {
border: 6px solid #8eafed;
border-radius: 4px;
padding: 10px;
}
#sb-part-7448.sb-custom-part-ma1xag1uq15b0i3v8r .box-ad strong {
color: #d21336;
font-style: normal;
}
#sb-part-7448.sb-custom-part-ma1xag1uq15b0i3v8r .box-ad .title {
color: #000000;
font-size: 22px;
font-weight: bold;
border-bottom: 1px dotted #696969;
margin: 0;
}
#sb-part-7448.sb-custom-part-ma1xag1uq15b0i3v8r .box-ad .wrap-subtitle {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 1.2em 0;
}
#sb-part-7448.sb-custom-part-ma1xag1uq15b0i3v8r .box-ad .wrap-subtitle .subtitle {
font-size: 2em;
line-height: 1.2;
padding: 0;
margin: 0;
}
#sb-part-7448.sb-custom-part-ma1xag1uq15b0i3v8r .box-ad .wrap-subtitle .subtitle>img {
display: inline-block !important;
vertical-align: bottom;
}
#sb-part-7448.sb-custom-part-ma1xag1uq15b0i3v8r .box-ad .star-rate {
position: relative;
font-size: 1.5em;
letter-spacing: -0.2em;
color: #efbb5a;
}
#sb-part-7448.sb-custom-part-ma1xag1uq15b0i3v8r .box-ad .star-rate>span {
position: absolute;
display: block;
top: -50%;
left: -100%;
letter-spacing: normal;
font-size: 0.8em;
color: #244b73;
font-weight: 700;
background-color: #90c4bd;
padding: 0.5em;
border-radius: 50%;
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
}
#sb-part-7448.sb-custom-part-ma1xag1uq15b0i3v8r .box-ad .star-rate>span::before {
content: "";
position: absolute;
display: block;
width: 0;
height: 0;
right: 12px;
bottom: -4px;
border-right: 16px solid #90c4bd;
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
}
#sb-part-7448.sb-custom-part-ma1xag1uq15b0i3v8r .box-ad .wrap-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
width: 100%;
}
#sb-part-7448.sb-custom-part-ma1xag1uq15b0i3v8r .box-ad .wrap-item>figure {
margin: 0 0.5px 0 0;
}
#sb-part-7448.sb-custom-part-ma1xag1uq15b0i3v8r .box-ad .wrap-item .txt {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
}
#sb-part-7448.sb-custom-part-ma1xag1uq15b0i3v8r .box-ad .wrap-item table {
width: 100%;
table-layout: fixed;
border-collapse: collapse;
text-align: center;
}
#sb-part-7448.sb-custom-part-ma1xag1uq15b0i3v8r .box-ad .wrap-item table th {
border: 1.3px solid #ff99a8;
font-size: 13px;
background-color: #ffe6e9;
padding: 0.4em;
}
#sb-part-7448.sb-custom-part-ma1xag1uq15b0i3v8r .box-ad .wrap-item table td {
border: 1.3px solid #ff99a8;
font-size: 13px;
background-color: #ffffff;
padding: 0.4em;
font-weight: bold;
}
#sb-part-7448.sb-custom-part-ma1xag1uq15b0i3v8r .box-ad .wrap-item ul {
font-weight: 700;
margin: 0 0 1em;
list-style: disc;
}
#sb-part-7448.sb-custom-part-ma1xag1uq15b0i3v8r .box-ad .wrap-tags {
font-weight: 700;
}
#sb-part-7448.sb-custom-part-ma1xag1uq15b0i3v8r .box-ad .wrap-tags ul {
list-style: none;
padding: 0;
font-weight: normal;
display: inline-block;
}
#sb-part-7448.sb-custom-part-ma1xag1uq15b0i3v8r .box-ad .wrap-tags ul>li {
display: inline-block;
font-size: 0.8em;
border: 1px solid #f58719;
color: #f58719;
padding: 0.1em 0.4em;
}
#sb-part-7448.sb-custom-part-ma1xag1uq15b0i3v8r .box-ad .wrap-tags ul>li.no {
border-color: #999999;
color: #999999;
text-decoration: line-through;
}
#sb-part-7448.sb-custom-part-ma1xag1uq15b0i3v8r .box-ad .balloon {
position: relative;
width: 60%;
margin: 0 auto;
color: #fff;
background-color: #92c24d;
text-align: center;
padding: 0.2em;
border-radius: 1.1em;
}
#sb-part-7448.sb-custom-part-ma1xag1uq15b0i3v8r .box-ad .balloon::before {
content: "";
position: absolute;
top: 100%;
left: 50%;
margin-left: -10px;
border: 10px solid transparent;
border-top: 10px solid #92c24d;
}
#sb-part-7448.sb-custom-part-ma1xag1uq15b0i3v8r .box-ad .wrap-btn {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
text-align: center;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin-top: 1.2em;
}
#sb-part-7448.sb-custom-part-ma1xag1uq15b0i3v8r .box-ad .wrap-btn .link1 {
-ms-flex-preferred-size: 39%;
flex-basis: 39%;
}
#sb-part-7448.sb-custom-part-ma1xag1uq15b0i3v8r .box-ad .wrap-btn .link1 a {
font-size: 1.2em;
display: block;
padding: 1em;
text-decoration: none;
color: #fff;
font-weight: 700;
background-image: -webkit-gradient(linear, left top, left bottom, from(#bfc2bf), color-stop(50%, #bcbfbc), color-stop(51%, #a9a9a9), to(#cacaca));
background-image: linear-gradient(to bottom, #bfc2bf 0%, #bcbfbc 50%, #a9a9a9 51%, #cacaca 100%);
border-bottom: solid 3px #939393;
border-radius: 4px;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
#sb-part-7448.sb-custom-part-ma1xag1uq15b0i3v8r .box-ad .wrap-btn .link1 a:hover {
-webkit-transform: translateY(3px);
transform: translateY(3px);
-webkit-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
border-bottom: solid 1px #939393;
}
#sb-part-7448.sb-custom-part-ma1xag1uq15b0i3v8r .box-ad .wrap-btn .link2 {
-ms-flex-preferred-size: 60%;
flex-basis: 100%;
}
#sb-part-7448.sb-custom-part-ma1xag1uq15b0i3v8r .box-ad .wrap-btn .link2 a {
position: relative;
font-size: 1.2em;
display: block;
padding: 1em;
text-decoration: none;
color: #fff;
font-weight: 700;
background-color: #66cdaa;
border-bottom: solid 3px #3cb371;
border-radius: 4px;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
#sb-part-7448.sb-custom-part-ma1xag1uq15b0i3v8r .box-ad .wrap-btn .link2 a::before {
content: "";
position: absolute;
right: 1em;
font-size: 0.8em;
margin-top: 0.2em;
}
#sb-part-7448.sb-custom-part-ma1xag1uq15b0i3v8r .box-ad .wrap-btn .link2 a:hover {
-webkit-transform: translateY(3px);
transform: translateY(3px);
-webkit-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
border-bottom: solid 1px #ad5515;
}
#sb-part-7448.sb-custom-part-ma1xag1uq15b0i3v8r article {
font-size: 12px;
line-height: 1.2
}
#sb-part-7448.sb-custom-part-ma1xag1uq15b0i3v8r .container {
padding: 9px 14px;
border: 1px solid #E6ECF0;
border-radius: 10px;
}
#sb-part-7448.sb-custom-part-ma1xag1uq15b0i3v8r .img {
width: 100%;
height: auto;
}
#sb-part-7448.sb-custom-part-ma1xag1uq15b0i3v8r .reviewer {
display: flex;
}
#sb-part-7448.sb-custom-part-ma1xag1uq15b0i3v8r .reviewer-img-wrapper {
margin-right: 3px;
width: 25px;
}
#sb-part-7448.sb-custom-part-ma1xag1uq15b0i3v8r .reviewer-info {
display: flex;
align-items: center;
flex-wrap: wrap;
color: #765555;
}
#sb-part-7448.sb-custom-part-ma1xag1uq15b0i3v8r .reviewer-name {
display: flex;
margin-right: 10px;
font-size: 15px;
color: #000000;
font-weight: bold
}
#sb-part-7448.sb-custom-part-ma1xag1uq15b0i3v8r .reviewer-age {
display: flex;
color: #000000;
}
#sb-part-7448.sb-custom-part-ma1xag1uq15b0i3v8r .reviewer-attr {
display: flex;
color: #000000;
margin-right: 10px;
}
#sb-part-7448.sb-custom-part-ma1xag1uq15b0i3v8r .reviewer-attr:before {
content: '/';
margin: 0 5px;
}
#sb-part-7448.sb-custom-part-ma1xag1uq15b0i3v8r .reviewer-reviews {
display: flex;
margin-right: 5px;
}
#sb-part-7448.sb-custom-part-ma1xag1uq15b0i3v8r .stars-count {
color: black;
font-weight: bold;
}
#sb-part-7448.sb-custom-part-ma1xag1uq15b0i3v8r .star {
position: relative;
display: inline-block;
width: 0;
height: 0;
margin-left: .5em;
margin-right: .5em;
margin-bottom: 1em;
border-right: .3em solid transparent;
border-bottom: .7em solid #FC0;
border-left: .3em solid transparent;
/* Controlls the size of the stars. */
font-size: 7px;
}
#sb-part-7448.sb-custom-part-ma1xag1uq15b0i3v8r .star:before,
#sb-part-7448.sb-custom-part-ma1xag1uq15b0i3v8r .star:after {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
top: .6em;
left: -1em;
border-right: 1em solid transparent;
border-bottom: .7em solid #FC0;
border-left: 1em solid transparent;
transform: rotate(-35deg);
}
#sb-part-7448.sb-custom-part-ma1xag1uq15b0i3v8r .star:after {
transform: rotate(35deg);
}
#sb-part-7448.sb-custom-part-ma1xag1uq15b0i3v8r .tag-wrapper {
margin: 5px 10px 0;
}
#sb-part-7448.sb-custom-part-ma1xag1uq15b0i3v8r .tag {
padding: 3px 6px;
border: 1px solid #ff99a8;
border-radius: 10px;
color: #d2691e;
background-color: #ffe6e9;
font-size: 10px;
}
#sb-part-7448.sb-custom-part-ma1xag1uq15b0i3v8r .main {
margin-top: 10px;
width: 100%;
font-size: 0;
}
#sb-part-7448.sb-custom-part-ma1xag1uq15b0i3v8r .main-img-wrapper {
margin-top: 10px;
display: inline-block;
width: 50%;
}
#sb-part-7448.sb-custom-part-ma1xag1uq15b0i3v8r .main-img-wrapper:not(:first-child) {
margin-top: 3px;
}
#sb-part-7448.sb-custom-part-ma1xag1uq15b0i3v8r .main-text {
margin-block-start: 0;
margin-block-end: 0;
font-size: 15px;
}
#sb-part-7448.sb-custom-part-ma1xag1uq15b0i3v8r footer {
color: #765555;
}
#sb-part-7448.sb-custom-part-ma1xag1uq15b0i3v8r .b-marker {
background: linear-gradient(transparent 60%, #cce5ff 0%);
}
#sb-part-7448.sb-custom-part-ma1xag1uq15b0i3v8r
/* reset */
img {
margin: 0 !important;
}
#sb-part-7448.sb-custom-part-ma1xag1uq15b0i3v8r p {
margin: 0;
}
#sb-part-7448.sb-custom-part-ma1xag1uq15b0i3v8r
/* resetここまで */
.box-ad .list-check {
margin: 1em 0 0;
padding: 0;
list-style: none;
}
#sb-part-7448.sb-custom-part-ma1xag1uq15b0i3v8r .box-ad .list-check>li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-weight: 700;
}
#sb-part-7448.sb-custom-part-ma1xag1uq15b0i3v8r .box-ad .list-check>li::before {
content: "";
display: inline-block;
-ms-flex-negative: 0;
flex-shrink: 0;
margin: 0.1em 0.4em 0 0;
width: 1.2em;
height: 1.2em;
background-repeat: no-repeat;
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22_x31_0%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20512%20512%22%20style%3D%22width%3A%20256px%3B%20height%3A%20256px%3B%20opacity%3A%201%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%23374149%3B%7D%3C%2Fstyle%3E%3Cg%3E%20%3Cpolygon%20class%3D%22st0%22%20points%3D%22221.18%2C250.621%20153.547%2C183.836%2091.934%2C245.453%2091.668%2C245.719%2091.668%2C245.719%2091.614%2C245.773%20221.207%2C374.516%20512%2C83.02%20450.121%2C21.14%20450.121%2C21.136%20450.121%2C21.136%20450.062%2C21.082%20407.187%2C64.109%20348.152%2C123.258%20%22%20style%3D%22fill%3A%20rgb(223%2C%2086%2C%2086)%3B%22%3E%3C%2Fpolygon%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M439.379%2C211.941v-0.113l-50.34%2C50.484V407.5c0%2C18.266-14.883%2C33.078-33.078%2C33.078H83.418%20c-18.266%2C0-33.078-14.813-33.078-33.078V259.578v-13.66V134.957c0-18.192%2C14.812-33.082%2C33.078-33.082h230.188l6.543-6.539%20l25.546-25.59l17.809-17.766c-0.023-0.004-0.047-0.004-0.066-0.004l0.074-0.078c-2.446-0.211-4.962-0.36-7.551-0.36H83.418%20C37.394%2C51.539%2C0%2C89.008%2C0%2C134.957V407.5c0%2C46.028%2C37.394%2C83.418%2C83.418%2C83.418h272.543c45.954%2C0%2C83.418-37.39%2C83.418-83.418%20V292.227l0.058-80.34L439.379%2C211.941z%22%20style%3D%22fill%3A%20rgb(223%2C%2086%2C%2086)%3B%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
#sb-part-7448.sb-custom-part-ma1xag1uq15b0i3v8r .f1 {
color: red;
font-weight: bold;
background: rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #ffff00 0%) repeat scroll 0 0;
}
#sb-part-7448.sb-custom-part-ma1xag1uq15b0i3v8r .f2 {
font-weight: bold;
background: rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #ffff00 0%) repeat scroll 0 0;
}
#sb-part-7448.sb-custom-part-ma1xag1uq15b0i3v8r .f3 {
font-weight: bold;
color: red;
}
/* sb-custom-part-m4gq4yyetp9quqyu53 */
#sb-part-10019.sb-custom-part-m4gq4yyetp9quqyu53 .icon {
position: relative;
font-size: 21px;
font-weight: bold;
color: #FFFFFF;
background: #87CEFA;
line-height: 1.4;
padding: 11px 11px 11px 32px;
border-top: dotted 1px gray;
border-bottom: dotted 1px gray;
}
#sb-part-10019.sb-custom-part-m4gq4yyetp9quqyu53 .icon:before,
#sb-part-10019.sb-custom-part-m4gq4yyetp9quqyu53 .icon:after {
content: "";
position: absolute;
display: block;
top: 50%;
transform: translateY(-50%);
}
#sb-part-10019.sb-custom-part-m4gq4yyetp9quqyu53 .icon:before {
position: absolute;
width: 19px;
height: 19px;
border-radius: 50%;
background: #1E90FF;
left: 5px;
}
#sb-part-10019.sb-custom-part-m4gq4yyetp9quqyu53 .icon:after {
left: 5px;
width: 6px;
height: 6px;
border-top: 2px solid #FFFFFF;
border-right: 2px solid #FFFFFF;
transform: rotate(45deg) translateY(-65%);
}
/* sb-custom-part-m4htiz2x79qgw4vwkca */
#sb-part-10006.sb-custom-part-m4htiz2x79qgw4vwkca .box {
/*ボックスの周りの余白。上下｜左右*/
margin: 1em auto;
/*ボックスの背景色*/
background: #D8BFD8;
/*ボックスの角を丸める*/
border-radius: 4px;
/*ボックスの線。線の種類｜線の色｜線の太さ*/
border: solid #800080 1px;
/*ボックスの幅*/
max-width: 100%;
/*ボックスの内側の余白。上｜右｜下｜左*/
padding: 40px 5px 0px 10px;
position: relative;
box-sizing: border-box;
}
#sb-part-10006.sb-custom-part-m4htiz2x79qgw4vwkca .box .box-title {
/*見出しの背景色*/
background: #8B008B;
/*見出しの文字の色*/
color: #fff;
/*見出しの文字の太さ*/
font-weight: bold;
/*見出し文字のサイズ*/
font-size: 20px;
/*文字の水平方向の配置。左寄せはleft、真ん中はcenter*/
text-align: center;
/*見出し部分の角丸。上｜右｜下｜左*/
border-radius: 4px 4px 0px 0px;
position: absolute;
line-height: 2;
padding: 1px;
letter-spacing: .05em;
left: 0;
top: 0;
width: 100%;
margin: 0;
box-sizing: border-box;
}
#sb-part-10006.sb-custom-part-m4htiz2x79qgw4vwkca .box ol {
padding: 0;
position: relative;
padding-top: 3px;
margin-left: 0;
list-style-type: none;
border: 0;
counter-reset: number;
}
#sb-part-10006.sb-custom-part-m4htiz2x79qgw4vwkca .box ol li {
/*リスト文字の色*/
color: #333;
list-style-type: none;
padding: .5em 0 .5em 3em;
line-height: 1.6;
}
#sb-part-10006.sb-custom-part-m4htiz2x79qgw4vwkca .box li::before {
color: #fff;
background: #800080;
display: inline-block;
position: absolute;
width: 25px;
height: 25px;
border-radius: 50%;
color: white;
font-size: 15px;
font-weight: bold;
text-align: center;
vertical-align: middle;
line-height: 25px;
content: counter(number);
counter-increment: number;
left: 10px;
margin-left: 0;
}
/* sb-custom-part-m4i2jp5e0vd571nhg8l */
#sb-part-9757.sb-custom-part-m4i2jp5e0vd571nhg8l .downArrow {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
#sb-part-9757.sb-custom-part-m4i2jp5e0vd571nhg8l .downArrow>span {
/* 矢印の大きさの設定 */
width: 100px;
height: 65px;
padding: 0 10px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
#sb-part-9757.sb-custom-part-m4i2jp5e0vd571nhg8l .downArrow>span::before {
content: "";
display: block;
margin: 0 auto;
width: 50%;
height: 40%;
/* 矢印の色の設定 */
background: #FF1493;
}
#sb-part-9757.sb-custom-part-m4i2jp5e0vd571nhg8l .downArrow>span::after {
content: "";
display: block;
width: 100%;
height: 60%;
/* 矢印の色の設定 */
background: -webkit-gradient(linear, left bottom, right top, color-stop(49%, transparent), color-stop(50%, #FF1493)) top left/50% 100% no-repeat, -webkit-gradient(linear, right bottom, left top, color-stop(49%, transparent), color-stop(50%, #FF1493)) top right/50% 100% no-repeat;
background: linear-gradient(to top right, transparent 49%, #FF1493 50%) top left/50% 100% no-repeat, linear-gradient(to top left, transparent 49%, #FF1493 50%) top right/50% 100% no-repeat;
}
#sb-part-9757.sb-custom-part-m4i2jp5e0vd571nhg8l
/*動きの速さを変更する場合は、複数あるanimation-durationの1.5s(=1.5秒)の時間を変更
動きの回数を変更する場合は、複数あるanimation-iteration-countのinfinite（=無限, #sb-part-9757.sb-custom-part-m4i2jp5e0vd571nhg8l 3=3回など）を変更*/
.movebtn {
-webkit-animation-name: btnAnime02;
-webkit-animation-duration: 1.5s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: ease;
-moz-animation-name: btnAnime02;
-moz-animation-duration: 1.5s;
-moz-animation-iteration-count: infinite;
-moz-animation-timing-function: ease;
align-items: flex-start;
justify-content: center;
}
/* sb-custom-part-m4hv8v3pvwc5mt3f1lp */
#sb-part-2780.sb-custom-part-m4hv8v3pvwc5mt3f1lp .icon {
position: relative;
font-size: 21px;
font-weight: bold;
color: #ff6a6a;
background: #fffff4;
line-height: 1.4;
padding: 11px 11px 11px 32px;
border-top: dotted 1px gray;
border-bottom: dotted 1px gray;
}
#sb-part-2780.sb-custom-part-m4hv8v3pvwc5mt3f1lp .icon:before,
#sb-part-2780.sb-custom-part-m4hv8v3pvwc5mt3f1lp .icon:after {
content: "";
position: absolute;
display: block;
top: 50%;
transform: translateY(-50%);
}
#sb-part-2780.sb-custom-part-m4hv8v3pvwc5mt3f1lp .icon:before {
position: absolute;
width: 19px;
height: 19px;
border-radius: 50%;
background: #ff6a6a;
left: 5px;
}
#sb-part-2780.sb-custom-part-m4hv8v3pvwc5mt3f1lp .icon:after {
left: 5px;
width: 6px;
height: 6px;
border-top: 2px solid #fff;
border-right: 2px solid #fff;
transform: rotate(45deg) translateY(-65%);
}
/* sb-custom-part-m4hv7jln0gv36ye5hnbb */
#sb-part-12318.sb-custom-part-m4hv7jln0gv36ye5hnbb .faq-bg {
background-color: #FFF8E9;
padding: 1em;
}
#sb-part-12318.sb-custom-part-m4hv7jln0gv36ye5hnbb .faq>*+* {
margin-block-start: 1em;
}
#sb-part-12318.sb-custom-part-m4hv7jln0gv36ye5hnbb .faq-item {
background-color: #FFFFFF;
}
#sb-part-12318.sb-custom-part-m4hv7jln0gv36ye5hnbb .faq-item[open] .faq-question::after {
rotate: 180deg;
}
#sb-part-12318.sb-custom-part-m4hv7jln0gv36ye5hnbb .faq-item[open] .faq-answer {
/*animation: fadeIn .5s ease-in-out .25s forwards;*/
opacity: 1;
transform: translateY(0px);
}
#sb-part-12318.sb-custom-part-m4hv7jln0gv36ye5hnbb .faq-question {
cursor: pointer;
position: relative;
padding: 1em 2.5em 1em 1em;
font-weight: 800;
transition: 0.5s;
}
#sb-part-12318.sb-custom-part-m4hv7jln0gv36ye5hnbb .faq-question::after {
content: "";
position: absolute;
top: calc(50% - 0.625em);
right: 1.5em;
transition: 0.5s;
width: .75em;
height: .75em;
border-bottom: 4px solid #4f5ed2;
border-right: 4px solid #4f5ed2;
transform: rotate(45deg);
}
#sb-part-12318.sb-custom-part-m4hv7jln0gv36ye5hnbb .faq-answer {
font-weight: 400;
padding: 1em 1em;
background-color: #fff5f4;
margin: .5em 0;
opacity: 0;
transform: translateY(-10px);
animation-delay: .5s;
transition-property: transform;
}
#sb-part-12318.sb-custom-part-m4hv7jln0gv36ye5hnbb summary {
display: block;
list-style: none;
box-shadow: 0 2px 6px 0px #dedede;
border-radius: 5px;
line-height: 1;
}
#sb-part-12318.sb-custom-part-m4hv7jln0gv36ye5hnbb .faq-answer::before,
#sb-part-12318.sb-custom-part-m4hv7jln0gv36ye5hnbb summary::before {
content: "";
font-family: 'Lexend Deca', sans-serif;
font-weight: 500;
font-size: 1.4em;
}
#sb-part-12318.sb-custom-part-m4hv7jln0gv36ye5hnbb .faq-answer::before {
content: "A";
color: #f1487c;
}
#sb-part-12318.sb-custom-part-m4hv7jln0gv36ye5hnbb summary::before {
content: "Q";
color: #4f5ed2;
}
#sb-part-12318.sb-custom-part-m4hv7jln0gv36ye5hnbb summary::-webkit-details-marker {
display: none;
}
@media screen and (max-width: 550px) {
#sb-part-12318.sb-custom-part-m4hv7jln0gv36ye5hnbb .faq {
font-size: 3.6vw;
}
#sb-part-12318.sb-custom-part-m4hv7jln0gv36ye5hnbb .faq-question::after {
right: 1em;
}
}
/* 装飾クラス */
.bold-red { color: #e60033; font-weight: bold; }
.marker-pink { background: linear-gradient(transparent 60%, #ffd0d1 60%); font-weight: bold; }
.bold-blue { color: #0095d9; font-weight: bold; }
.note-annotation { font-size: 13px; color: #888; margin: 0.5em 0; text-align: right; line-height: 1.4; }
.marker { background: linear-gradient(transparent 60%, #ffff00 0%); font-weight: bold; }