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 {
}
@media screen and (min-width: 920px) {
body {
width: 650px;
}
}
.article-body {
font-size: 15px !important;
font-family: Hiragino Sans, Arial, sans-serif !important;
color: #000000 !important;
line-height: 1.2 !important;
padding-top: 2px !important;
padding-bottom: 0px !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: 15px !important;
font-family: Hiragino Sans, Arial, sans-serif !important;
color: #000000 !important;
line-height: 1.2 !important;
}
body .article-body .sb-custom img {
margin-top: 0px !important;
margin-bottom: 0px !important;
}
#sb-part-14762.sb-custom-part-miwsh73d7tl0ce1j2sp .main {
margin: 0px -5px 0 -5px !important;
max-width: unset;
}
#sb-part-14762.sb-custom-part-miwsh73d7tl0ce1j2sp img {
width: 100%;
}
#sb-part-14762.sb-custom-part-miwsh73d7tl0ce1j2sp .pr-text {
text-align: right;
font-size: 10px;
color: #bbbbbb;
white-space: nowrap;
}
#sb-part-73.sb-custom-part-mhvoz4bjew24ztc7cmi .background {
/*枠の外側の余白指定。左の値で上下の余白変更*/
margin: 0.5em 0;
/*枠の内側の余白。上下｜左右*/
padding: 0.5em 1em;
/*背景色*/
background: #efefff;
/*文字色*/
color: #000000;
box-sizing: border-box;
}
#sb-part-73.sb-custom-part-mhvoz4bjew24ztc7cmi p {
/*文字周りの余白。上下｜左右*/
margin: 0.5em 0;
/*文字の太さ。太字はbold、標準の太さはnormal*/
font-weight: normal;
/*文字水平方向の字間スペース*/
letter-spacing: 0.04em;
}
#sb-part-3045.sb-custom-part-mg7qle8l28hyqcgumlt h2 {
/*文字サイズ*/
font-size: 20px;
/* 背景色 */
background-color: #915da3;
/* 文字色 */
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-3045.sb-custom-part-mfthl87u7ksv367tejh h2 {
/*文字サイズ*/
font-size: 20px;
/* 背景色 */
background-color: #915da3;
/* 文字色 */
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-3045.sb-custom-part-kx5gq9px52bkkry9qhs h2 {
/*文字サイズ*/
font-size: 20px;
/* 背景色 */
background-color: #915da3;
/* 文字色 */
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-855.sb-custom-part-mg7qoy28a4s309othq .kakomi {
/*ボックスの横幅*/
width: 100%;
/* ボックス点線。ドットの太さ｜種類｜ドットの色*/
border: 5px dotted #915da3;
/*背景色*/
background-color: #fff;
/*ボックスの角を丸くする*/
border-radius: 10px;
text-align: left;
margin: 0 auto;
padding: 3px;
box-sizing: border-box;
}
#sb-part-855.sb-custom-part-mg7qoy28a4s309othq ul {
list-style-type: none;
margin: 0.5em 0 0;
}
#sb-part-855.sb-custom-part-mg7qoy28a4s309othq ul li {
position: relative;
padding-bottom: 0em;
}
#sb-part-855.sb-custom-part-mg7qoy28a4s309othq ul li::after {
display: block;
content: '';
position: absolute;
top: 0.5em;
left: -2em;
width: 8px;
height: 3px;
/*カラーコードで、チェックマーク前半分の色指定*/
border-left: 2px solid #915da3;
/*カラーコードで、チェックマーク後半分の色指定*/
border-bottom: 2px solid #915da3;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
#sb-part-3063.sb-custom-part-miwsif4rwgcc5myo98 h2 {
/*文字サイズ*/
font-size: 18px;
/*文字の色*/
color: #fff;
/*吹き出しの背景色。下のh2:afterのborder-colorも同じ色を指定ください*/
background: #5ec3eb;
/*フォントの太さを指定。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-miwsif4rwgcc5myo98 h2:after {
position: absolute;
bottom: -9px;
left: 1em;
width: 0;
height: 0;
content: '';
border-width: 20px 20px 0 20px;
border-style: solid;
/*吹き出しのしっぽ色*/
border-color: #5ec3eb transparent transparent transparent;
}
#sb-part-2737.sb-custom-part-m0unhfv6xs75o0ur2m body {
line-height: 1.25;
}
#sb-part-2737.sb-custom-part-m0unhfv6xs75o0ur2m table {
border-collapse: collapse;
margin: 0 auto;
padding: 0;
width: 100%;
table-layout: fixed;
}
#sb-part-2737.sb-custom-part-m0unhfv6xs75o0ur2m table tr {
background-color: #fff;
padding: .35em;
border: 2px solid #eee;
}
#sb-part-2737.sb-custom-part-m0unhfv6xs75o0ur2m table tr:last-child {
border: none;
}
#sb-part-2737.sb-custom-part-m0unhfv6xs75o0ur2m table th {
background-color: #d1bada;
color: #000000;
padding: 1em;
border-right: 2px solid #fff;
}
#sb-part-2737.sb-custom-part-m0unhfv6xs75o0ur2m table td {
padding: 1em .2em;
border-right: 2px solid #eee;
text-align: center;
}
#sb-part-2737.sb-custom-part-m0unhfv6xs75o0ur2m table th {
font-size: .85em;
}
#sb-part-2737.sb-custom-part-m0unhfv6xs75o0ur2m table thead tr {
background-color: #fff;
color: #fff;
}
#sb-part-2737.sb-custom-part-m0unhfv6xs75o0ur2m table thead td {
border-right: 2px solid #eee;
color: BLACK;
}
#sb-part-2737.sb-custom-part-m0unhfv6xs75o0ur2m table tbody th {
border-right: 2px solid #eee;
}
#sb-part-2737.sb-custom-part-m0unhfv6xs75o0ur2m th.non {
border-right: none;
}
#sb-part-2737.sb-custom-part-m0unhfv6xs75o0ur2m .txt {
text-align: center;
font-size: .85em;
}
#sb-part-2737.sb-custom-part-m0unhfv6xs75o0ur2m .price {
color: #000;
font-weight: bold;
font-size: 1em
}
#sb-part-2737.sb-custom-part-m0unhfv6xs75o0ur2m .price span {
font-size: .6em;
}
#sb-part-2737.sb-custom-part-m0unhfv6xs75o0ur2m .red_bk {
background: #e81010
}
#sb-part-2737.sb-custom-part-m0unhfv6xs75o0ur2m .btn:hover {
background: #fff;
border: 2px solid #e81010;
color: #e81010;
transition: .2s;
}
@media screen and (max-width: 600px) {
#sb-part-2737.sb-custom-part-m0unhfv6xs75o0ur2m .wrap {
overflow-x: scroll;
}
}
#sb-part-2737.sb-custom-part-m0unhfv6xs75o0ur2m .btn-area {
/*水平方向のボタンの配置。左寄せはleft、真ん中はcenter*/
text-align: center;
/*ボタン周りの余白。左の値が上下の余白、右の値が左右の余白。*/
margin: 0em 0;
}
#sb-part-2737.sb-custom-part-m0unhfv6xs75o0ur2m 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-2737.sb-custom-part-m0unhfv6xs75o0ur2m a.btn:hover {
/*ボタンの上にカーソルを乗せた時の文字の色*/
color: #fff;
/*ボタンの上にカーソルを乗せた時の背景色*/
background: #90ee90;
/*ボタンの上にカーソルを載せた時の透明度。0から1まで*/
opacity: 0.7;
text-decoration: none;
}
#sb-part-2737.sb-custom-part-m0unhfv6xs75o0ur2m 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-2737.sb-custom-part-m0unhfv6xs75o0ur2m 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-2737.sb-custom-part-m0unhfv6xs75o0ur2m .ex2 {
font-size: 15px;
line-height: 0
}
#sb-part-2737.sb-custom-part-m0unhfv6xs75o0ur2m .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-2737.sb-custom-part-m0unhfv6xs75o0ur2m .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-2737.sb-custom-part-m0unhfv6xs75o0ur2m 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-2737.sb-custom-part-m0unhfv6xs75o0ur2m
/*----------------------------*/
.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-2737.sb-custom-part-m0unhfv6xs75o0ur2m .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-2737.sb-custom-part-m0unhfv6xs75o0ur2m a.btn3:hover {
/*ボタンの上にカーソルを置いた時の背景色を指定*/
background: #55c55a;
}
#sb-part-2737.sb-custom-part-m0unhfv6xs75o0ur2m .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-2271.sb-custom-part-miwsfbackug6iu1vhf .box-ad {
border: 6px solid #636dc7;
border-radius: 4px;
padding: 10px;
}
#sb-part-2271.sb-custom-part-miwsfbackug6iu1vhf .box-ad strong {
color: #d21336;
font-style: normal;
}
#sb-part-2271.sb-custom-part-miwsfbackug6iu1vhf .box-ad .title {
color: #e06320;
font-size: 2em;
font-weight: bold;
border-bottom: 1px dotted #696969;
margin: 0;
}
#sb-part-2271.sb-custom-part-miwsfbackug6iu1vhf .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-2271.sb-custom-part-miwsfbackug6iu1vhf .box-ad .wrap-subtitle .subtitle {
font-size: 2em;
line-height: 1.2;
padding: 0;
margin: 0;
}
#sb-part-2271.sb-custom-part-miwsfbackug6iu1vhf .box-ad .wrap-subtitle .subtitle>img {
display: inline-block !important;
vertical-align: bottom;
}
#sb-part-2271.sb-custom-part-miwsfbackug6iu1vhf .box-ad .star-rate {
position: relative;
font-size: 1.5em;
letter-spacing: -0.2em;
color: #efbb5a;
}
#sb-part-2271.sb-custom-part-miwsfbackug6iu1vhf .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-2271.sb-custom-part-miwsfbackug6iu1vhf .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-2271.sb-custom-part-miwsfbackug6iu1vhf .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-2271.sb-custom-part-miwsfbackug6iu1vhf .box-ad .wrap-item>figure {
margin: 0 0.5px 0 0;
}
#sb-part-2271.sb-custom-part-miwsfbackug6iu1vhf .box-ad .wrap-item .txt {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
}
#sb-part-2271.sb-custom-part-miwsfbackug6iu1vhf .box-ad .wrap-item table {
width: 100%;
table-layout: fixed;
border-collapse: collapse;
text-align: center;
}
#sb-part-2271.sb-custom-part-miwsfbackug6iu1vhf .box-ad .wrap-item table th {
border: 1.5px solid #5ec3eb;
background-color: #ccf0ff;
padding: 0.4em;
}
#sb-part-2271.sb-custom-part-miwsfbackug6iu1vhf .box-ad .wrap-item table td {
border: 1.5px solid #5ec3eb;
background-color: #ffffff;
padding: 0.4em;
}
#sb-part-2271.sb-custom-part-miwsfbackug6iu1vhf .box-ad .wrap-item ul {
color: #535353;
font-weight: 700;
margin: 0 0 1em;
list-style: disc;
}
#sb-part-2271.sb-custom-part-miwsfbackug6iu1vhf .box-ad .wrap-tags {
font-weight: 700;
}
#sb-part-2271.sb-custom-part-miwsfbackug6iu1vhf .box-ad .wrap-tags ul {
list-style: none;
padding: 0;
font-weight: normal;
display: inline-block;
}
#sb-part-2271.sb-custom-part-miwsfbackug6iu1vhf .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-2271.sb-custom-part-miwsfbackug6iu1vhf .box-ad .wrap-tags ul>li.no {
border-color: #999999;
color: #999999;
text-decoration: line-through;
}
#sb-part-2271.sb-custom-part-miwsfbackug6iu1vhf .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-2271.sb-custom-part-miwsfbackug6iu1vhf .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-2271.sb-custom-part-miwsfbackug6iu1vhf .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-2271.sb-custom-part-miwsfbackug6iu1vhf .box-ad .wrap-btn .link1 {
-ms-flex-preferred-size: 39%;
flex-basis: 39%;
}
#sb-part-2271.sb-custom-part-miwsfbackug6iu1vhf .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-2271.sb-custom-part-miwsfbackug6iu1vhf .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-2271.sb-custom-part-miwsfbackug6iu1vhf .box-ad .wrap-btn .link2 {
-ms-flex-preferred-size: 60%;
flex-basis: 100%;
}
#sb-part-2271.sb-custom-part-miwsfbackug6iu1vhf .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-2271.sb-custom-part-miwsfbackug6iu1vhf .box-ad .wrap-btn .link2 a::before {
content: "";
position: absolute;
right: 1em;
font-size: 0.8em;
margin-top: 0.2em;
}
#sb-part-2271.sb-custom-part-miwsfbackug6iu1vhf .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-2271.sb-custom-part-miwsfbackug6iu1vhf article {
font-size: 12px;
line-height: 1.2
}
#sb-part-2271.sb-custom-part-miwsfbackug6iu1vhf .container {
padding: 9px 14px;
border: 1px solid #E6ECF0;
border-radius: 10px;
}
#sb-part-2271.sb-custom-part-miwsfbackug6iu1vhf .img {
width: 100%;
height: auto;
}
#sb-part-2271.sb-custom-part-miwsfbackug6iu1vhf .reviewer {
display: flex;
}
#sb-part-2271.sb-custom-part-miwsfbackug6iu1vhf .reviewer-img-wrapper {
margin-right: 3px;
width: 25px;
}
#sb-part-2271.sb-custom-part-miwsfbackug6iu1vhf .reviewer-info {
display: flex;
align-items: center;
flex-wrap: wrap;
color: #765555;
}
#sb-part-2271.sb-custom-part-miwsfbackug6iu1vhf .reviewer-name {
display: flex;
margin-right: 10px;
}
#sb-part-2271.sb-custom-part-miwsfbackug6iu1vhf .reviewer-age {
display: flex;
}
#sb-part-2271.sb-custom-part-miwsfbackug6iu1vhf .reviewer-attr {
display: flex;
margin-right: 10px;
}
#sb-part-2271.sb-custom-part-miwsfbackug6iu1vhf .reviewer-attr:before {
content: '/';
margin: 0 5px;
}
#sb-part-2271.sb-custom-part-miwsfbackug6iu1vhf .reviewer-reviews {
display: flex;
margin-right: 5px;
}
#sb-part-2271.sb-custom-part-miwsfbackug6iu1vhf .stars-count {
color: black;
font-weight: bold;
}
#sb-part-2271.sb-custom-part-miwsfbackug6iu1vhf .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-2271.sb-custom-part-miwsfbackug6iu1vhf .star:before,
#sb-part-2271.sb-custom-part-miwsfbackug6iu1vhf .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-2271.sb-custom-part-miwsfbackug6iu1vhf .star:after {
transform: rotate(35deg);
}
#sb-part-2271.sb-custom-part-miwsfbackug6iu1vhf .tag-wrapper {
margin: 5px 10px 0;
}
#sb-part-2271.sb-custom-part-miwsfbackug6iu1vhf .tag {
padding: 3px 6px;
border: 1px solid #5ec3eb;
border-radius: 10px;
color: #444444;
background-color: #ccf0ff;
font-size: 10px;
}
#sb-part-2271.sb-custom-part-miwsfbackug6iu1vhf .main {
margin-top: 10px;
width: 100%;
font-size: 0;
}
#sb-part-2271.sb-custom-part-miwsfbackug6iu1vhf .main-img-wrapper {
margin-top: 10px;
display: inline-block;
width: 50%;
}
#sb-part-2271.sb-custom-part-miwsfbackug6iu1vhf .main-img-wrapper:not(:first-child) {
margin-top: 3px;
}
#sb-part-2271.sb-custom-part-miwsfbackug6iu1vhf .main-text {
margin-block-start: 0;
margin-block-end: 0;
font-size: 14px;
}
#sb-part-2271.sb-custom-part-miwsfbackug6iu1vhf footer {
color: #765555;
}
#sb-part-2271.sb-custom-part-miwsfbackug6iu1vhf .b-marker {
background: linear-gradient(transparent 60%, #cce5ff 0%);
}
#sb-part-2271.sb-custom-part-miwsfbackug6iu1vhf
/* reset */
img {
margin: 0 !important;
}
#sb-part-2271.sb-custom-part-miwsfbackug6iu1vhf p {
margin: 0;
}
#sb-part-2271.sb-custom-part-miwsfbackug6iu1vhf
/* resetここまで */
.box-ad .list-check {
margin: 1em 0 0;
padding: 0;
list-style: none;
}
#sb-part-2271.sb-custom-part-miwsfbackug6iu1vhf .box-ad .list-check>li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-weight: 700;
}
#sb-part-2271.sb-custom-part-miwsfbackug6iu1vhf .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-2271.sb-custom-part-m0unhry73s6vkmx4jje .box-ad {
border: 6px solid #636dc7;
border-radius: 4px;
padding: 10px;
}
#sb-part-2271.sb-custom-part-m0unhry73s6vkmx4jje .box-ad strong {
color: #d21336;
font-style: normal;
}
#sb-part-2271.sb-custom-part-m0unhry73s6vkmx4jje .box-ad .title {
color: #e06320;
font-size: 2em;
font-weight: bold;
border-bottom: 1px dotted #696969;
margin: 0;
}
#sb-part-2271.sb-custom-part-m0unhry73s6vkmx4jje .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-2271.sb-custom-part-m0unhry73s6vkmx4jje .box-ad .wrap-subtitle .subtitle {
font-size: 2em;
line-height: 1.2;
padding: 0;
margin: 0;
}
#sb-part-2271.sb-custom-part-m0unhry73s6vkmx4jje .box-ad .wrap-subtitle .subtitle>img {
display: inline-block !important;
vertical-align: bottom;
}
#sb-part-2271.sb-custom-part-m0unhry73s6vkmx4jje .box-ad .star-rate {
position: relative;
font-size: 1.5em;
letter-spacing: -0.2em;
color: #efbb5a;
}
#sb-part-2271.sb-custom-part-m0unhry73s6vkmx4jje .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-2271.sb-custom-part-m0unhry73s6vkmx4jje .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-2271.sb-custom-part-m0unhry73s6vkmx4jje .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-2271.sb-custom-part-m0unhry73s6vkmx4jje .box-ad .wrap-item>figure {
margin: 0 0.5px 0 0;
}
#sb-part-2271.sb-custom-part-m0unhry73s6vkmx4jje .box-ad .wrap-item .txt {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
}
#sb-part-2271.sb-custom-part-m0unhry73s6vkmx4jje .box-ad .wrap-item table {
width: 100%;
table-layout: fixed;
border-collapse: collapse;
text-align: center;
}
#sb-part-2271.sb-custom-part-m0unhry73s6vkmx4jje .box-ad .wrap-item table th {
border: 1.5px solid #5ec3eb;
background-color: #ccf0ff;
padding: 0.4em;
}
#sb-part-2271.sb-custom-part-m0unhry73s6vkmx4jje .box-ad .wrap-item table td {
border: 1.5px solid #5ec3eb;
background-color: #ffffff;
padding: 0.4em;
}
#sb-part-2271.sb-custom-part-m0unhry73s6vkmx4jje .box-ad .wrap-item ul {
color: #535353;
font-weight: 700;
margin: 0 0 1em;
list-style: disc;
}
#sb-part-2271.sb-custom-part-m0unhry73s6vkmx4jje .box-ad .wrap-tags {
font-weight: 700;
}
#sb-part-2271.sb-custom-part-m0unhry73s6vkmx4jje .box-ad .wrap-tags ul {
list-style: none;
padding: 0;
font-weight: normal;
display: inline-block;
}
#sb-part-2271.sb-custom-part-m0unhry73s6vkmx4jje .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-2271.sb-custom-part-m0unhry73s6vkmx4jje .box-ad .wrap-tags ul>li.no {
border-color: #999999;
color: #999999;
text-decoration: line-through;
}
#sb-part-2271.sb-custom-part-m0unhry73s6vkmx4jje .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-2271.sb-custom-part-m0unhry73s6vkmx4jje .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-2271.sb-custom-part-m0unhry73s6vkmx4jje .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-2271.sb-custom-part-m0unhry73s6vkmx4jje .box-ad .wrap-btn .link1 {
-ms-flex-preferred-size: 39%;
flex-basis: 39%;
}
#sb-part-2271.sb-custom-part-m0unhry73s6vkmx4jje .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-2271.sb-custom-part-m0unhry73s6vkmx4jje .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-2271.sb-custom-part-m0unhry73s6vkmx4jje .box-ad .wrap-btn .link2 {
-ms-flex-preferred-size: 60%;
flex-basis: 100%;
}
#sb-part-2271.sb-custom-part-m0unhry73s6vkmx4jje .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-2271.sb-custom-part-m0unhry73s6vkmx4jje .box-ad .wrap-btn .link2 a::before {
content: "";
position: absolute;
right: 1em;
font-size: 0.8em;
margin-top: 0.2em;
}
#sb-part-2271.sb-custom-part-m0unhry73s6vkmx4jje .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-2271.sb-custom-part-m0unhry73s6vkmx4jje article {
font-size: 12px;
line-height: 1.2
}
#sb-part-2271.sb-custom-part-m0unhry73s6vkmx4jje .container {
padding: 9px 14px;
border: 1px solid #E6ECF0;
border-radius: 10px;
}
#sb-part-2271.sb-custom-part-m0unhry73s6vkmx4jje .img {
width: 100%;
height: auto;
}
#sb-part-2271.sb-custom-part-m0unhry73s6vkmx4jje .reviewer {
display: flex;
}
#sb-part-2271.sb-custom-part-m0unhry73s6vkmx4jje .reviewer-img-wrapper {
margin-right: 3px;
width: 25px;
}
#sb-part-2271.sb-custom-part-m0unhry73s6vkmx4jje .reviewer-info {
display: flex;
align-items: center;
flex-wrap: wrap;
color: #765555;
}
#sb-part-2271.sb-custom-part-m0unhry73s6vkmx4jje .reviewer-name {
display: flex;
margin-right: 10px;
}
#sb-part-2271.sb-custom-part-m0unhry73s6vkmx4jje .reviewer-age {
display: flex;
}
#sb-part-2271.sb-custom-part-m0unhry73s6vkmx4jje .reviewer-attr {
display: flex;
margin-right: 10px;
}
#sb-part-2271.sb-custom-part-m0unhry73s6vkmx4jje .reviewer-attr:before {
content: '/';
margin: 0 5px;
}
#sb-part-2271.sb-custom-part-m0unhry73s6vkmx4jje .reviewer-reviews {
display: flex;
margin-right: 5px;
}
#sb-part-2271.sb-custom-part-m0unhry73s6vkmx4jje .stars-count {
color: black;
font-weight: bold;
}
#sb-part-2271.sb-custom-part-m0unhry73s6vkmx4jje .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-2271.sb-custom-part-m0unhry73s6vkmx4jje .star:before,
#sb-part-2271.sb-custom-part-m0unhry73s6vkmx4jje .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-2271.sb-custom-part-m0unhry73s6vkmx4jje .star:after {
transform: rotate(35deg);
}
#sb-part-2271.sb-custom-part-m0unhry73s6vkmx4jje .tag-wrapper {
margin: 5px 10px 0;
}
#sb-part-2271.sb-custom-part-m0unhry73s6vkmx4jje .tag {
padding: 3px 6px;
border: 1px solid #5ec3eb;
border-radius: 10px;
color: #d2691e;
background-color: #ccf0ff;
font-size: 10px;
}
#sb-part-2271.sb-custom-part-m0unhry73s6vkmx4jje .main {
margin-top: 10px;
width: 100%;
font-size: 0;
}
#sb-part-2271.sb-custom-part-m0unhry73s6vkmx4jje .main-img-wrapper {
margin-top: 10px;
display: inline-block;
width: 50%;
}
#sb-part-2271.sb-custom-part-m0unhry73s6vkmx4jje .main-img-wrapper:not(:first-child) {
margin-top: 3px;
}
#sb-part-2271.sb-custom-part-m0unhry73s6vkmx4jje .main-text {
margin-block-start: 0;
margin-block-end: 0;
font-size: 14px;
}
#sb-part-2271.sb-custom-part-m0unhry73s6vkmx4jje footer {
color: #765555;
}
#sb-part-2271.sb-custom-part-m0unhry73s6vkmx4jje .b-marker {
background: linear-gradient(transparent 60%, #cce5ff 0%);
}
#sb-part-2271.sb-custom-part-m0unhry73s6vkmx4jje
/* reset */
img {
margin: 0 !important;
}
#sb-part-2271.sb-custom-part-m0unhry73s6vkmx4jje p {
margin: 0;
}
#sb-part-2271.sb-custom-part-m0unhry73s6vkmx4jje
/* resetここまで */
.box-ad .list-check {
margin: 1em 0 0;
padding: 0;
list-style: none;
}
#sb-part-2271.sb-custom-part-m0unhry73s6vkmx4jje .box-ad .list-check>li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-weight: 700;
}
#sb-part-2271.sb-custom-part-m0unhry73s6vkmx4jje .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-2271.sb-custom-part-ly6or4ycp84rsobw82m .box-ad {
border: 6px solid #636dc7;
border-radius: 4px;
padding: 10px;
}
#sb-part-2271.sb-custom-part-ly6or4ycp84rsobw82m .box-ad strong {
color: #d21336;
font-style: normal;
}
#sb-part-2271.sb-custom-part-ly6or4ycp84rsobw82m .box-ad .title {
color: #e06320;
font-size: 2em;
font-weight: bold;
border-bottom: 1px dotted #696969;
margin: 0;
}
#sb-part-2271.sb-custom-part-ly6or4ycp84rsobw82m .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-2271.sb-custom-part-ly6or4ycp84rsobw82m .box-ad .wrap-subtitle .subtitle {
font-size: 2em;
line-height: 1.2;
padding: 0;
margin: 0;
}
#sb-part-2271.sb-custom-part-ly6or4ycp84rsobw82m .box-ad .wrap-subtitle .subtitle>img {
display: inline-block !important;
vertical-align: bottom;
}
#sb-part-2271.sb-custom-part-ly6or4ycp84rsobw82m .box-ad .star-rate {
position: relative;
font-size: 1.5em;
letter-spacing: -0.2em;
color: #efbb5a;
}
#sb-part-2271.sb-custom-part-ly6or4ycp84rsobw82m .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-2271.sb-custom-part-ly6or4ycp84rsobw82m .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-2271.sb-custom-part-ly6or4ycp84rsobw82m .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-2271.sb-custom-part-ly6or4ycp84rsobw82m .box-ad .wrap-item>figure {
margin: 0 0.5px 0 0;
}
#sb-part-2271.sb-custom-part-ly6or4ycp84rsobw82m .box-ad .wrap-item .txt {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
}
#sb-part-2271.sb-custom-part-ly6or4ycp84rsobw82m .box-ad .wrap-item table {
width: 100%;
table-layout: fixed;
border-collapse: collapse;
text-align: center;
}
#sb-part-2271.sb-custom-part-ly6or4ycp84rsobw82m .box-ad .wrap-item table th {
border: 1.5px solid #5ec3eb;
background-color: #ccf0ff;
padding: 0.4em;
}
#sb-part-2271.sb-custom-part-ly6or4ycp84rsobw82m .box-ad .wrap-item table td {
border: 1.5px solid #5ec3eb;
background-color: #ffffff;
padding: 0.4em;
}
#sb-part-2271.sb-custom-part-ly6or4ycp84rsobw82m .box-ad .wrap-item ul {
color: #535353;
font-weight: 700;
margin: 0 0 1em;
list-style: disc;
}
#sb-part-2271.sb-custom-part-ly6or4ycp84rsobw82m .box-ad .wrap-tags {
font-weight: 700;
}
#sb-part-2271.sb-custom-part-ly6or4ycp84rsobw82m .box-ad .wrap-tags ul {
list-style: none;
padding: 0;
font-weight: normal;
display: inline-block;
}
#sb-part-2271.sb-custom-part-ly6or4ycp84rsobw82m .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-2271.sb-custom-part-ly6or4ycp84rsobw82m .box-ad .wrap-tags ul>li.no {
border-color: #999999;
color: #999999;
text-decoration: line-through;
}
#sb-part-2271.sb-custom-part-ly6or4ycp84rsobw82m .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-2271.sb-custom-part-ly6or4ycp84rsobw82m .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-2271.sb-custom-part-ly6or4ycp84rsobw82m .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-2271.sb-custom-part-ly6or4ycp84rsobw82m .box-ad .wrap-btn .link1 {
-ms-flex-preferred-size: 39%;
flex-basis: 39%;
}
#sb-part-2271.sb-custom-part-ly6or4ycp84rsobw82m .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-2271.sb-custom-part-ly6or4ycp84rsobw82m .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-2271.sb-custom-part-ly6or4ycp84rsobw82m .box-ad .wrap-btn .link2 {
-ms-flex-preferred-size: 60%;
flex-basis: 100%;
}
#sb-part-2271.sb-custom-part-ly6or4ycp84rsobw82m .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-2271.sb-custom-part-ly6or4ycp84rsobw82m .box-ad .wrap-btn .link2 a::before {
content: "";
position: absolute;
right: 1em;
font-size: 0.8em;
margin-top: 0.2em;
}
#sb-part-2271.sb-custom-part-ly6or4ycp84rsobw82m .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-2271.sb-custom-part-ly6or4ycp84rsobw82m article {
font-size: 12px;
line-height: 1.2
}
#sb-part-2271.sb-custom-part-ly6or4ycp84rsobw82m .container {
padding: 9px 14px;
border: 1px solid #E6ECF0;
border-radius: 10px;
}
#sb-part-2271.sb-custom-part-ly6or4ycp84rsobw82m .img {
width: 100%;
height: auto;
}
#sb-part-2271.sb-custom-part-ly6or4ycp84rsobw82m .reviewer {
display: flex;
}
#sb-part-2271.sb-custom-part-ly6or4ycp84rsobw82m .reviewer-img-wrapper {
margin-right: 3px;
width: 25px;
}
#sb-part-2271.sb-custom-part-ly6or4ycp84rsobw82m .reviewer-info {
display: flex;
align-items: center;
flex-wrap: wrap;
color: #765555;
}
#sb-part-2271.sb-custom-part-ly6or4ycp84rsobw82m .reviewer-name {
display: flex;
margin-right: 10px;
}
#sb-part-2271.sb-custom-part-ly6or4ycp84rsobw82m .reviewer-age {
display: flex;
}
#sb-part-2271.sb-custom-part-ly6or4ycp84rsobw82m .reviewer-attr {
display: flex;
margin-right: 10px;
}
#sb-part-2271.sb-custom-part-ly6or4ycp84rsobw82m .reviewer-attr:before {
content: '/';
margin: 0 5px;
}
#sb-part-2271.sb-custom-part-ly6or4ycp84rsobw82m .reviewer-reviews {
display: flex;
margin-right: 5px;
}
#sb-part-2271.sb-custom-part-ly6or4ycp84rsobw82m .stars-count {
color: black;
font-weight: bold;
}
#sb-part-2271.sb-custom-part-ly6or4ycp84rsobw82m .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-2271.sb-custom-part-ly6or4ycp84rsobw82m .star:before,
#sb-part-2271.sb-custom-part-ly6or4ycp84rsobw82m .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-2271.sb-custom-part-ly6or4ycp84rsobw82m .star:after {
transform: rotate(35deg);
}
#sb-part-2271.sb-custom-part-ly6or4ycp84rsobw82m .tag-wrapper {
margin: 5px 10px 0;
}
#sb-part-2271.sb-custom-part-ly6or4ycp84rsobw82m .tag {
padding: 3px 6px;
border: 1px solid #5ec3eb;
border-radius: 10px;
color: #444444;
background-color: #ccf0ff;
font-size: 10px;
}
#sb-part-2271.sb-custom-part-ly6or4ycp84rsobw82m .main {
margin-top: 10px;
width: 100%;
font-size: 0;
}
#sb-part-2271.sb-custom-part-ly6or4ycp84rsobw82m .main-img-wrapper {
margin-top: 10px;
display: inline-block;
width: 50%;
}
#sb-part-2271.sb-custom-part-ly6or4ycp84rsobw82m .main-img-wrapper:not(:first-child) {
margin-top: 3px;
}
#sb-part-2271.sb-custom-part-ly6or4ycp84rsobw82m .main-text {
margin-block-start: 0;
margin-block-end: 0;
font-size: 14px;
}
#sb-part-2271.sb-custom-part-ly6or4ycp84rsobw82m footer {
color: #765555;
}
#sb-part-2271.sb-custom-part-ly6or4ycp84rsobw82m .b-marker {
background: linear-gradient(transparent 60%, #cce5ff 0%);
}
#sb-part-2271.sb-custom-part-ly6or4ycp84rsobw82m
/* reset */
img {
margin: 0 !important;
}
#sb-part-2271.sb-custom-part-ly6or4ycp84rsobw82m p {
margin: 0;
}
#sb-part-2271.sb-custom-part-ly6or4ycp84rsobw82m
/* resetここまで */
.box-ad .list-check {
margin: 1em 0 0;
padding: 0;
list-style: none;
}
#sb-part-2271.sb-custom-part-ly6or4ycp84rsobw82m .box-ad .list-check>li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-weight: 700;
}
#sb-part-2271.sb-custom-part-ly6or4ycp84rsobw82m .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-3045.sb-custom-part-l5jcn41bz84cv89k7ih h2 {
/*文字サイズ*/
font-size: 20px;
/* 背景色 */
background-color: #915da3;
/* 文字色 */
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-800.sb-custom-part-lmfwe07leydr1vmn84 .box {
/* ボックスの背景色 */
background-color: #fff;
/*ボックスの枠線指定。 線の太さ、線の種類、線の色 */
border: 2px solid #000000;
/*ボックスの角を丸くする指定*/
border-radius: 5px;
/* ボックス外側の余白指定。上・右・左・下の順に指定 */
margin: 20px 5px 5px 5px;
/* ボックス内側の余白指定。 上・右・左・下の順に指定 */
padding: 25px 20px 10px 10px;
position: relative;
}
#sb-part-800.sb-custom-part-lmfwe07leydr1vmn84 .box:before {
/* 吹き出し部分の背景色 */
background-color: #8d93c8;
/*吹き出しの角を丸くする指定*/
border-radius: 5px;
/* 吹き出し文字色 */
color: #ffffff;
/*吹き出しの文字を変更する場合は ' ' の中を変更*/
content: 'ロートV5アクトビジョンがおすすめの理由';
/*吹き出し内側の余白指定。左の値が上下、右の値が左右*/
padding: 5px 20px;
position: absolute;
left: -10px;
top: -20px;
}
#sb-part-800.sb-custom-part-lmfwe07leydr1vmn84 .box:after {
/* 吹き出し三角部分の色 */
border-top: 17px solid #8d93c8;
border-right: 17px solid transparent;
border-left: 17px solid transparent;
content: '';
position: absolute;
top: 1px;
left: 15px;
}
#sb-part-800.sb-custom-part-lmfwe07leydr1vmn84 h3 {
/*水平方向の字間のスペース*/
letter-spacing: .04em;
/*フォントの太さを指定。100、200、300、400、500、600、700、800、900。フォント種類により数値を上下させても変化しないことがあります。*/
font-weight: 600;
margin: 0;
}
#sb-part-3045.sb-custom-part-kx5s867eumwdjxg2ixe h2 {
/*文字サイズ*/
font-size: 18px;
/* 背景色 */
background-color: #915da3;
/* 文字色 */
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-21.sb-custom-part-l6vmtt63fup3nuxx14r p {
/*文字の色*/
color: #000;
/*文字の太さ。太字はbold、標準の太さはnormal*/
font-weight: normal;
/*枠の外側の余白。上下｜左右*/
margin: 0em auto;
/*枠の内側の余白*/
padding: 1em;
/*横幅指定*/
/*背景色*/
background-color: #fff;
/* 囲み枠。線の太さ｜線の種類｜線の色*/
border: 3px solid #915da3;
box-sizing: border-box;
}
#sb-part-1780.sb-custom-part-l5jcfy13c9eqlt1cyk8 h2 {
/*フォントサイズ*/
font-size: 27px;
/*フォントの色*/
color: #000;
/*フォントの太さを指定。100、200、300、400、500、600、700、800、900。フォント種類により数値を上下させても変化しないことがあります。*/
font-weight: 600;
/*下線の種類指定*/
border-bottom-style: double;
/*線の色*/
border-bottom-color: #915da3;
/*線の太さ*/
border-bottom-width: 6px;
/*文字と線の余白*/
padding-bottom: 1px;
/*水平方向の字間のスペース*/
letter-spacing: .05em;
/*下線の長さを幅100%にする場合は下記を削除*/
display: inline-block;
}
#sb-part-621.sb-custom-part-l5jar7krp04yzuldsbo a.btn {
/*文字の大きさ*/
font-size: 16px;
/*ボタンの色*/
background-color: #66cdaa;
/*ボタンの立体部分の指定。左から、線の太さ、線の種類、色の指定*/
border-bottom: 5px solid #3cb371;
/*文字の色*/
color: #fff;
/*フォントの太さを指定。100、200、300、400、500、600、700、800、900。フォント種類により数値を上下させても変化しないことがあります。*/
font-weight: 600;
/*水平方向の字間のスペース*/
letter-spacing: 0.1em;
/*ボタンの縦の長さを指定*/
line-height: 1.5;
/*ボタン内側の余白*/
padding: 1rem;
/*角を丸くする指定*/
border-radius: 0.5rem;
/*ボタンの上からの位置*/
top: 0;
position: relative;
display: block;
cursor: pointer;
-webkit-transition: all 0.3s;
transition: all 0.3s;
text-align: center;
vertical-align: middle;
text-decoration: none;
}
#sb-part-621.sb-custom-part-l5jar7krp04yzuldsbo a.btn:hover {
/*ボタンの上にカーソルを置いた時の背景色*/
background: #90ee90;
/*ボタンの上にカーソルを置いた時の上からの位置*/
top: 3px;
/*ボタンの上にカーソルを置いた時の立体部分の指定。左から、線の太さ、線の種類、色の指定**/
border-bottom: 2px solid #66cdaa;
/*ボタンの上にカーソルを置いた時のボタン下の余白*/
margin-bottom: 3px;
}
/* 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;
}
/* Adtasukaru overlay: body幅に合わせて中央配置 */
.overlay-background {
left: 50% !important;
transform: translateX(-50%) !important;
max-width: 620px !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-ll4tu28uvpw3jvanxob */
#sb-part-3481.sb-custom-part-ll4tu28uvpw3jvanxob * {
margin: 0px;
padding: 0px;
}
#sb-part-3481.sb-custom-part-ll4tu28uvpw3jvanxob .center {
text-align: center;
}
#sb-part-3481.sb-custom-part-ll4tu28uvpw3jvanxob a {
text-decoration: underline;
color: #23b4c9;
}
#sb-part-3481.sb-custom-part-ll4tu28uvpw3jvanxob body {
font-color: #000;
font-family: Helvetica;
-webkit-text-size-adjust: none;
background-color: #fff;
}
#sb-part-3481.sb-custom-part-ll4tu28uvpw3jvanxob .fam_ad {
font-size: 12px;
font-weight: bold;
}
#sb-part-3481.sb-custom-part-ll4tu28uvpw3jvanxob .fam_ad div a {
padding: 5px;
border-bottom: 1px solid #BFBFBF;
display: block;
}
#sb-part-3481.sb-custom-part-ll4tu28uvpw3jvanxob .fam_ad span {
color: #666666;
}
#sb-part-3481.sb-custom-part-ll4tu28uvpw3jvanxob p.title {
font-weight: bold;
color: #FFFFFF;
font-size: 14px;
padding: 5px;
background-color: #7F7F7F;
}
#sb-part-3481.sb-custom-part-ll4tu28uvpw3jvanxob
/*-------------------form---------------------*/
#search_area p {
font-size: 11px;
display: inline-block;
margin: 8px 0px 0px 3px;
}
#sb-part-3481.sb-custom-part-ll4tu28uvpw3jvanxob #search_area p select {
font-size: 10px;
}
#sb-part-3481.sb-custom-part-ll4tu28uvpw3jvanxob #search_area .submit_btn {
width: 100px;
margin: 10px auto;
display: block;
}
/* sb-custom-part-m50q6dstfeg8szmoq6r */
#sb-part-3063.sb-custom-part-m50q6dstfeg8szmoq6r h2 {
/*文字サイズ*/
font-size: 18px;
/*文字の色*/
color: #fff;
/*吹き出しの背景色。下のh2:afterのborder-colorも同じ色を指定ください*/
background: #5ec3eb;
/*フォントの太さを指定。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-m50q6dstfeg8szmoq6r h2:after {
position: absolute;
bottom: -9px;
left: 1em;
width: 0;
height: 0;
content: '';
border-width: 20px 20px 0 20px;
border-style: solid;
/*吹き出しのしっぽ色*/
border-color: #5ec3eb transparent transparent transparent;
}
/* sb-custom-part-lyi58r5ehex2q0j5oze */
#sb-part-2271.sb-custom-part-lyi58r5ehex2q0j5oze .box-ad {
border: 6px solid #636dc7;
border-radius: 4px;
padding: 10px;
}
#sb-part-2271.sb-custom-part-lyi58r5ehex2q0j5oze .box-ad strong {
color: #d21336;
font-style: normal;
}
#sb-part-2271.sb-custom-part-lyi58r5ehex2q0j5oze .box-ad .title {
color: #e06320;
font-size: 2em;
font-weight: bold;
border-bottom: 1px dotted #696969;
margin: 0;
}
#sb-part-2271.sb-custom-part-lyi58r5ehex2q0j5oze .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-2271.sb-custom-part-lyi58r5ehex2q0j5oze .box-ad .wrap-subtitle .subtitle {
font-size: 2em;
line-height: 1.2;
padding: 0;
margin: 0;
}
#sb-part-2271.sb-custom-part-lyi58r5ehex2q0j5oze .box-ad .wrap-subtitle .subtitle>img {
display: inline-block !important;
vertical-align: bottom;
}
#sb-part-2271.sb-custom-part-lyi58r5ehex2q0j5oze .box-ad .star-rate {
position: relative;
font-size: 1.5em;
letter-spacing: -0.2em;
color: #efbb5a;
}
#sb-part-2271.sb-custom-part-lyi58r5ehex2q0j5oze .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-2271.sb-custom-part-lyi58r5ehex2q0j5oze .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-2271.sb-custom-part-lyi58r5ehex2q0j5oze .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-2271.sb-custom-part-lyi58r5ehex2q0j5oze .box-ad .wrap-item>figure {
margin: 0 0.5px 0 0;
}
#sb-part-2271.sb-custom-part-lyi58r5ehex2q0j5oze .box-ad .wrap-item .txt {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
}
#sb-part-2271.sb-custom-part-lyi58r5ehex2q0j5oze .box-ad .wrap-item table {
width: 100%;
table-layout: fixed;
border-collapse: collapse;
text-align: center;
}
#sb-part-2271.sb-custom-part-lyi58r5ehex2q0j5oze .box-ad .wrap-item table th {
border: 1.5px solid #5ec3eb;
background-color: #ccf0ff;
padding: 0.4em;
}
#sb-part-2271.sb-custom-part-lyi58r5ehex2q0j5oze .box-ad .wrap-item table td {
border: 1.5px solid #5ec3eb;
background-color: #ffffff;
padding: 0.4em;
}
#sb-part-2271.sb-custom-part-lyi58r5ehex2q0j5oze .box-ad .wrap-item ul {
color: #535353;
font-weight: 700;
margin: 0 0 1em;
list-style: disc;
}
#sb-part-2271.sb-custom-part-lyi58r5ehex2q0j5oze .box-ad .wrap-tags {
font-weight: 700;
}
#sb-part-2271.sb-custom-part-lyi58r5ehex2q0j5oze .box-ad .wrap-tags ul {
list-style: none;
padding: 0;
font-weight: normal;
display: inline-block;
}
#sb-part-2271.sb-custom-part-lyi58r5ehex2q0j5oze .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-2271.sb-custom-part-lyi58r5ehex2q0j5oze .box-ad .wrap-tags ul>li.no {
border-color: #999999;
color: #999999;
text-decoration: line-through;
}
#sb-part-2271.sb-custom-part-lyi58r5ehex2q0j5oze .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-2271.sb-custom-part-lyi58r5ehex2q0j5oze .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-2271.sb-custom-part-lyi58r5ehex2q0j5oze .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-2271.sb-custom-part-lyi58r5ehex2q0j5oze .box-ad .wrap-btn .link1 {
-ms-flex-preferred-size: 39%;
flex-basis: 39%;
}
#sb-part-2271.sb-custom-part-lyi58r5ehex2q0j5oze .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-2271.sb-custom-part-lyi58r5ehex2q0j5oze .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-2271.sb-custom-part-lyi58r5ehex2q0j5oze .box-ad .wrap-btn .link2 {
-ms-flex-preferred-size: 60%;
flex-basis: 100%;
}
#sb-part-2271.sb-custom-part-lyi58r5ehex2q0j5oze .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-2271.sb-custom-part-lyi58r5ehex2q0j5oze .box-ad .wrap-btn .link2 a::before {
content: "";
position: absolute;
right: 1em;
font-size: 0.8em;
margin-top: 0.2em;
}
#sb-part-2271.sb-custom-part-lyi58r5ehex2q0j5oze .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-2271.sb-custom-part-lyi58r5ehex2q0j5oze article {
font-size: 12px;
line-height: 1.2
}
#sb-part-2271.sb-custom-part-lyi58r5ehex2q0j5oze .container {
padding: 9px 14px;
border: 1px solid #E6ECF0;
border-radius: 10px;
}
#sb-part-2271.sb-custom-part-lyi58r5ehex2q0j5oze .img {
width: 100%;
height: auto;
}
#sb-part-2271.sb-custom-part-lyi58r5ehex2q0j5oze .reviewer {
display: flex;
}
#sb-part-2271.sb-custom-part-lyi58r5ehex2q0j5oze .reviewer-img-wrapper {
margin-right: 3px;
width: 25px;
}
#sb-part-2271.sb-custom-part-lyi58r5ehex2q0j5oze .reviewer-info {
display: flex;
align-items: center;
flex-wrap: wrap;
color: #765555;
}
#sb-part-2271.sb-custom-part-lyi58r5ehex2q0j5oze .reviewer-name {
display: flex;
margin-right: 10px;
}
#sb-part-2271.sb-custom-part-lyi58r5ehex2q0j5oze .reviewer-age {
display: flex;
}
#sb-part-2271.sb-custom-part-lyi58r5ehex2q0j5oze .reviewer-attr {
display: flex;
margin-right: 10px;
}
#sb-part-2271.sb-custom-part-lyi58r5ehex2q0j5oze .reviewer-attr:before {
content: '/';
margin: 0 5px;
}
#sb-part-2271.sb-custom-part-lyi58r5ehex2q0j5oze .reviewer-reviews {
display: flex;
margin-right: 5px;
}
#sb-part-2271.sb-custom-part-lyi58r5ehex2q0j5oze .stars-count {
color: black;
font-weight: bold;
}
#sb-part-2271.sb-custom-part-lyi58r5ehex2q0j5oze .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-2271.sb-custom-part-lyi58r5ehex2q0j5oze .star:before,
#sb-part-2271.sb-custom-part-lyi58r5ehex2q0j5oze .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-2271.sb-custom-part-lyi58r5ehex2q0j5oze .star:after {
transform: rotate(35deg);
}
#sb-part-2271.sb-custom-part-lyi58r5ehex2q0j5oze .tag-wrapper {
margin: 5px 10px 0;
}
#sb-part-2271.sb-custom-part-lyi58r5ehex2q0j5oze .tag {
padding: 3px 6px;
border: 1px solid #5ec3eb;
border-radius: 10px;
color: #444444;
background-color: #ccf0ff;
font-size: 10px;
}
#sb-part-2271.sb-custom-part-lyi58r5ehex2q0j5oze .main {
margin-top: 10px;
width: 100%;
font-size: 0;
}
#sb-part-2271.sb-custom-part-lyi58r5ehex2q0j5oze .main-img-wrapper {
margin-top: 10px;
display: inline-block;
width: 50%;
}
#sb-part-2271.sb-custom-part-lyi58r5ehex2q0j5oze .main-img-wrapper:not(:first-child) {
margin-top: 3px;
}
#sb-part-2271.sb-custom-part-lyi58r5ehex2q0j5oze .main-text {
margin-block-start: 0;
margin-block-end: 0;
font-size: 14px;
}
#sb-part-2271.sb-custom-part-lyi58r5ehex2q0j5oze footer {
color: #765555;
}
#sb-part-2271.sb-custom-part-lyi58r5ehex2q0j5oze .b-marker {
background: linear-gradient(transparent 60%, #cce5ff 0%);
}
#sb-part-2271.sb-custom-part-lyi58r5ehex2q0j5oze
/* reset */
img {
margin: 0 !important;
}
#sb-part-2271.sb-custom-part-lyi58r5ehex2q0j5oze p {
margin: 0;
}
#sb-part-2271.sb-custom-part-lyi58r5ehex2q0j5oze
/* resetここまで */
.box-ad .list-check {
margin: 1em 0 0;
padding: 0;
list-style: none;
}
#sb-part-2271.sb-custom-part-lyi58r5ehex2q0j5oze .box-ad .list-check>li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-weight: 700;
}
#sb-part-2271.sb-custom-part-lyi58r5ehex2q0j5oze .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-custom-part-kx49ydmj802rorwy6sa */
#sb-part-3063.sb-custom-part-kx49ydmj802rorwy6sa h2 {
/*文字サイズ*/
font-size: 18px;
/*文字の色*/
color: #fff;
/*吹き出しの背景色。下のh2:afterのborder-colorも同じ色を指定ください*/
background: #5ec3eb;
/*フォントの太さを指定。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-kx49ydmj802rorwy6sa h2:after {
position: absolute;
bottom: -9px;
left: 1em;
width: 0;
height: 0;
content: '';
border-width: 20px 20px 0 20px;
border-style: solid;
/*吹き出しのしっぽ色*/
border-color: #5ec3eb transparent transparent transparent;
}
/* sb-custom-part-lvao44oe43kle2wpbvr */
#sb-part-2737.sb-custom-part-lvao44oe43kle2wpbvr body {
line-height: 1.25;
}
#sb-part-2737.sb-custom-part-lvao44oe43kle2wpbvr table {
border-collapse: collapse;
margin: 0 auto;
padding: 0;
width: 100%;
table-layout: fixed;
}
#sb-part-2737.sb-custom-part-lvao44oe43kle2wpbvr table tr {
background-color: #fff;
padding: .35em;
border: 2px solid #eee;
}
#sb-part-2737.sb-custom-part-lvao44oe43kle2wpbvr table tr:last-child {
border: none;
}
#sb-part-2737.sb-custom-part-lvao44oe43kle2wpbvr table th {
background-color: #d1bada;
color: #000000;
padding: 1em;
border-right: 2px solid #fff;
}
#sb-part-2737.sb-custom-part-lvao44oe43kle2wpbvr table td {
padding: 1em .2em;
border-right: 2px solid #eee;
text-align: center;
}
#sb-part-2737.sb-custom-part-lvao44oe43kle2wpbvr table th {
font-size: .85em;
}
#sb-part-2737.sb-custom-part-lvao44oe43kle2wpbvr table thead tr {
background-color: #fff;
color: #fff;
}
#sb-part-2737.sb-custom-part-lvao44oe43kle2wpbvr table thead td {
border-right: 2px solid #eee;
color: BLACK;
}
#sb-part-2737.sb-custom-part-lvao44oe43kle2wpbvr table tbody th {
border-right: 2px solid #eee;
}
#sb-part-2737.sb-custom-part-lvao44oe43kle2wpbvr th.non {
border-right: none;
}
#sb-part-2737.sb-custom-part-lvao44oe43kle2wpbvr .txt {
text-align: center;
font-size: .85em;
}
#sb-part-2737.sb-custom-part-lvao44oe43kle2wpbvr .price {
color: #000;
font-weight: bold;
font-size: 1em
}
#sb-part-2737.sb-custom-part-lvao44oe43kle2wpbvr .price span {
font-size: .6em;
}
#sb-part-2737.sb-custom-part-lvao44oe43kle2wpbvr .red_bk {
background: #e81010
}
#sb-part-2737.sb-custom-part-lvao44oe43kle2wpbvr .btn:hover {
background: #fff;
border: 2px solid #e81010;
color: #e81010;
transition: .2s;
}
#sb-part-2737.sb-custom-part-lvao44oe43kle2wpbvr .wrap {
overflow-x: scroll;
}
#sb-part-2737.sb-custom-part-lvao44oe43kle2wpbvr .btn-area {
/*水平方向のボタンの配置。左寄せはleft、真ん中はcenter*/
text-align: center;
/*ボタン周りの余白。左の値が上下の余白、右の値が左右の余白。*/
margin: 0em 0;
}
#sb-part-2737.sb-custom-part-lvao44oe43kle2wpbvr 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-2737.sb-custom-part-lvao44oe43kle2wpbvr a.btn:hover {
/*ボタンの上にカーソルを乗せた時の文字の色*/
color: #fff;
/*ボタンの上にカーソルを乗せた時の背景色*/
background: #90ee90;
/*ボタンの上にカーソルを載せた時の透明度。0から1まで*/
opacity: 0.7;
text-decoration: none;
}
#sb-part-2737.sb-custom-part-lvao44oe43kle2wpbvr 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-2737.sb-custom-part-lvao44oe43kle2wpbvr 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);
}
#sb-part-2737.sb-custom-part-lvao44oe43kle2wpbvr .ex2 {
font-size: 15px;
line-height: 0
}
#sb-part-2737.sb-custom-part-lvao44oe43kle2wpbvr .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-2737.sb-custom-part-lvao44oe43kle2wpbvr .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-2737.sb-custom-part-lvao44oe43kle2wpbvr 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-2737.sb-custom-part-lvao44oe43kle2wpbvr
/*----------------------------*/
.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-2737.sb-custom-part-lvao44oe43kle2wpbvr .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-2737.sb-custom-part-lvao44oe43kle2wpbvr a.btn3:hover {
/*ボタンの上にカーソルを置いた時の背景色を指定*/
background: #55c55a;
}
#sb-part-2737.sb-custom-part-lvao44oe43kle2wpbvr .blink {
-webkit-animation: blink 3.5s ease infinite;
animation: blink 1s ease infinite;
color: #FF0000;
font-size: 12px;
font-weight: bold;
}
/* sb-custom-part-l6u8m2wpmuas5157nd */
#sb-part-73.sb-custom-part-l6u8m2wpmuas5157nd .background {
/*枠の外側の余白指定。左の値で上下の余白変更*/
margin: 0.5em 0;
/*枠の内側の余白。上下｜左右*/
padding: 0.5em 1em;
/*背景色*/
background: #efefff;
/*文字色*/
color: #000000;
box-sizing: border-box;
}
#sb-part-73.sb-custom-part-l6u8m2wpmuas5157nd p {
/*文字周りの余白。上下｜左右*/
margin: 0.5em 0;
/*文字の太さ。太字はbold、標準の太さはnormal*/
font-weight: normal;
/*文字水平方向の字間スペース*/
letter-spacing: 0.04em;
}
/* sb-custom-part-kx5iudkskdqtehnd4zr */
#sb-part-855.sb-custom-part-kx5iudkskdqtehnd4zr .kakomi {
/*ボックスの横幅*/
width: 100%;
/* ボックス点線。ドットの太さ｜種類｜ドットの色*/
border: 5px dotted #915da3;
/*背景色*/
background-color: #fff;
/*ボックスの角を丸くする*/
border-radius: 10px;
text-align: left;
margin: 0 auto;
padding: 3px;
box-sizing: border-box;
}
#sb-part-855.sb-custom-part-kx5iudkskdqtehnd4zr ul {
list-style-type: none;
margin: 0.5em 0 0;
}
#sb-part-855.sb-custom-part-kx5iudkskdqtehnd4zr ul li {
position: relative;
padding-bottom: 0em;
}
#sb-part-855.sb-custom-part-kx5iudkskdqtehnd4zr ul li::after {
display: block;
content: '';
position: absolute;
top: 0.5em;
left: -2em;
width: 8px;
height: 3px;
/*カラーコードで、チェックマーク前半分の色指定*/
border-left: 2px solid #915da3;
/*カラーコードで、チェックマーク後半分の色指定*/
border-bottom: 2px solid #915da3;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
/* sb-custom-part-maxla03ppl4sqnl190i */
#sb-part-2271.sb-custom-part-maxla03ppl4sqnl190i .box-ad {
border: 6px solid #636dc7;
border-radius: 4px;
padding: 10px;
}
#sb-part-2271.sb-custom-part-maxla03ppl4sqnl190i .box-ad strong {
color: #d21336;
font-style: normal;
}
#sb-part-2271.sb-custom-part-maxla03ppl4sqnl190i .box-ad .title {
color: #e06320;
font-size: 2em;
font-weight: bold;
border-bottom: 1px dotted #696969;
margin: 0;
}
#sb-part-2271.sb-custom-part-maxla03ppl4sqnl190i .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-2271.sb-custom-part-maxla03ppl4sqnl190i .box-ad .wrap-subtitle .subtitle {
font-size: 2em;
line-height: 1.2;
padding: 0;
margin: 0;
}
#sb-part-2271.sb-custom-part-maxla03ppl4sqnl190i .box-ad .wrap-subtitle .subtitle>img {
display: inline-block !important;
vertical-align: bottom;
}
#sb-part-2271.sb-custom-part-maxla03ppl4sqnl190i .box-ad .star-rate {
position: relative;
font-size: 1.5em;
letter-spacing: -0.2em;
color: #efbb5a;
}
#sb-part-2271.sb-custom-part-maxla03ppl4sqnl190i .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-2271.sb-custom-part-maxla03ppl4sqnl190i .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-2271.sb-custom-part-maxla03ppl4sqnl190i .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-2271.sb-custom-part-maxla03ppl4sqnl190i .box-ad .wrap-item>figure {
margin: 0 0.5px 0 0;
}
#sb-part-2271.sb-custom-part-maxla03ppl4sqnl190i .box-ad .wrap-item .txt {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
}
#sb-part-2271.sb-custom-part-maxla03ppl4sqnl190i .box-ad .wrap-item table {
width: 100%;
table-layout: fixed;
border-collapse: collapse;
text-align: center;
}
#sb-part-2271.sb-custom-part-maxla03ppl4sqnl190i .box-ad .wrap-item table th {
border: 1.5px solid #5ec3eb;
background-color: #ccf0ff;
padding: 0.4em;
}
#sb-part-2271.sb-custom-part-maxla03ppl4sqnl190i .box-ad .wrap-item table td {
border: 1.5px solid #5ec3eb;
background-color: #ffffff;
padding: 0.4em;
}
#sb-part-2271.sb-custom-part-maxla03ppl4sqnl190i .box-ad .wrap-item ul {
color: #535353;
font-weight: 700;
margin: 0 0 1em;
list-style: disc;
}
#sb-part-2271.sb-custom-part-maxla03ppl4sqnl190i .box-ad .wrap-tags {
font-weight: 700;
}
#sb-part-2271.sb-custom-part-maxla03ppl4sqnl190i .box-ad .wrap-tags ul {
list-style: none;
padding: 0;
font-weight: normal;
display: inline-block;
}
#sb-part-2271.sb-custom-part-maxla03ppl4sqnl190i .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-2271.sb-custom-part-maxla03ppl4sqnl190i .box-ad .wrap-tags ul>li.no {
border-color: #999999;
color: #999999;
text-decoration: line-through;
}
#sb-part-2271.sb-custom-part-maxla03ppl4sqnl190i .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-2271.sb-custom-part-maxla03ppl4sqnl190i .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-2271.sb-custom-part-maxla03ppl4sqnl190i .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-2271.sb-custom-part-maxla03ppl4sqnl190i .box-ad .wrap-btn .link1 {
-ms-flex-preferred-size: 39%;
flex-basis: 39%;
}
#sb-part-2271.sb-custom-part-maxla03ppl4sqnl190i .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-2271.sb-custom-part-maxla03ppl4sqnl190i .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-2271.sb-custom-part-maxla03ppl4sqnl190i .box-ad .wrap-btn .link2 {
-ms-flex-preferred-size: 60%;
flex-basis: 100%;
}
#sb-part-2271.sb-custom-part-maxla03ppl4sqnl190i .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-2271.sb-custom-part-maxla03ppl4sqnl190i .box-ad .wrap-btn .link2 a::before {
content: "";
position: absolute;
right: 1em;
font-size: 0.8em;
margin-top: 0.2em;
}
#sb-part-2271.sb-custom-part-maxla03ppl4sqnl190i .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-2271.sb-custom-part-maxla03ppl4sqnl190i article {
font-size: 12px;
line-height: 1.2
}
#sb-part-2271.sb-custom-part-maxla03ppl4sqnl190i .container {
padding: 9px 14px;
border: 1px solid #E6ECF0;
border-radius: 10px;
}
#sb-part-2271.sb-custom-part-maxla03ppl4sqnl190i .img {
width: 100%;
height: auto;
}
#sb-part-2271.sb-custom-part-maxla03ppl4sqnl190i .reviewer {
display: flex;
}
#sb-part-2271.sb-custom-part-maxla03ppl4sqnl190i .reviewer-img-wrapper {
margin-right: 3px;
width: 25px;
}
#sb-part-2271.sb-custom-part-maxla03ppl4sqnl190i .reviewer-info {
display: flex;
align-items: center;
flex-wrap: wrap;
color: #765555;
}
#sb-part-2271.sb-custom-part-maxla03ppl4sqnl190i .reviewer-name {
display: flex;
margin-right: 10px;
}
#sb-part-2271.sb-custom-part-maxla03ppl4sqnl190i .reviewer-age {
display: flex;
}
#sb-part-2271.sb-custom-part-maxla03ppl4sqnl190i .reviewer-attr {
display: flex;
margin-right: 10px;
}
#sb-part-2271.sb-custom-part-maxla03ppl4sqnl190i .reviewer-attr:before {
content: '/';
margin: 0 5px;
}
#sb-part-2271.sb-custom-part-maxla03ppl4sqnl190i .reviewer-reviews {
display: flex;
margin-right: 5px;
}
#sb-part-2271.sb-custom-part-maxla03ppl4sqnl190i .stars-count {
color: black;
font-weight: bold;
}
#sb-part-2271.sb-custom-part-maxla03ppl4sqnl190i .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-2271.sb-custom-part-maxla03ppl4sqnl190i .star:before,
#sb-part-2271.sb-custom-part-maxla03ppl4sqnl190i .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-2271.sb-custom-part-maxla03ppl4sqnl190i .star:after {
transform: rotate(35deg);
}
#sb-part-2271.sb-custom-part-maxla03ppl4sqnl190i .tag-wrapper {
margin: 5px 10px 0;
}
#sb-part-2271.sb-custom-part-maxla03ppl4sqnl190i .tag {
padding: 3px 6px;
border: 1px solid #5ec3eb;
border-radius: 10px;
color: #444444;
background-color: #ccf0ff;
font-size: 10px;
}
#sb-part-2271.sb-custom-part-maxla03ppl4sqnl190i .main {
margin-top: 10px;
width: 100%;
font-size: 0;
}
#sb-part-2271.sb-custom-part-maxla03ppl4sqnl190i .main-img-wrapper {
margin-top: 10px;
display: inline-block;
width: 50%;
}
#sb-part-2271.sb-custom-part-maxla03ppl4sqnl190i .main-img-wrapper:not(:first-child) {
margin-top: 3px;
}
#sb-part-2271.sb-custom-part-maxla03ppl4sqnl190i .main-text {
margin-block-start: 0;
margin-block-end: 0;
font-size: 14px;
}
#sb-part-2271.sb-custom-part-maxla03ppl4sqnl190i footer {
color: #765555;
}
#sb-part-2271.sb-custom-part-maxla03ppl4sqnl190i .b-marker {
background: linear-gradient(transparent 60%, #cce5ff 0%);
}
#sb-part-2271.sb-custom-part-maxla03ppl4sqnl190i
/* reset */
img {
margin: 0 !important;
}
#sb-part-2271.sb-custom-part-maxla03ppl4sqnl190i p {
margin: 0;
}
#sb-part-2271.sb-custom-part-maxla03ppl4sqnl190i
/* resetここまで */
.box-ad .list-check {
margin: 1em 0 0;
padding: 0;
list-style: none;
}
#sb-part-2271.sb-custom-part-maxla03ppl4sqnl190i .box-ad .list-check>li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-weight: 700;
}
#sb-part-2271.sb-custom-part-maxla03ppl4sqnl190i .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-custom-part-lvao078286a7f2w72fq */
#sb-part-2271.sb-custom-part-lvao078286a7f2w72fq .box-ad {
border: 6px solid #636dc7;
border-radius: 4px;
padding: 10px;
}
#sb-part-2271.sb-custom-part-lvao078286a7f2w72fq .box-ad strong {
color: #d21336;
font-style: normal;
}
#sb-part-2271.sb-custom-part-lvao078286a7f2w72fq .box-ad .title {
color: #e06320;
font-size: 2em;
font-weight: bold;
border-bottom: 1px dotted #696969;
margin: 0;
}
#sb-part-2271.sb-custom-part-lvao078286a7f2w72fq .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-2271.sb-custom-part-lvao078286a7f2w72fq .box-ad .wrap-subtitle .subtitle {
font-size: 2em;
line-height: 1.2;
padding: 0;
margin: 0;
}
#sb-part-2271.sb-custom-part-lvao078286a7f2w72fq .box-ad .wrap-subtitle .subtitle>img {
display: inline-block !important;
vertical-align: bottom;
}
#sb-part-2271.sb-custom-part-lvao078286a7f2w72fq .box-ad .star-rate {
position: relative;
font-size: 1.5em;
letter-spacing: -0.2em;
color: #efbb5a;
}
#sb-part-2271.sb-custom-part-lvao078286a7f2w72fq .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-2271.sb-custom-part-lvao078286a7f2w72fq .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-2271.sb-custom-part-lvao078286a7f2w72fq .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-2271.sb-custom-part-lvao078286a7f2w72fq .box-ad .wrap-item>figure {
margin: 0 0.5px 0 0;
}
#sb-part-2271.sb-custom-part-lvao078286a7f2w72fq .box-ad .wrap-item .txt {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
}
#sb-part-2271.sb-custom-part-lvao078286a7f2w72fq .box-ad .wrap-item table {
width: 100%;
table-layout: fixed;
border-collapse: collapse;
text-align: center;
}
#sb-part-2271.sb-custom-part-lvao078286a7f2w72fq .box-ad .wrap-item table th {
border: 1.5px solid #5ec3eb;
background-color: #ccf0ff;
padding: 0.4em;
}
#sb-part-2271.sb-custom-part-lvao078286a7f2w72fq .box-ad .wrap-item table td {
border: 1.5px solid #5ec3eb;
background-color: #ffffff;
padding: 0.4em;
}
#sb-part-2271.sb-custom-part-lvao078286a7f2w72fq .box-ad .wrap-item ul {
color: #535353;
font-weight: 700;
margin: 0 0 1em;
list-style: disc;
}
#sb-part-2271.sb-custom-part-lvao078286a7f2w72fq .box-ad .wrap-tags {
font-weight: 700;
}
#sb-part-2271.sb-custom-part-lvao078286a7f2w72fq .box-ad .wrap-tags ul {
list-style: none;
padding: 0;
font-weight: normal;
display: inline-block;
}
#sb-part-2271.sb-custom-part-lvao078286a7f2w72fq .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-2271.sb-custom-part-lvao078286a7f2w72fq .box-ad .wrap-tags ul>li.no {
border-color: #999999;
color: #999999;
text-decoration: line-through;
}
#sb-part-2271.sb-custom-part-lvao078286a7f2w72fq .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-2271.sb-custom-part-lvao078286a7f2w72fq .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-2271.sb-custom-part-lvao078286a7f2w72fq .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-2271.sb-custom-part-lvao078286a7f2w72fq .box-ad .wrap-btn .link1 {
-ms-flex-preferred-size: 39%;
flex-basis: 39%;
}
#sb-part-2271.sb-custom-part-lvao078286a7f2w72fq .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-2271.sb-custom-part-lvao078286a7f2w72fq .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-2271.sb-custom-part-lvao078286a7f2w72fq .box-ad .wrap-btn .link2 {
-ms-flex-preferred-size: 60%;
flex-basis: 100%;
}
#sb-part-2271.sb-custom-part-lvao078286a7f2w72fq .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-2271.sb-custom-part-lvao078286a7f2w72fq .box-ad .wrap-btn .link2 a::before {
content: "";
position: absolute;
right: 1em;
font-size: 0.8em;
margin-top: 0.2em;
}
#sb-part-2271.sb-custom-part-lvao078286a7f2w72fq .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-2271.sb-custom-part-lvao078286a7f2w72fq article {
font-size: 12px;
line-height: 1.2
}
#sb-part-2271.sb-custom-part-lvao078286a7f2w72fq .container {
padding: 9px 14px;
border: 1px solid #E6ECF0;
border-radius: 10px;
}
#sb-part-2271.sb-custom-part-lvao078286a7f2w72fq .img {
width: 100%;
height: auto;
}
#sb-part-2271.sb-custom-part-lvao078286a7f2w72fq .reviewer {
display: flex;
}
#sb-part-2271.sb-custom-part-lvao078286a7f2w72fq .reviewer-img-wrapper {
margin-right: 3px;
width: 25px;
}
#sb-part-2271.sb-custom-part-lvao078286a7f2w72fq .reviewer-info {
display: flex;
align-items: center;
flex-wrap: wrap;
color: #765555;
}
#sb-part-2271.sb-custom-part-lvao078286a7f2w72fq .reviewer-name {
display: flex;
margin-right: 10px;
}
#sb-part-2271.sb-custom-part-lvao078286a7f2w72fq .reviewer-age {
display: flex;
}
#sb-part-2271.sb-custom-part-lvao078286a7f2w72fq .reviewer-attr {
display: flex;
margin-right: 10px;
}
#sb-part-2271.sb-custom-part-lvao078286a7f2w72fq .reviewer-attr:before {
content: '/';
margin: 0 5px;
}
#sb-part-2271.sb-custom-part-lvao078286a7f2w72fq .reviewer-reviews {
display: flex;
margin-right: 5px;
}
#sb-part-2271.sb-custom-part-lvao078286a7f2w72fq .stars-count {
color: black;
font-weight: bold;
}
#sb-part-2271.sb-custom-part-lvao078286a7f2w72fq .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-2271.sb-custom-part-lvao078286a7f2w72fq .star:before,
#sb-part-2271.sb-custom-part-lvao078286a7f2w72fq .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-2271.sb-custom-part-lvao078286a7f2w72fq .star:after {
transform: rotate(35deg);
}
#sb-part-2271.sb-custom-part-lvao078286a7f2w72fq .tag-wrapper {
margin: 5px 10px 0;
}
#sb-part-2271.sb-custom-part-lvao078286a7f2w72fq .tag {
padding: 3px 6px;
border: 1px solid #5ec3eb;
border-radius: 10px;
color: #d2691e;
background-color: #ccf0ff;
font-size: 10px;
}
#sb-part-2271.sb-custom-part-lvao078286a7f2w72fq .main {
margin-top: 10px;
width: 100%;
font-size: 0;
}
#sb-part-2271.sb-custom-part-lvao078286a7f2w72fq .main-img-wrapper {
margin-top: 10px;
display: inline-block;
width: 50%;
}
#sb-part-2271.sb-custom-part-lvao078286a7f2w72fq .main-img-wrapper:not(:first-child) {
margin-top: 3px;
}
#sb-part-2271.sb-custom-part-lvao078286a7f2w72fq .main-text {
margin-block-start: 0;
margin-block-end: 0;
font-size: 14px;
}
#sb-part-2271.sb-custom-part-lvao078286a7f2w72fq footer {
color: #765555;
}
#sb-part-2271.sb-custom-part-lvao078286a7f2w72fq .b-marker {
background: linear-gradient(transparent 60%, #cce5ff 0%);
}
#sb-part-2271.sb-custom-part-lvao078286a7f2w72fq
/* reset */
img {
margin: 0 !important;
}
#sb-part-2271.sb-custom-part-lvao078286a7f2w72fq p {
margin: 0;
}
#sb-part-2271.sb-custom-part-lvao078286a7f2w72fq
/* resetここまで */
.box-ad .list-check {
margin: 1em 0 0;
padding: 0;
list-style: none;
}
#sb-part-2271.sb-custom-part-lvao078286a7f2w72fq .box-ad .list-check>li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-weight: 700;
}
#sb-part-2271.sb-custom-part-lvao078286a7f2w72fq .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-custom-part-lvao0eark9hd4q4h0qc */
#sb-part-2271.sb-custom-part-lvao0eark9hd4q4h0qc .box-ad {
border: 6px solid #636dc7;
border-radius: 4px;
padding: 10px;
}
#sb-part-2271.sb-custom-part-lvao0eark9hd4q4h0qc .box-ad strong {
color: #d21336;
font-style: normal;
}
#sb-part-2271.sb-custom-part-lvao0eark9hd4q4h0qc .box-ad .title {
color: #e06320;
font-size: 2em;
font-weight: bold;
border-bottom: 1px dotted #696969;
margin: 0;
}
#sb-part-2271.sb-custom-part-lvao0eark9hd4q4h0qc .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-2271.sb-custom-part-lvao0eark9hd4q4h0qc .box-ad .wrap-subtitle .subtitle {
font-size: 2em;
line-height: 1.2;
padding: 0;
margin: 0;
}
#sb-part-2271.sb-custom-part-lvao0eark9hd4q4h0qc .box-ad .wrap-subtitle .subtitle>img {
display: inline-block !important;
vertical-align: bottom;
}
#sb-part-2271.sb-custom-part-lvao0eark9hd4q4h0qc .box-ad .star-rate {
position: relative;
font-size: 1.5em;
letter-spacing: -0.2em;
color: #efbb5a;
}
#sb-part-2271.sb-custom-part-lvao0eark9hd4q4h0qc .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-2271.sb-custom-part-lvao0eark9hd4q4h0qc .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-2271.sb-custom-part-lvao0eark9hd4q4h0qc .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-2271.sb-custom-part-lvao0eark9hd4q4h0qc .box-ad .wrap-item>figure {
margin: 0 0.5px 0 0;
}
#sb-part-2271.sb-custom-part-lvao0eark9hd4q4h0qc .box-ad .wrap-item .txt {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
}
#sb-part-2271.sb-custom-part-lvao0eark9hd4q4h0qc .box-ad .wrap-item table {
width: 100%;
table-layout: fixed;
border-collapse: collapse;
text-align: center;
}
#sb-part-2271.sb-custom-part-lvao0eark9hd4q4h0qc .box-ad .wrap-item table th {
border: 1.5px solid #5ec3eb;
background-color: #ccf0ff;
padding: 0.4em;
}
#sb-part-2271.sb-custom-part-lvao0eark9hd4q4h0qc .box-ad .wrap-item table td {
border: 1.5px solid #5ec3eb;
background-color: #ffffff;
padding: 0.4em;
}
#sb-part-2271.sb-custom-part-lvao0eark9hd4q4h0qc .box-ad .wrap-item ul {
color: #535353;
font-weight: 700;
margin: 0 0 1em;
list-style: disc;
}
#sb-part-2271.sb-custom-part-lvao0eark9hd4q4h0qc .box-ad .wrap-tags {
font-weight: 700;
}
#sb-part-2271.sb-custom-part-lvao0eark9hd4q4h0qc .box-ad .wrap-tags ul {
list-style: none;
padding: 0;
font-weight: normal;
display: inline-block;
}
#sb-part-2271.sb-custom-part-lvao0eark9hd4q4h0qc .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-2271.sb-custom-part-lvao0eark9hd4q4h0qc .box-ad .wrap-tags ul>li.no {
border-color: #999999;
color: #999999;
text-decoration: line-through;
}
#sb-part-2271.sb-custom-part-lvao0eark9hd4q4h0qc .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-2271.sb-custom-part-lvao0eark9hd4q4h0qc .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-2271.sb-custom-part-lvao0eark9hd4q4h0qc .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-2271.sb-custom-part-lvao0eark9hd4q4h0qc .box-ad .wrap-btn .link1 {
-ms-flex-preferred-size: 39%;
flex-basis: 39%;
}
#sb-part-2271.sb-custom-part-lvao0eark9hd4q4h0qc .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-2271.sb-custom-part-lvao0eark9hd4q4h0qc .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-2271.sb-custom-part-lvao0eark9hd4q4h0qc .box-ad .wrap-btn .link2 {
-ms-flex-preferred-size: 60%;
flex-basis: 100%;
}
#sb-part-2271.sb-custom-part-lvao0eark9hd4q4h0qc .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-2271.sb-custom-part-lvao0eark9hd4q4h0qc .box-ad .wrap-btn .link2 a::before {
content: "";
position: absolute;
right: 1em;
font-size: 0.8em;
margin-top: 0.2em;
}
#sb-part-2271.sb-custom-part-lvao0eark9hd4q4h0qc .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-2271.sb-custom-part-lvao0eark9hd4q4h0qc article {
font-size: 12px;
line-height: 1.2
}
#sb-part-2271.sb-custom-part-lvao0eark9hd4q4h0qc .container {
padding: 9px 14px;
border: 1px solid #E6ECF0;
border-radius: 10px;
}
#sb-part-2271.sb-custom-part-lvao0eark9hd4q4h0qc .img {
width: 100%;
height: auto;
}
#sb-part-2271.sb-custom-part-lvao0eark9hd4q4h0qc .reviewer {
display: flex;
}
#sb-part-2271.sb-custom-part-lvao0eark9hd4q4h0qc .reviewer-img-wrapper {
margin-right: 3px;
width: 25px;
}
#sb-part-2271.sb-custom-part-lvao0eark9hd4q4h0qc .reviewer-info {
display: flex;
align-items: center;
flex-wrap: wrap;
color: #765555;
}
#sb-part-2271.sb-custom-part-lvao0eark9hd4q4h0qc .reviewer-name {
display: flex;
margin-right: 10px;
}
#sb-part-2271.sb-custom-part-lvao0eark9hd4q4h0qc .reviewer-age {
display: flex;
}
#sb-part-2271.sb-custom-part-lvao0eark9hd4q4h0qc .reviewer-attr {
display: flex;
margin-right: 10px;
}
#sb-part-2271.sb-custom-part-lvao0eark9hd4q4h0qc .reviewer-attr:before {
content: '/';
margin: 0 5px;
}
#sb-part-2271.sb-custom-part-lvao0eark9hd4q4h0qc .reviewer-reviews {
display: flex;
margin-right: 5px;
}
#sb-part-2271.sb-custom-part-lvao0eark9hd4q4h0qc .stars-count {
color: black;
font-weight: bold;
}
#sb-part-2271.sb-custom-part-lvao0eark9hd4q4h0qc .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-2271.sb-custom-part-lvao0eark9hd4q4h0qc .star:before,
#sb-part-2271.sb-custom-part-lvao0eark9hd4q4h0qc .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-2271.sb-custom-part-lvao0eark9hd4q4h0qc .star:after {
transform: rotate(35deg);
}
#sb-part-2271.sb-custom-part-lvao0eark9hd4q4h0qc .tag-wrapper {
margin: 5px 10px 0;
}
#sb-part-2271.sb-custom-part-lvao0eark9hd4q4h0qc .tag {
padding: 3px 6px;
border: 1px solid #5ec3eb;
border-radius: 10px;
color: #444444;
background-color: #ccf0ff;
font-size: 10px;
}
#sb-part-2271.sb-custom-part-lvao0eark9hd4q4h0qc .main {
margin-top: 10px;
width: 100%;
font-size: 0;
}
#sb-part-2271.sb-custom-part-lvao0eark9hd4q4h0qc .main-img-wrapper {
margin-top: 10px;
display: inline-block;
width: 50%;
}
#sb-part-2271.sb-custom-part-lvao0eark9hd4q4h0qc .main-img-wrapper:not(:first-child) {
margin-top: 3px;
}
#sb-part-2271.sb-custom-part-lvao0eark9hd4q4h0qc .main-text {
margin-block-start: 0;
margin-block-end: 0;
font-size: 14px;
}
#sb-part-2271.sb-custom-part-lvao0eark9hd4q4h0qc footer {
color: #765555;
}
#sb-part-2271.sb-custom-part-lvao0eark9hd4q4h0qc .b-marker {
background: linear-gradient(transparent 60%, #cce5ff 0%);
}
#sb-part-2271.sb-custom-part-lvao0eark9hd4q4h0qc
/* reset */
img {
margin: 0 !important;
}
#sb-part-2271.sb-custom-part-lvao0eark9hd4q4h0qc p {
margin: 0;
}
#sb-part-2271.sb-custom-part-lvao0eark9hd4q4h0qc
/* resetここまで */
.box-ad .list-check {
margin: 1em 0 0;
padding: 0;
list-style: none;
}
#sb-part-2271.sb-custom-part-lvao0eark9hd4q4h0qc .box-ad .list-check>li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-weight: 700;
}
#sb-part-2271.sb-custom-part-lvao0eark9hd4q4h0qc .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-custom-part-lmu82cyyhvwtws8sjp */
#sb-part-800.sb-custom-part-lmu82cyyhvwtws8sjp .box {
/* ボックスの背景色 */
background-color: #fff;
/*ボックスの枠線指定。 線の太さ、線の種類、線の色 */
border: 2px solid #000000;
/*ボックスの角を丸くする指定*/
border-radius: 5px;
/* ボックス外側の余白指定。上・右・左・下の順に指定 */
margin: 20px 5px 5px 5px;
/* ボックス内側の余白指定。 上・右・左・下の順に指定 */
padding: 25px 20px 10px 10px;
position: relative;
}
#sb-part-800.sb-custom-part-lmu82cyyhvwtws8sjp .box:before {
/* 吹き出し部分の背景色 */
background-color: #8d93c8;
/*吹き出しの角を丸くする指定*/
border-radius: 5px;
/* 吹き出し文字色 */
color: #ffffff;
/*吹き出しの文字を変更する場合は ' ' の中を変更*/
content: 'ロートV5アクトビジョンがおすすめの理由';
/*吹き出し内側の余白指定。左の値が上下、右の値が左右*/
padding: 5px 20px;
position: absolute;
left: -10px;
top: -20px;
}
#sb-part-800.sb-custom-part-lmu82cyyhvwtws8sjp .box:after {
/* 吹き出し三角部分の色 */
border-top: 17px solid #8d93c8;
border-right: 17px solid transparent;
border-left: 17px solid transparent;
content: '';
position: absolute;
top: 1px;
left: 15px;
}
#sb-part-800.sb-custom-part-lmu82cyyhvwtws8sjp h3 {
/*水平方向の字間のスペース*/
letter-spacing: .04em;
/*フォントの太さを指定。100、200、300、400、500、600、700、800、900。フォント種類により数値を上下させても変化しないことがあります。*/
font-weight: 600;
margin: 0;
}
/* sb-custom-part-lvd4m9ydjc6slezsobe */
#sb-part-3481.sb-custom-part-lvd4m9ydjc6slezsobe 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-lvd4m9ydjc6slezsobe * {
margin: 0px;
padding: 0px;
}
#sb-part-3481.sb-custom-part-lvd4m9ydjc6slezsobe .center {
text-align: center;
}
#sb-part-3481.sb-custom-part-lvd4m9ydjc6slezsobe a {
text-decoration: underline;
color: #23b4c9;
}
#sb-part-3481.sb-custom-part-lvd4m9ydjc6slezsobe body {
font-color: #000;
font-family: Helvetica;
-webkit-text-size-adjust: none;
background-color: #fff;
}
#sb-part-3481.sb-custom-part-lvd4m9ydjc6slezsobe .fam_ad {
font-size: 12px;
font-weight: bold;
}
#sb-part-3481.sb-custom-part-lvd4m9ydjc6slezsobe .fam_ad div a {
padding: 5px;
border-bottom: 1px solid #BFBFBF;
display: block;
}
#sb-part-3481.sb-custom-part-lvd4m9ydjc6slezsobe .fam_ad span {
color: #666666;
}
#sb-part-3481.sb-custom-part-lvd4m9ydjc6slezsobe p.title {
font-weight: bold;
color: #FFFFFF;
font-size: 14px;
padding: 5px;
background-color: #7F7F7F;
}
#sb-part-3481.sb-custom-part-lvd4m9ydjc6slezsobe
/*-------------------form---------------------*/
#search_area p {
font-size: 11px;
display: inline-block;
margin: 8px 0px 0px 3px;
}
#sb-part-3481.sb-custom-part-lvd4m9ydjc6slezsobe #search_area p select {
font-size: 10px;
}
#sb-part-3481.sb-custom-part-lvd4m9ydjc6slezsobe #search_area .submit_btn {
width: 100px;
margin: 10px auto;
display: block;
}
#sb-part-3481.sb-custom-part-lvd4m9ydjc6slezsobe * {
margin: 0px;
padding: 0px;
}
#sb-part-3481.sb-custom-part-lvd4m9ydjc6slezsobe .center {
text-align: center;
}
#sb-part-3481.sb-custom-part-lvd4m9ydjc6slezsobe a {
text-decoration: underline;
color: #23b4c9;
}
#sb-part-3481.sb-custom-part-lvd4m9ydjc6slezsobe body {
font-color: #000;
font-family: Helvetica;
-webkit-text-size-adjust: none;
background-color: #fff;
}
#sb-part-3481.sb-custom-part-lvd4m9ydjc6slezsobe .fam_ad {
font-size: 12px;
font-weight: bold;
}
#sb-part-3481.sb-custom-part-lvd4m9ydjc6slezsobe .fam_ad div a {
padding: 5px;
border-bottom: 1px solid #BFBFBF;
display: block;
}
#sb-part-3481.sb-custom-part-lvd4m9ydjc6slezsobe .fam_ad span {
color: #666666;
}
#sb-part-3481.sb-custom-part-lvd4m9ydjc6slezsobe p.title {
font-weight: bold;
color: #FFFFFF;
font-size: 14px;
padding: 5px;
background-color: #7F7F7F;
}
#sb-part-3481.sb-custom-part-lvd4m9ydjc6slezsobe
/*-------------------form---------------------*/
#search_area p {
font-size: 11px;
display: inline-block;
margin: 8px 0px 0px 3px;
}
#sb-part-3481.sb-custom-part-lvd4m9ydjc6slezsobe #search_area p select {
font-size: 10px;
}
#sb-part-3481.sb-custom-part-lvd4m9ydjc6slezsobe #search_area .submit_btn {
width: 100px;
margin: 10px auto;
display: block;
}
/* sb-custom-part-ltjtow98og4gcwo0kn */
#sb-part-2553.sb-custom-part-ltjtow98og4gcwo0kn
/*-- 全体の設定 --*/
.accordionMenu__box {
/*背景の色*/
background: #f5f5f5;
/* 内側の余白 */
padding: 10px;
}
#sb-part-2553.sb-custom-part-ltjtow98og4gcwo0kn
/*-- 見出し（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-ltjtow98og4gcwo0kn .accordionMenu__box .accordionMenu__title .accordionMenu__titleBox {
display: inline-block;
margin-right: 2rem;
line-height: 1;
}
#sb-part-2553.sb-custom-part-ltjtow98og4gcwo0kn
/*-- Outline横のボーダー --*/
.accordionMenu__box .accordionMenu__title:after {
content: '';
/*ボーダーの太さと線種と色*/
border-bottom: 2px solid #000;
width: 70%;
/*ボーダーの太さ分の高さ*/
height: 2px;
display: block;
}
#sb-part-2553.sb-custom-part-ltjtow98og4gcwo0kn
/*-- アコーディオン（インデックス）内の見出し --*/
.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-ltjtow98og4gcwo0kn .accordionMenu__box .accordionMenu__contents .menu_title:first-of-type {
border-top: none;
}
#sb-part-2553.sb-custom-part-ltjtow98og4gcwo0kn .accordionMenu__box .accordionMenu__contents .menu_title .menu_titleBox {
width: calc(100% - 30px);
}
#sb-part-2553.sb-custom-part-ltjtow98og4gcwo0kn
/*-- インデックスのボタン部分 --*/
.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-ltjtow98og4gcwo0kn .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-ltjtow98og4gcwo0kn .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-ltjtow98og4gcwo0kn
/*-- インデックス詳細部分 --*/
.accordionMenu__box .accordionMenu__contents .menu_content {
/*文字の大きさ*/
font-size: 16px;
/*コンテンツ左側の余白（不要の場合は「0」としてください）*/
margin-left: 1rem;
/*コンテンツが表示されている時の下側の余白*/
padding-bottom: 10px;
display: none;
}
/* 装飾クラス */
.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; }