@charset "utf-8";
:root{
--line-height-12:1.42;
--line-height-14:1.35;
--line-height-18:1.27;
}

/* ---------------------------------
  Base layout
---------------------------------- */
[role="page"],
[role="dialog"]{
display:none;
}
[role="page"].is-active,
[role="dialog"].is-active{
display:block;
min-height:100%;
box-sizing:border-box;
}

/* ---------------------------------
  Outline Control
---------------------------------- */
[data-whatintent="touch"] *:focus{
outline:none;
-webkit-tap-highlight-color:rgba(0,0,0,0);
}

/* ---------------------------------
  Start Local Common Modules
---------------------------------- */
.mod-num{
font-family:Arial;
}
.mod-icon-external{
overflow:hidden;
display:inline-block;
position:relative;
margin-left:4px;
padding-top:10px;
width:10px;
height:0;
background:url(/element_sp/spot/shared/images/icon-external.svg) 0 0 no-repeat;
line-height:2;
}

/* mod-radio-custom
------------------------------------------------ */
.mod-radio-custom{
display:inline-block;
vertical-align:middle;
position:relative;
padding-left:22px;
padding-top:10px;
padding-bottom:10px;
}
.mod-radio-custom >label{
display:inline;
}
.mod-radio-custom input[type="radio"]{
display:none;
}
.mod-radio-custom .mod-radio-custom-inner{
display:inline;
}
.mod-radio-custom .mod-radio-custom-inner::before{
content:"";
width:13px;
height:9px;
position:absolute;
left:0;
top:16px;
}
.mod-radio-custom input[type=radio]:checked + .mod-radio-custom-inner::before{
background:url(/element_sp/spot/shared/images/icon-form-checked.svg) top left no-repeat;
}

/* mod-noimg
---------------------------------- */
.mod-noimg{
border:1px solid #eee;
background-color:#fcfcfc;
}

/* ---------------------------------
  End Local Common Modules
---------------------------------- */
/* ---------------------------------
  Start .cmn-modal modify
---------------------------------- */
/* .cmn-modal padding modify
----------------------------------------------- */
.cmn-modal .modal-info-area,
.cmn-modal .modal-info-area-02{
padding:24px 16px 20px;
}

/* .cmn-modal paragraph modify
----------------------------------------------- */
.cmn-modal .info-text{
font-size:16px;
}

/* ---------------------------------
  End .cmn-modal modify
---------------------------------- */
/* ---------------------------------
  Start Main Content Modules
---------------------------------- */
/* error-container
---------------------------------- */
.error-container{
margin:32px 0 132px;
}
.error-container .error-catch{
margin:10px 0;
font-size:16px;
}
.error-container p{
margin:0;
font-size:12px;
}
.error-container .error-text{
font-size:14px;
}
.error-container .error-align-c,
.error-container #errMsg{
text-align:center;
}
.error-container strong{
color:var(--font-color-red);
font-weight:normal;
}
.error-container .btn{
display:table;
margin:20px auto 0;
padding:8px 10px;
border:1px solid #bbb;
border-radius:5px;
min-width:55%;
color:#222;
background-color:#fff;
text-align:center;
font-weight:normal;
font-size:14px;
box-shadow:none;
}

/* .secondary-bg
----------------------------------------------- */
.secondary-bg{
margin:-11px -10px 0;
padding:0 10px 10px;
border-top:1px solid #2a2a2a;
background:#2a2a2a url(/element_sp/shared/images/frame/bg-secondary.jpg) repeat 0 0;
background-size:100% auto;
}

/* .error-result
---------------------------------- */
.error-result{
margin:30px 10px;
text-align:center;
}
.error-result .br{
display:inline-block;
}
.error-result .error-result-btn{
margin:15px auto 0;
padding:8px 10px;
border:1px solid #bbb;
border-radius:5px;
color:#222;
display:table;
min-width:210px;
box-sizing:border-box;
text-align:center;
font-weight:normal;
font-size:14px;
background-color:#fff;
}

/* loading-spinner
---------------------------------- */
.loading-spinner{
min-height:600px;
}

/* shared-url-container
---------------------------------- */
.shared-url-container{
width:240px;
margin:16px auto -20px;
}
.shared-url-container .shared-url-sns{
width:184px;
margin:0 auto;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:center;
justify-content:center;
}
.shared-url-container .shared-url-sns > li{
margin:0 10px;
}
.shared-url-container .shared-url-sns button{
display:block;
width:40px;
height:0;
padding-top:40px;
overflow:hidden;
line-height:2;
border:none;
background:none;
background-size:100%;
margin:0 auto;
}
.shared-url-container .shared-url-sns button.shared-url-btn-instagram{
background:url(/element/shared/images/icon/icon-sns-instagram.svg) 0 0 no-repeat;
}
.shared-url-container .shared-url-sns button.shared-url-btn-line{
background:url(/element/shared/images/icon/icon-sns-line.svg) 0 0 no-repeat;
}
.shared-url-container .shared-url-sns button.shared-url-btn-fb{
background:url(/element/shared/images/icon/icon-sns-fb.svg) 0 0 no-repeat;
}
.shared-url-container .shared-url-sns button.shared-url-btn-tw{
background:url(/element/shared/images/icon/icon-sns-twitter.svg) 0 0 no-repeat;
}
.shared-url-container .shared-url{
margin-top:16px;
}
.shared-url-container .shared-url > li:not(:first-child){
margin-top:8px;
}
.shared-url-container .shared-url .shared-url-copy{
font-size:12px;
display:block;
text-align:center;
margin-top:7px;
color:#777;
}
.shared-url-container .shared-url button{
position:relative;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:center;
justify-content:center;
border:1px solid #bbb;
background:none;
border-radius:4px;
width:100%;
font-size:14px;
color:#222;
height:36px;
background-size:100%;
}
.shared-url-container .shared-url button::before{
content:"";
display:block;
margin-right:8px;
}
.shared-url-container .shared-url button.shared-url-btn{
display:block;
}
.shared-url-container .shared-url button.shared-url-btn::before{
display:none;
}
.shared-url-container .shared-url button.shared-url-btn-mail::before{
width:18px;
height:12px;
background:url(/element/spot/shared/images/icon-ml.svg) 0 0 no-repeat;
}
.shared-url-container .shared-url button.shared-url-btn-sms::before{
width:18px;
height:16px;
background:url(/element/spot/shared/images/icon-sms.svg) 0 0 no-repeat;
}
.shared-url-container .shared-url button.shared-url-btn-copy::before{
width:15px;
height:17px;
background:url(/element/spot/shared/images/icon-copy.svg) 0 0 no-repeat;
}

/* article-container
---------------------------------- */
.article-container{
margin:-10px;
padding:0 10px 28px;
color:#222;
background-color:#f5f5f5;
}

/* article-header-container
---------------------------------- */
.article-header-container{
margin:0 -10px;
padding-bottom:12px;
background:#fff;
position:relative;
box-shadow:0px 4px 6px -2px rgb(0 0 0 / 20%);
}

/* article-header
---------------------------------- */
.article-header{
display:table;
width:100%;
table-layout:fixed;
}

/* article-header-hdg
---------------------------------- */
.article-header .article-header-hdg{
padding-right:80px;
font-size:18px;
line-height:var(--line-height-18);
}
.article-header .article-header-hdg-sup{
line-height:1;
margin-top:8px;
font-size:12px;
line-height:var(--line-height-12);
}
.article-header .article-header-hdg-sup .cmn-tip-btn{
margin-left:4px;
}
.article-header .article-header-att{
margin-top:8px;
margin-bottom:12px;
font-size:12px;
line-height:var(--line-height-12);
}
.article-header .article-header-att .article-header-att-date{
display:block;
}
.article-header .article-header-att em{
color:#e93939;
}

/* article-slide
---------------------------------- */
.article-header .article-slide-container{
position:relative;
}
.article-header .article-slide-container ul{
margin:0;
}
.article-header .article-slide-container .article-slide-list{
margin:0;
}
.article-header .article-slide-container .article-slide-pagination{
right:4px;
bottom:4px;
left:auto;
text-align:right;
width:auto;
background-color:rgba(0,0,0,.45);
height:22px;
font-size:12px;
line-height:var(--line-height-12);
padding:4px 8px;
color:#fff;
border-radius:3px;
box-sizing:border-box;
line-height:1.2;
}
.article-header .article-slide-container .article-slide-pagination.swiper-pagination-lock{
display:block;
}
.article-header .article-slide-container .article-slide-prev::after,.article-header .article-slide-container .article-slide-next::after{
display:none;
}
.article-header .article-slide-container .article-slide-prev::before,.article-header .article-slide-container .article-slide-next::before{
content:"";
display:block;
width:14px;
height:24px;
background-position:0 0;
background-repeat:no-repeat;
background-size:100%;
-webkit-filter:drop-shadow(0px 0px 2px rgba(0, 0, 0, .75));
filter:drop-shadow(0px 0px 2px rgba(0, 0, 0, .75));
}
.article-header .article-slide-container .article-slide-prev::before{
background-image:url(/element_sp/spot/shared/images/icon-slider-prev.svg);
}
.article-header .article-slide-container .article-slide-next::before{
background-image:url(/element_sp/spot/shared/images/icon-slider-next.svg);
}
.article-header .article-slide-pic{
position:relative;
width:100%;
height:0;
padding-top:66.66%;
}
.article-header .article-slide-pic.is-caption::after{
content:"";
display:block;
position:absolute;
bottom:0;
width:100%;
height:50px;
background:-webkit-linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .6) 100%);
background:linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .6) 100%);
opacity:.5;
}
.article-header .article-slide-pic >img{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
object-fit:cover;
}
.article-header .article-slide-pic .guard{
z-index:1;
}
.article-header .article-slide-cap{
position:absolute;
left:10px;
bottom:4px;
width:84%;
color:rgba(255,255,255,.6);
font-size:10px;
z-index:1;
}
.article-header .article-slide-cap a{
color:rgba(255,255,255,.6);
}

/* article-header-caption
---------------------------------- */
.article-header .article-header-caption{
margin-top:6px;
color:#949494;
display:-webkit-box;
display:flex;
-webkit-box-pack:end;
justify-content:flex-end;
font-size:11px;
}
.article-header .article-header-caption a{
color:#949494;
text-decoration:none;
}
.article-header .article-header-caption a:active,
.article-header .article-header-caption a:hover,
.article-header .article-header-caption a:focus{
text-decoration:underline;
}

/* article-header-summary
---------------------------------- */
.article-header .article-header-summary{
position:relative;
padding:12px 10px 0;
}

/* article-instagram-btn
---------------------------------- */
.article-header .article-shared-btn-container{
position:absolute;
right:10px;
top:8px;
}
.article-header .article-shared-btn-container button{
position:static;
margin-left:8px;
}

/* article-instagram-btn
---------------------------------- */
.article-header .article-instagram-btn{
position:absolute;
right:10px;
top:8px;
background:none;
border:none;
width:28px;
height:0;
padding-top:28px;
overflow:hidden;
line-height:2;
background:url(/element_sp/spot/shared/images/icon-share-instagram.svg) top left no-repeat;
background-size:28px 28px;
}

/* article-shared-btn
---------------------------------- */
.article-header .article-shared-btn{
position:absolute;
right:50px;
top:8px;
background:none;
border:none;
width:28px;
height:0;
padding-top:28px;
overflow:hidden;
line-height:2;
background:url(/element_sp/spot/shared/images/icon-share.svg) top left no-repeat;
background-size:28px 28px;
}

/* article-header-tags
---------------------------------- */
.article-header .article-header-tags{
margin:12px 0 0;
font-size:0;
}
.article-header .article-header-tags >li{
font-size:12px;
line-height:var(--line-height-12);
display:-webkit-box;
display:flex;
}
.article-header .article-header-tags >li:not(:first-child){
margin-top:4px;
}
.article-header .article-header-tags >li >div:first-child{
position:relative;
white-space:nowrap;
min-width:5em;
padding-right:10px;
box-sizing:border-box;
}
.article-header .article-header-tags >li >div:first-child::after{
position:absolute;
content:":";
display:block;
right:4px;
top:0;
}
.article-header .article-header-tags .article-header-tags-desc{
margin-right:12px;
}
.article-header .article-header-tags .article-header-tags-link{
display:inline-block;
color:#222;
}

/* article-card-footer
---------------------------------- */
.article-card-footer{
margin-top:20px;
}

/* article-tabs-container
---------------------------------- */
.article-tabs-container{
margin:4px 0 -12px;
}
.article-tabs-container .article-tabs-list{
margin:0 10px;
display:-webkit-box;
display:flex;
}
.article-tabs-container .article-tabs-list >li{
line-height:1;
}
.article-tabs-container .article-tabs-list >li button{
background:none;
border:none;
position:relative;
display:block;
padding:11px 10px 12px;
color:#222;
font-size:14px;
line-height:var(--line-height-14);
}
.article-tabs-container .article-tabs-list >li button::after{
position:relative;
top:8px;
content:"";
display:block;
width:100%;
height:2px;
background-color:transparent;
}
.article-tabs-container .article-tabs-list >li button[aria-selected="true"]::after{
background-color:#222;
}

/* article-item-container
---------------------------------- */
.article-item-container{
display:block;
margin:0 -10px;
padding:0 8px;
}
.article-item-container .article-item:focus{
outline:none;
}

/* article-item
---------------------------------- */
.article-item{
display:none;
}
.article-item.is-active{
display:block;
}

/* article-card-header
---------------------------------- */
.article-item .article-card-header{
margin-top:16px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:justify;
justify-content:space-between;
}
.article-item .article-card-header .article-card-header-hdg{
font-weight:normal;
font-size:14px;
line-height:var(--line-height-14);
}
.article-item .article-card-header .article-card-header-link a{
font-size:12px;
line-height:var(--line-height-12);
color:#222;
}

/* article-card
---------------------------------- */
.article-item .article-card{
margin-top:12px;
padding:12px;
border-radius:6px;
background:#fff;
box-shadow:0px 1px 4px rgba(0, 0, 0, .3);
}
.article-item .article-card a{
color:#222;
}

/* article-card-hdg
---------------------------------- */
.article-item .article-card-hdg{
margin:28px 0 8px;
font-size:18px;
font-weight:normal;
line-height:calc(21/18);
}

/* article-card-item-list
---------------------------------- */
.article-item .article-card-item-list{
margin:0;
display:table;
table-layout:fixed;
}
.article-item .article-card-item-list a{
color:#222;
}
.article-item .article-card-item-list >li{
display:table-row;
font-size:12px;
line-height:var(--line-height-12);
}
.article-item .article-card-item-list >li:not(:last-child) >div{
padding-bottom:8px;
}
.article-item .article-card-item-list >li >div{
display:table-cell;
word-break:break-all;
}
.article-item .article-card-item-list >li >div:first-child{
white-space:nowrap;
position:relative;
padding-right:21px;
min-width:48px;
}
.article-item .article-card-item-list >li >div:first-child::after{
position:absolute;
top:-1px;
right:12px;
content:":";
display:inline-block;
}
.article-item .article-card-item-list >li >div:last-child{
-webkit-box-flex:1;
flex:1;
}
.article-item .article-card-item-list-notes{
margin:0;
}
.article-item .article-card-item-list-notes >li{
font-size:12px;
line-height:var(--line-height-12);
text-indent:-1em;
margin-left:1em;
}
.article-item .article-card-item-list-notice{
margin:4px 0 0 0;
}
.article-item .article-card-item-list-notice >li{
color:#777;
font-size:12px;
line-height:var(--line-height-12);
text-indent:-1em;
margin-left:1em;
}
.article-item .article-card-item-list-notice em{
color:#e93939;
display:inline-block;
text-indent:0;
}
.article-item .article-card-item-list-link{
display:block;
margin-top:4px;
}
.article-item .article-card-item-list-link a{
color:#222;
}

/* article-item
---------------------------------- */
.article-item .article-card-item-list-site{
margin:0;
}

/* article-card-item-notes
---------------------------------- */
.article-item .article-card-item-notes{
margin:0;
}
.article-item .article-card-item-notes >li{
font-size:12px;
line-height:var(--line-height-12);
color:#777;
text-indent:-1em;
margin-left:1em;
}

/* article-card-item-footer
---------------------------------- */
.article-item .article-card-item-footer{
margin-top:12px;
}

/* article-card-desc
---------------------------------- */
.article-item .article-card-desc{
font-size:14px;
line-height:1.5;
word-break:break-all;
}
.article-item .article-card-desc.article-card-desc-toggle-container.is-active .article-card-desc-toggle-overflow{
display:none;
}
.article-item .article-card-desc.article-card-desc-toggle-container.is-active .article-card-desc-toggle-item{
display:block;
}
.article-item .article-card-desc.article-card-desc-toggle-container .article-card-desc-hdg{
font-size:14px;
font-weight:normal;
margin-top:20px;
}
.article-item .article-card-desc.article-card-desc-toggle-container .article-card-desc-prg{
margin:8px 0 0;
font-size:12px;
}
.article-item .article-card-desc.article-card-desc-toggle-container .article-card-desc-toggle-overflow{
margin-bottom:-4px;
}
.article-item .article-card-desc.article-card-desc-toggle-container .article-card-desc-toggle-overflow >:first-child{
margin-top:0;
}
.article-item .article-card-desc.article-card-desc-toggle-container .article-card-desc-toggle-overflow .article-card-desc-prg .article-card-desc-toggle-trigger{
font-size:12px;
}
.article-item .article-card-desc.article-card-desc-toggle-container .article-card-desc-toggle-overflow .article-card-desc-prg .article-card-desc-toggle-trigger button{
font-size:12px;
}
.article-item .article-card-desc.article-card-desc-toggle-container .article-card-desc-toggle-overflow .article-card-desc-toggle-trigger{
display:inline-block;
}
.article-item .article-card-desc.article-card-desc-toggle-container .article-card-desc-toggle-overflow .article-card-desc-toggle-trigger button{
background:none;
padding:0;
border:none;
color:#a4a4a4;
font-size:14px;
line-height:var(--line-height-14);
}
.article-item .article-card-desc.article-card-desc-toggle-container .article-card-desc-toggle-overflow .article-card-desc-toggle-trigger button::before{
content:"...";
position:relative;
display:inline-block;
color:#222;
margin-right:.4em;
}
.article-item .article-card-desc.article-card-desc-toggle-container .article-card-desc-toggle-item{
display:none;
}
.article-item .article-card-desc.article-card-desc-toggle-container .article-card-desc-toggle-item >:first-child{
margin-top:0;
}
.article-item .article-card-desc.article-card-desc-toggle-container .article-card-desc-toggle-item .article-card-desc-toggle-footer{
margin-top:8px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:justify;
justify-content:space-between;
line-height:1;
}
.article-item .article-card-desc.article-card-desc-toggle-container .article-card-desc-toggle-item .article-card-desc-toggle-trigger{
margin-top:8px;
display:block;
text-align:right;
}
.article-item .article-card-desc.article-card-desc-toggle-container .article-card-desc-toggle-item .article-card-desc-toggle-trigger button{
background:none;
padding:0;
border:none;
color:#222;
line-height:var(--line-height-14);
}
.article-item .article-card-desc.article-card-desc-toggle-container .article-card-desc-toggle-item .article-card-desc-toggle-trigger button::before{
content:"";
position:relative;
top:-2px;
margin-right:4px;
display:inline-block;
width:8px;
height:5px;
background-image:url(/element_sp/spot/shared/images/icon-arrow-01-up.svg);
background-color:transparent;
background-repeat:no-repeat;
background-size:8px 5px;
}

/* article-card-author
---------------------------------- */
.article-item .article-card-author{
background-color:#f5f5f5;
border-radius:4px;
padding:8px;
margin-top:20px;
}
.article-item .article-card-author-name{
font-size:14px;
}
.article-item .article-card-author-desc{
font-size:12px;
margin:4px 0 0 0;
}
.article-item .article-card-author-tags{
margin:3px 0 0 0;
font-size:12px;
color:#777;
}
.article-item .article-card-author-tags > li{
display:inline-block;
}
.article-item .article-card-author-tags > li:not(:first-child)::before{
content:"/";
display:inline-block;
margin:0 4px;
}

/* article-card-desc-footer
---------------------------------- */
.article-item .article-card-desc-footer{
margin-top:8px;
}
.article-item .article-card-desc-footer .article-card-desc-footer-link{
text-align:right;
line-height:1;
}
.article-item .article-card-desc-footer .article-card-desc-footer-link > span::after{
content:":";
display:inline-block;
margin:0 4px;
}

/* article-card-list
---------------------------------- */
.article-item .article-card-list >li{
overflow:hidden;
margin-top:12px;
padding:12px;
border-radius:5px;
background:#fff;
box-shadow:0px 1px 4px rgba(0, 0, 0, .3);
}
.article-item .article-card-list .article-card-list-header-row{
display:-webkit-box;
display:flex;
}
.article-item .article-card-list .article-card-list-pic{
position:relative;
width:120px;
height:90px;
padding-right:12px;
margin-top:-12px;
margin-left:-12px;
}
.article-item .article-card-list .article-card-list-pic img{
vertical-align:middle;
width:120px;
height:90px;
object-fit:cover;
border-radius:0 0 6px;
}
.article-item .article-card-list .article-card-list-pic >span{
display:-webkit-box;
display:flex;
-webkit-box-pack:center;
justify-content:center;
box-sizing:border-box;
position:absolute;
top:0;
left:8px;
background:url(/element_sp/spot/shared/images/icon-ranking.svg) no-repeat 0 0;
font-size:14px;
width:22px;
height:26px;
padding-top:2px;
-webkit-filter:drop-shadow(rgba(0, 0, 0, .5) 0 1px 1px);
filter:drop-shadow(rgba(0, 0, 0, .5) 0 1px 1px);
}
.article-item .article-card-list .article-card-list-pic .mod-noimg{
border-radius:0 0 6px;
text-align:center;
vertical-align:middle;
border-top:none;
border-left:none;
}
.article-item .article-card-list .article-card-list-pic .mod-noimg img{
width:89px;
height:auto;
display:inline-block;
}
.article-item .article-card-list .article-card-list-desc{
-webkit-box-flex:1;
flex:1;
}
.article-item .article-card-list .article-card-list-desc::after{
content:"";
display:table;
clear:both;
}
.article-item .article-card-list .article-card-list-desc .article-card-list-desc-hdg{
font-size:14px;
line-height:var(--line-height-14);
font-weight:normal;
}
.article-item .article-card-list .article-card-list-desc .article-card-list-desc-hdg a{
color:#004c9a;
}
.article-item .article-card-list .article-card-list-row{
display:-webkit-box;
display:flex;
-webkit-box-orient:horizontal;
-webkit-box-direction:reverse;
flex-direction:row-reverse;
-webkit-box-pack:justify;
justify-content:space-between;
-webkit-box-align:end;
align-items:flex-end;
margin-top:4px;
}
.article-item .article-card-list .article-card-list-price-unit{
text-align:right;
}
.article-item .article-card-list .article-card-list-price-unit .article-card-list-price-sup{
font-size:12px;
line-height:var(--line-height-12);
}
.article-item .article-card-list .article-card-list-price-unit .article-card-list-price{
font-size:12px;
line-height:var(--line-height-12);
margin-top:1px;
}
.article-item .article-card-list .article-card-list-price-unit .article-card-list-price .mod-num{
font-size:18px;
line-height:var(--line-height-18);
font-weight:bold;
}
.article-item .article-card-list .article-card-list-review-point{
font-size:0;
}
.article-item .article-card-list .article-card-list-review-point::before{
margin-right:4px;
display:inline-block;
width:10px;
height:10px;
overflow:hidden;
background:url(/element/shared/images/icon/icon-review-5.svg) 0 0;
background-size:auto 10px;
content:"";
}
.article-item .article-card-list .article-card-list-review-point .article-card-list-review-point-rank{
font-size:14px;
line-height:var(--line-height-14);
font-family:Arial;
}
.article-item .article-card-list .article-card-list-review-point .article-card-list-review-point-label{
font-size:10px;
margin-left:3px;
}
.article-item .article-card-list .article-card-list-review-comment{
border:1px solid #e5e5e5;
border-radius:4px;
padding:8px;
margin-top:8px;
position:relative;
}
.article-item .article-card-list .article-card-list-review-comment::before,
.article-item .article-card-list .article-card-list-review-comment::after{
display:block;
position:absolute;
top:-9px;
left:14px;
content:"";
width:0;
height:0;
border-bottom:9px solid #ddd;
border-right:9px solid transparent;
border-left:9px solid transparent;
}
.article-item .article-card-list .article-card-list-review-comment::after{
top:-8px;
border-bottom:9px solid #fff;
}
.article-item .article-card-list .article-card-list-review-comment .article-card-list-review-comment-hdg{
font-size:14px;
line-height:var(--line-height-14);
}
.article-item .article-card-list .article-card-list-review-comment .article-card-list-review-comment-score{
font-size:12px;
line-height:var(--line-height-12);
margin-top:4px;
}
.article-item .article-card-list .article-card-list-review-comment .article-card-list-review-comment-score > span:first-child::after{
content:":";
display:inline-block;
margin:0 4px;
}
.article-item .article-card-list .article-card-list-review-comment .article-card-list-review-comment-desc{
font-size:12px;
line-height:var(--line-height-12);
margin-top:4px;
}
.article-item .article-card-list .article-card-list-review-comment .article-card-list-review-comment-more{
color:#a4a4a4;
}
.article-item .article-card-list .article-card-list-review-comment .article-card-list-review-comment-more::before{
content:"...";
position:relative;
display:inline-block;
color:#222;
margin-right:.4em;
}
.article-item .article-card-list .article-card-list-review-comment >:first-child{
margin-top:0;
}

/* article-card-climate
---------------------------------- */
.article-item .article-card-climate-graph img{
max-width:100%;
}
.article-item .article-card-climate-hdg{
font-weight:normal;
font-size:12px;
display:inline-block;
}
.article-item .article-card-climate-hdg-container{
position:relative;
}
.article-item .article-card-climate-hdg-container::after{
content:"";
display:table;
clear:both;
}
.article-item .article-card-climate-notes{
float:right;
margin-top:4px;
font-size:10px;
color:#777;
}
.article-item .article-card-climate-notes .mark{
margin-right:4px;
}
.article-item .article-card-climate-graph{
margin-top:8px;
margin-bottom:20px;
}
.article-item .article-card-climate-graph img{
max-width:100%;
vertical-align:top;
}
.article-item .article-card-climate-clothes{
margin:8px 12px;
}
.article-item .article-card-climate-clothes-list{
display:-webkit-box;
display:flex;
margin:0;
}
.article-item .article-card-climate-clothes-list li{
-webkit-box-flex:1;
flex:1;
display:-webkit-box;
display:flex;
flex-wrap:wrap;
-webkit-box-pack:center;
justify-content:center;
font-size:11px;
}
.article-item .article-card-climate-clothes-list li > div{
width:100%;
line-height:1;
text-align:center;
}
.article-item .article-card-climate-clothes-list li > div:last-child{
padding:9px 0;
margin-top:5px;
border-left:1px solid #e9e9e9;
}
.article-item .article-card-climate-clothes-list li:last-child > div:last-child{
border-right:1px solid #e9e9e9;
}
.article-item .article-card-climate-clothes-list .clothes-type{
display:block;
margin:0 auto;
width:19px;
height:0;
padding-top:22px;
overflow:hidden;
line-height:2;
background-repeat:no-repeat;
background-position:center center;
background-size:19px auto;
}
.article-item .article-card-climate-clothes-list .clothes-type.clothes-type-01{
background-image:url(/element_sp/spot/shared/images/icon-clothes-01.png);
}
.article-item .article-card-climate-clothes-list .clothes-type.clothes-type-01-02{
background-image:url(/element_sp/spot/shared/images/icon-clothes-01-02.png);
}
.article-item .article-card-climate-clothes-list .clothes-type.clothes-type-01-03{
background-image:url(/element_sp/spot/shared/images/icon-clothes-01-03.png);
}
.article-item .article-card-climate-clothes-list .clothes-type.clothes-type-01-04{
background-image:url(/element_sp/spot/shared/images/icon-clothes-01-04.png);
}
.article-item .article-card-climate-clothes-list .clothes-type.clothes-type-02{
background-image:url(/element_sp/spot/shared/images/icon-clothes-02.png);
}
.article-item .article-card-climate-clothes-list .clothes-type.clothes-type-02-03{
background-image:url(/element_sp/spot/shared/images/icon-clothes-02-03.png);
}
.article-item .article-card-climate-clothes-list .clothes-type.clothes-type-02-04{
background-image:url(/element_sp/spot/shared/images/icon-clothes-02-04.png);
}
.article-item .article-card-climate-clothes-list .clothes-type.clothes-type-03{
background-image:url(/element_sp/spot/shared/images/icon-clothes-03.png);
}
.article-item .article-card-climate-clothes-list .clothes-type.clothes-type-03-04{
background-image:url(/element_sp/spot/shared/images/icon-clothes-03-04.png);
}
.article-item .article-card-climate-clothes-list .clothes-type.clothes-type-04{
background-image:url(/element_sp/spot/shared/images/icon-clothes-04.png);
}
.article-item .article-card-climate-clothes-def-container{
text-align:right;
margin-top:4px;
}
.article-item .article-card-climate-clothes-def{
display:-webkit-inline-box;
display:inline-flex;
-webkit-box-align:center;
align-items:center;
font-size:0;
}
.article-item .article-card-climate-clothes-def > span{
font-size:10px;
margin-right:4px;
}
.article-item .article-card-climate-clothes-def ul{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
margin:0;
}
.article-item .article-card-climate-clothes-def ul li{
font-size:10px;
position:relative;
top:1px;
}
.article-item .article-card-climate-clothes-def ul li:not(:last-child){
margin-right:10px;
}
.article-item .article-card-climate-clothes-def .clothes-type{
position:relative;
top:-2px;
content:"";
display:inline-block;
width:15px;
height:0;
padding-top:17px;
overflow:hidden;
line-height:2;
background-repeat:no-repeat;
background-position:center left;
background-size:15px auto;
margin-right:2px;
vertical-align:middle;
}
.article-item .article-card-climate-clothes-def .clothes-type.clothes-type-01{
background-image:url(/element_sp/spot/shared/images/icon-clothes-01.png);
}
.article-item .article-card-climate-clothes-def .clothes-type.clothes-type-02{
background-image:url(/element_sp/spot/shared/images/icon-clothes-02.png);
}
.article-item .article-card-climate-clothes-def .clothes-type.clothes-type-03{
background-image:url(/element_sp/spot/shared/images/icon-clothes-03.png);
}
.article-item .article-card-climate-clothes-def .clothes-type.clothes-type-04{
background-image:url(/element_sp/spot/shared/images/icon-clothes-04.png);
}

@media screen and (max-width: 320px){
.article-item .article-card-climate-clothes{
margin-left:0;
margin-right:0;
}
}

/* article-card-climate-footer
---------------------------------- */
.article-item .article-card-climate-footer{
margin-top:16px;
}
.article-item .article-card-climate-footer .article-card-climate-footer-link{
text-align:right;
line-height:1;
font-size:12px;
}

/* article-more-link
---------------------------------- */
.article-item .article-more-link{
text-align:center;
}
.article-item .article-more-link a{
display:inline-block;
color:#222;
font-size:14px;
line-height:var(--line-height-14);
text-decoration:none;
}

/* .article-item .faq-list
---------------------------------- */
/*
.article-item .faq-list{
  margin:0;
  & .faq-toggle-container{
    &[aria-expanded=true]{
      & .faq-toggle-item{
        display: block;
      }
      & .faq-toggle-trigger{
        &::after{
          background: url(/element/shared/images/icon/icon-chevron-up.svg) 0 0 no-repeat;
        }
      }
    }
    &[aria-expanded=false]{
      & .faq-toggle-item{
        display: none;
      }
    }
    & .faq-toggle-trigger{
      margin:0;
      padding:0;
      background: none;
      border: none;
      text-align: left;
      font-size:12px;
      font-weight: normal;
      cursor:pointer;
      &::after{
        content: "";
        display: block;
        position: absolute;
        right: 10px;
        top: 50%;
        margin-top:-4px;
        width: 11px;
        height: 7px;
        background: url(/element/shared/images/icon/icon-chevron-down.svg) 0 0 no-repeat;
      }
    }
  }
  & li{
    font-size:12px;
    &:not(:first-child){
      margin-top:8px;
      padding-top: 8px;
      border-top:1px solid #ddd;
    }
    & em{
      color:#e93939;
      font-weight: normal;
    }
    & .question{
      position:relative;
      padding-left: 23px;
      padding-right: 30px;
      &::before{
        position:absolute;
        content:"";
        display:block;
        left:0;
        top:0;
        width:11px;
        height:15px;
        background:url(/element_sp/spot/shared/images/icon-faq-q.svg) 0 0 no-repeat;
        background-size: 100% auto;
      }
    }
    & .answer{
      margin-top:4px;
      position:relative;
      padding-left: 23px;
      & p{
        &:not(:first-child){
          margin: 8px 0 0;
        }
      }
      &::before{
        position:absolute;
        content:"";
        display:block;
        left:0;
        top:2px;
        width:11px;
        height:15px;
        background:url(/element_sp/spot/shared/images/icon-faq-a.svg) 0 0 no-repeat;
        background-size: 100% auto;
      }
    }
  }
}
*/
/* .spot-seo-faq
----------------------------------------------------------------- */
.spot-seo-faq{
padding:2px 20px;
border-radius:6px;
box-shadow:0 0 4px rgba(0,0,0,.3);
background-color:#fff;
font-size:12px;
}
.spot-seo-faq a{
color:#0b4cae;
text-decoration:underline;
}
.spot-seo-faq p{
margin:0;
}
.spot-seo-faq > :first-child{
margin-top:0;
}

/* .spot-seo-faq-item
----------------------------------------------------------------- */
.spot-seo-faq-item + .spot-seo-faq-item{
border-top:1px solid #ddd;
}

/* .spot-seo-faq-item-hook
----------------------------------------------------------------- */
.spot-seo-faq-item-hook{
padding:6px 16px 4px 24px;
border:none;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
box-sizing:border-box;
width:100%;
min-height:50px;
position:relative;
cursor:pointer;
background:url(/element/spot/shared/images/icon-faq-q.svg) 0 50% no-repeat;
background-size:11px auto;
font-size:12px;
font-weight:normal;
}
.spot-seo-faq-item-hook::before{
margin-top:-4px;
content:"";
display:block;
width:12px;
height:7px;
overflow:hidden;
position:absolute;
top:50%;
right:0;
background:url(/element/shared/images/icon/icon-chevron-down.svg) 0 0 no-repeat;
}
.spot-seo-faq-item[aria-expanded="true"] > .spot-seo-faq-item-hook::before{
background-image:url(/element/shared/images/icon/icon-chevron-up.svg);
}

/* .spot-seo-faq-item-content
----------------------------------------------------------------- */
.spot-seo-faq-item-content{
padding:0 0 12px 24px;
background:url(/element/spot/shared/images/icon-faq-a.svg) 0 3px no-repeat;
background-size:11px auto;
}
.spot-seo-faq-item[aria-expanded="false"] > .spot-seo-faq-item-content{
display:none;
}

/* swiper-spot
---------------------------------- */
.swiper-spot{
margin:-4px -8px 0;
position:relative;
}
.swiper-spot .swiper{
padding:0 4px;
}
.swiper-spot .swiper-nav{
margin:0;
}
.swiper-spot .swiper-nav .swiper-button-prev,
.swiper-spot .swiper-nav .swiper-button-next{
background:none;
position:absolute;
margin-top:-16px;
top:50%;
z-index:1;
width:32px;
height:0;
padding-top:30px;
overflow:hidden;
line-height:2;
-webkit-user-select:none;
user-select:none;
border-radius:50%;
border:1px solid #bbbbbb;
background-color:#fff;
box-sizing:border-box;
}
.swiper-spot .swiper-nav .swiper-button-prev::before,.swiper-spot .swiper-nav .swiper-button-next::before{
width:7px;
height:12px;
margin-top:-6px;
background:url(/element/shared/images/icon/icon-chevron-left.svg) top left no-repeat;
background-size:7px 12px;
content:"";
display:block;
position:absolute;
top:50%;
right:10px;
}
.swiper-spot .swiper-nav .swiper-button-prev.swiper-button-disabled,.swiper-spot .swiper-nav .swiper-button-next.swiper-button-disabled{
display:none;
}
.swiper-spot .swiper-nav .swiper-button-prev{
left:-13px;
}
.swiper-spot .swiper-nav .swiper-button-prev::before{
right:12px;
}
.swiper-spot .swiper-nav .swiper-button-next{
right:-13px;
}
.swiper-spot .swiper-nav .swiper-button-next::before{
-webkit-transform:rotate(180deg);
transform:rotate(180deg);
}
.swiper-spot .swiper{
overflow:hidden;
}
.swiper-spot .swiper-slide{
width:260px;
height:auto;
}
.swiper-spot .swiper-slide a{
color:var(--cmn-font-color-base);
}
.swiper-spot .swiper-slide a:link,
.swiper-spot .swiper-slide a:visited,
.swiper-spot .swiper-slide a:hover,
.swiper-spot .swiper-slide a:active{
text-decoration:none;
}
.swiper-spot .swiper-spot-content{
display:-webkit-box;
display:flex;
height:calc(100% - 12px);
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
flex-direction:column;
padding:0 12px 12px;
margin:4px 5px;
background:#fff;
border-radius:6px;
box-sizing:border-box;
box-shadow:0px 0px 4px rgba(0, 0, 0, .3);
}
.swiper-spot .swiper-spot-thumb{
position:relative;
margin:0 -12px;
}
.swiper-spot .swiper-spot-pic{
position:relative;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:center;
justify-content:center;
width:100%;
height:161px;
overflow:hidden;
border-radius:6px 6px 0 0;
background-repeat:no-repeat;
background-size:cover;
background-position:center center;
}
.swiper-spot .swiper-spot-pic.mod-noimg{
border:none;
border-bottom:1px solid #e5e5e5;
}
.swiper-spot .swiper-spot-pic.mod-noimg .pic{
object-fit:contain;
width:130px;
height:auto;
}
.swiper-spot .swiper-spot-pic.mod-noimg::after{
display:none;
}
.swiper-spot .swiper-spot-pic .guard{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
z-index:1;
}
.swiper-spot .swiper-spot-pic .pic{
width:100%;
height:100%;
object-fit:cover;
}
.swiper-spot .swiper-spot-pic::after{
content:"";
display:block;
position:absolute;
bottom:0;
width:100%;
height:50px;
background:-webkit-linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .6) 100%);
background:linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .6) 100%);
opacity:.5;
}
.swiper-spot .swiper-spot-pic.is-nophoto{
border-bottom:1px solid #e5e5e5;
background-color:#fff;
}
.swiper-spot .swiper-spot-pic.is-nophoto::after{
display:none;
}
.swiper-spot .swiper-spot-pic.is-nophoto img{
width:100px;
}
.swiper-spot .swiper-spot-cap{
position:absolute;
left:0;
bottom:0;
width:100%;
padding:4px 10px;
color:rgba(255,255,255,.6);
font-size:11px;
z-index:1;
box-sizing:border-box;
}
.swiper-spot .swiper-spot-cap .swiper-spot-cap-link{
display:inline;
}
.swiper-spot .swiper-spot-desc{
margin-top:12px;
}
.swiper-spot .swiper-spot-desc-hdg{
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
font-size:14px;
}
.swiper-spot .swiper-spot-tags{
margin:8px 0 0;
}
.swiper-spot .swiper-spot-tags-area{
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
font-size:12px;
}
.swiper-spot .swiper-spot-tags-category{
font-size:12px;
margin-top:4px;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}

/* article-footer
---------------------------------- */
.article-footer{
padding:36px 0 0;
}
.article-footer .article-footer-item + .article-footer-item{
margin-top:28px;
}
.article-footer .article-footer-item .article-footer-hdg{
margin-bottom:8px;
font-size:18px;
font-weight:normal;
}
.article-footer .article-footer-item .article-card{
margin-top:12px;
padding:12px;
border-radius:6px;
background:#fff;
box-shadow:0px 1px 4px rgba(0, 0, 0, .3);
}

/* article-footer-link
---------------------------------- */
.article-footer-link{
margin:20px -10px -20px;
padding-bottom:20px;
background-color:#fff;
}

/* article-footer-link-hdg
---------------------------------- */
.article-footer-link .article-footer-link-hdg{
padding:8px 10px 6px;
color:#fff;
background-color:#444;
font-size:14px;
font-weight:normal;
}

/* article-footer-link
---------------------------------- */
.article-footer-link .article-footer-link-list{
margin:0;
line-height:1.35;
background-color:#fff;
font-size:14px;
}
.article-footer-link .article-footer-link-list > li > a{
padding:12px 10px;
border-bottom:1px solid #e9e9e9;
color:var(--cmn-font-color-base);
display:block;
}

/* article-card-item-list
---------------------------------- */
.article-card-link-list{
display:block;
font-size:14px;
margin:-10px 0;
}
.article-card-link-list > li:not(:last-child){
border-bottom:1px solid #ddd;
}
.article-card-link-list a{
color:var(--cmn-font-color-base);
text-decoration:none;
display:block;
padding:12px 0;
}

/* ---------------------------------
  End Main Content Modules
---------------------------------- */
/* ---------------------------------
  Start Pseudo Content Modules
---------------------------------- */
/* .pseudo-content
---------------------------------- */
.pseudo-content{
padding:0 10px 10px;
}
.pseudo-content.is-bg-on{
background-color:#ddd;
}
.pseudo-content .pseudo-wording{
margin:10px 0;
font-size:14px;
}

/* .pseudo-content-lyt
---------------------------------- */
.pseudo-content .pseudo-content-lyt{
margin:0 0 -10px;
padding:0;
height:100vh;
display:-webkit-box;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
flex-direction:column;
}

/* .pseudo-content-lyt-content
---------------------------------- */
.pseudo-content .pseudo-content-lyt-content{
margin:0 -10px;
padding:0 10px 20px;
-webkit-box-flex:1;
flex:1;
overflow-y:scroll;
scrollbar-width:none;
}

/* .pseudo-header
---------------------------------- */
.pseudo-content .pseudo-header{
margin:0 -10px;
padding:7px 50px;
min-height:35px;
box-sizing:border-box;
color:#fff;
position:relative;
background-color:#444;
}

/* .pseudo-hdg-l1
---------------------------------- */
.pseudo-content .pseudo-hdg-l1{
font-size:16px;
font-weight:bold;
text-align:center;
}

/* .pseudo-header-btn-prev
---------------------------------- */
.pseudo-header .pseudo-header-btn-prev{
margin:0;
padding:0;
border:none;
color:rgba(0,0,0,0);
position:absolute;
top:0;
left:0;
width:40px;
height:100%;
background:url(/element/shared/images/icon/icon-chevron-left-wht.svg) no-repeat 15px 50%;
background-size:9px auto;
}

/* .pseudo-header-btn-prev
---------------------------------- */
.pseudo-header .pseudo-header-btn-clear{
font-weight:bold;
position:absolute;
top:0;
right:0;
height:100%;
padding:0 5px;
color:#fff;
border-width:0 0 0 1px;
border-style:solid;
border-color:#000;
background:0 0;
font-size:13px;
width:50px;
}

/* error-box
------------------------------------ */
.pseudo-content .error-box{
padding:30px 0;
text-align:center;
font-size:14px;
}
.pseudo-content .error-box .error-wording{
text-align:center;
font-size:14px;
}
.pseudo-content .error-box .error-wording b{
font-weight:bold;
}
.pseudo-content .error-box .error-message{
margin-top:10px;
text-align:center;
font-size:14px;
}
.pseudo-content .error-box .error-action{
margin-top:20px;
text-align:center;
}
.pseudo-content .error-box .error-action .error-action-btn{
margin:0 auto;
padding:8px 10px;
border:1px solid #bbb;
border-radius:5px;
display:table;
min-width:55%;
text-align:center;
font-weight:normal;
font-size:14px;
background-color:#fff;
}

/* loading-box
------------------------------------ */
.pseudo-content .loading-box{
margin:80px 0 800px;
}

/* pseudo-content.is-lyt-header-fixed for pseudo-review
------------------------------------------------ */
.pseudo-content.is-lyt-header-fixed.active{
display:-webkit-box;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
flex-direction:column;
height:100vh;
padding:0;
}
.pseudo-content.is-lyt-header-fixed .pseudo-content-header{
position:relative;
margin:0;
}
.pseudo-content.is-lyt-header-fixed .pseudo-content-inner{
margin:0;
-webkit-box-flex:1;
flex:1;
overflow-y:scroll;
scrollbar-width:none;
-webkit-overflow-scrolling:touch;
}
.pseudo-content.is-lyt-header-fixed .pseudo-review-score{
display:none;
}
.pseudo-content.is-lyt-header-fixed .pseudo-review-row{
display:none;
}
.pseudo-content.is-lyt-header-fixed .pseudo-review-inner{
display:-webkit-box;
display:flex;
-webkit-box-pack:justify;
justify-content:space-between;
-webkit-box-align:center;
align-items:center;
}
.pseudo-content.is-lyt-header-fixed .pseudo-review-inner .pseudo-review-sorter{
display:block;
}
.pseudo-content.is-lyt-header-fixed .pseudo-review-inner .pseudo-review-sorter .pseudo-review-sorter-btn{
width:90px;
}
.pseudo-content.is-lyt-header-fixed .pseudo-review-inner .pseudo-review-sorter .pseudo-review-sorter-btn::before{
display:none;
}
.pseudo-content.is-lyt-header-fixed .pseudo-content-inner .pseudo-agt-row{
display:none;
}
.pseudo-content.is-lyt-header-fixed .pseudo-content-inner .pseudo-agt-row{
display:none;
}

@media screen and (max-width: 320px){
.pseudo-content.is-lyt-header-fixed .pseudo-review-sup{
margin-right:5px !important;
}
.pseudo-content.is-lyt-header-fixed .pseudo-review-rank{
margin-right:5px !important;
}
}

/* pseudo-review-container
------------------------------------------------ */
.pseudo-review-container{
position:relative;
background-color:#fff;
margin:0 -10px;
padding:10px;
box-shadow:0px 1px 4px rgba(0, 0, 0, .3);
z-index:100;
}
.pseudo-review-container .pseudo-review-sorter{
display:none;
}
.pseudo-review-container .pseudo-review-point{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}
.pseudo-review-container .pseudo-review-point .pseudo-review-sup{
font-size:12px;
margin-right:8px;
position:relative;
top:-2px;
white-space:nowrap;
font-weight:bold;
}
.pseudo-review-container .pseudo-review-point .pseudo-review-sup .cmn-tip-btn{
margin-left:4px;
}
.pseudo-review-container .pseudo-review-point .pseudo-review-rank{
margin-right:8px;
white-space:nowrap;
position:relative;
top:-2px;
}
.pseudo-review-container .pseudo-review-point .pseudo-review-rank .pseudo-review-rank-label{
position:relative;
top:1px;
font-size:16px;
font-family:Arial;
margin-left:5px;
font-weight:bold;
}
.pseudo-review-container .pseudo-review-point .pseudo-review-label{
white-space:nowrap;
font-weight:normal;
font-size:11px;
}

/* pseudo-review-score
------------------------------------------------ */
.pseudo-review-score > li{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
line-height:1.3;

}
.pseudo-review-score > li.pseudo-review-score-na .pseudo-review-score-sup,
.pseudo-review-score > li.pseudo-review-score-na .pseudo-review-score-number{
color:#ccc;
}
.pseudo-review-score > li .pseudo-review-score-sup{
white-space:nowrap;
font-size:12px;
width:60px;
}
.pseudo-review-score > li .pseudo-review-score-number{
white-space:nowrap;
font-size:12px;
width:43px;
text-align:right;
}
.pseudo-review-score > li .pseudo-review-score-bar{
-webkit-box-flex:1;
flex:1;
line-height:0;
margin:0 12px;
}
.pseudo-review-score .pseudo-review-score-bar-bg{
position:relative;
background-color:#ededed;
display:inline-block;
width:100%;
height:4px;
border-radius:4px;
}
.pseudo-review-score .pseudo-review-score-bar-bg .pseudo-review-score-bar-value{
position:absolute;
display:inline-block;
height:0;
padding-top:4px;
border-radius:4px;
overflow:hidden;
line-height:2;
background-color:#338cd5;
}

/* pseudo-review-content
------------------------------------------------ */
.pseudo-review-content{
padding:0 -10px;
padding:10px 0;
}

/* pseudo-review-row
------------------------------------------------ */
.pseudo-review-row{
padding-bottom:10px;
}

/*pseudo-review-footer
------------------------------------------------ */
.pseudo-review-footer{
padding:20px 0;
text-align:center;
}

/* pseudo-review-more-btn
------------------------------------------------ */
.pseudo-review-more-btn{
color:#666;
font-size:13px;
height:31px;
padding:0 10px;
border-radius:5px;
background:none;
background-color:#fff;
border:1px solid #bbb;
}

/* .pseudo-review-sorter
------------------------------------------------ */
.pseudo-review-sorter{
text-align:right;
position:relative;
}
.pseudo-review-sorter.is-active .pseudo-review-sorter-item{
display:block;
}
.pseudo-review-sorter.is-active .pseudo-review-sorter-layer{
display:block;
}
.pseudo-review-sorter .pseudo-review-sorter-layer{
display:none;
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
background-color:transparent;
z-index:102;
}
.pseudo-review-sorter .pseudo-review-sorter-item{
display:none;
position:relative;
z-index:103;
}
.pseudo-review-sorter .pseudo-review-sorter-item::before{
position:absolute;
top:3px;
right:53px;
content:"";
display:inline-block;
width:14px;
height:14px;
background-color:#fff;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
z-index:1;
box-shadow:0px 0px 6px rgba(0, 0, 0, .3);
}
.pseudo-review-sorter .pseudo-review-sorter-item .pseudo-review-sorter-item-inner{
position:absolute;
right:0;
margin-top:9px;
text-align:left;
width:153px;
padding:14px 20px;
box-sizing:border-box;
border-radius:3px;
background:#fff;
z-index:2;
box-shadow:0px 0px 6px rgba(0, 0, 0, .3);
}
.pseudo-review-sorter .pseudo-review-sorter-item .pseudo-review-sorter-item-inner::after{
position:absolute;
top:-9px;
right:50px;
content:"";
display:inline-block;
width:0;
height:0;
border-bottom:10px solid #fff;
border-left:10px solid transparent;
border-right:10px solid transparent;
}
.pseudo-review-sorter .pseudo-review-sorter-label{
font-size:15px;
font-weight:bold;
}
.pseudo-review-sorter .pseudo-review-sorter-list{
font-size:15px;
}
.pseudo-review-sorter .pseudo-review-sorter-btn{
text-align:center;
padding:0;
width:122px;
height:36px;
border-radius:3px;
background:#fff;
border:1px solid #bbb;
box-shadow:0px 1px 0px #bbb;
color:#666;
font-size:13px;
}
.pseudo-review-sorter .pseudo-review-sorter-btn::before{
content:"";
display:inline-block;
position:relative;
top:-1px;
width:15px;
height:13px;
background:url(/element_sp/spot/shared/images/icon-form-sort.svg) no-repeat 0 0;
background-size:15px auto;
vertical-align:middle;
margin-right:5px;
}

/* pseudo-review-card-list
------------------------------------------------ */
.pseudo-review-card-list > li{
padding:12px;
border-radius:5px;
background:#fff;
box-shadow:0px 1px 4px rgba(0, 0, 0, .3);
}
.pseudo-review-card-list > li:not(:first-child){
margin-top:15px;
}

/* pseudo-review-card
------------------------------------------------ */
.pseudo-review-card{
padding:12px;
border-radius:5px;
background:#fff;
box-shadow:0px 1px 4px rgba(0, 0, 0, .3);
}
.pseudo-review-card-header .pseudo-review-card-date{
white-space:nowrap;
font-size:11px;
display:inline-block;
margin-right:1px;
}
.pseudo-review-card-header .pseudo-review-card-pickup{
display:inline-block;
font-size:11px;
color:#a4a4a4;
}
.pseudo-review-card-header .pseudo-review-card-name{
font-size:11px;
word-break:break-all;
}
.pseudo-review-card-header .pseudo-review-card-score{
font-size:11px;
}
.pseudo-review-card-header .pseudo-review-card-score .pseudo-review-card-score-sup{
display:inline-block;
}
.pseudo-review-card-header .pseudo-review-card-score .pseudo-review-card-score-sup::after{
content:":";
display:inline-block;
margin:0 3px;
}
.pseudo-review-card-header .pseudo-review-card-score .pseudo-review-card-score-mark{
margin-right:12px;
}
.pseudo-review-card-header .pseudo-review-card-score .pseudo-review-card-score-point{
display:inline-block;
}
.pseudo-review-card-header .pseudo-review-card-score .pseudo-review-card-score-point > li{
display:inline-block;
}
.pseudo-review-card-comment{
margin-top:12px;
}
.pseudo-review-card-comment .pseudo-review-card-comment-hdg{
font-size:13px;
font-weight:bold;
word-break:break-all;
}
.pseudo-review-card-comment .pseudo-review-card-comment-plan a{
color:#666;
font-size:12px;
margin-top:5px;
text-decoration:underline;
}
.pseudo-review-card-comment .pseudo-review-card-comment-desc{
font-size:13px;
margin-top:8px;
word-break:break-all;
}
.pseudo-review-card-info{
margin-top:12px;
}
.pseudo-review-card-info-time-list > li{
font-size:11px;
}
.pseudo-review-card-info-time-list > li > div{
display:inline;
}
.pseudo-review-card-info-time-list > li > div:first-child:not(:last-child){
display:inline-block;
position:relative;
width:54px;
padding-right:10px;
}
.pseudo-review-card-info-time-list > li > div:first-child:not(:last-child)::after{
position:absolute;
right:4px;
content:":";
display:inline-block;
}
.pseudo-review-card-info-list{
display:block;
line-height:1.2;
}
.pseudo-review-card-info-list > li{
display:inline-block;
font-size:11px;
}
.pseudo-review-card-info-list > li:not(:last-child)::after{
content:"/";
display:inline-block;
margin:0 0 0 3px;
}
.pseudo-review-card-info-list > li > div{
display:inline;
}
.pseudo-review-card-info-list > li > div:first-child:not(:last-child){
display:inline-block;
position:relative;
padding-right:10px;
}
.pseudo-review-card-info-list > li > div:first-child:not(:last-child)::after{
position:absolute;
right:4px;
content:":";
display:inline-block;
}
.pseudo-review-card-info-list > li > div > ul{
display:inline;
}
.pseudo-review-card-info-list > li > div > ul > li{
display:inline-block;
}
.pseudo-review-card-info-list > li > div > ul > li::after{
content:"/";
display:inline-block;
margin:0 0 0 3px;
}
.pseudo-review-card-reply{
margin-top:20px;
background-color:#f5f5f5;
border-radius:4px;
padding:10px;
}
.pseudo-review-card-reply .pseudo-review-card-reply-hdg{
font-size:12px;
font-weight:normal;
}
.pseudo-review-card-reply .pseudo-review-card-reply-desc{
font-size:12px;
word-break:break-all;
}
.pseudo-review-card-reply .pseudo-review-card-reply-desc .pseudo-review-card-reply-sup{
display:block;
}

/* pseudo-review-card-photo-container > pseudo-review-card-photo-list
------------------------------------------------ */
.pseudo-review-card-photo-container .pseudo-review-card-photo-list{
margin-top:16px;
}
.pseudo-review-card-photo-container .pseudo-review-card-photo-list > li{
box-sizing:border-box;
}
.pseudo-review-card-photo-container .pseudo-review-card-photo-list > li:not(:first-child){
margin-top:12px;
}
.pseudo-review-card-photo-container .pseudo-review-card-photo-list > li .pseudo-review-card-photo{
background-color:#f2f2f2;
width:100%;
height:271px;
display:-webkit-box;
display:flex;
-webkit-box-pack:center;
justify-content:center;
-webkit-box-align:center;
align-items:center;
}
.pseudo-review-card-photo-container .pseudo-review-card-photo-list > li .pseudo-review-card-photo img{
max-width:100%;
max-height:271px;
vertical-align:middle;
}
.pseudo-review-card-photo-container .pseudo-review-card-photo-list > li .pseudo-review-card-photo-cap{
margin-top:4px;
display:block;
font-size:11px;
}

/* pseudo-review-card-photo-toggle-container > pseudo-review-card-photo-list
------------------------------------------------ */
.pseudo-review-card-photo-toggle-container{
position:relative;
}
.pseudo-review-card-photo-toggle-container.is-active .pseudo-review-card-photo-list > li{
width:100%;
height:auto;
}
.pseudo-review-card-photo-toggle-container.is-active .pseudo-review-card-photo-list > li:not(:first-child){
margin-top:12px;
}
.pseudo-review-card-photo-toggle-container.is-active .pseudo-review-card-photo-list > li:nth-child(n+3){
display:block;
}
.pseudo-review-card-photo-toggle-container.is-active .pseudo-review-card-photo-list > li .pseudo-review-card-photo{
height:271px;
}
.pseudo-review-card-photo-toggle-container.is-active .pseudo-review-card-photo-list > li .pseudo-review-card-photo.pseudo-review-card-photo-movie > a::after{
margin-left:-23px;
margin-top:-23px;
display:block;
width:46px;
height:46px;
}
.pseudo-review-card-photo-toggle-container.is-active .pseudo-review-card-photo-list > li .pseudo-review-card-photo img{
max-height:271px;
}
.pseudo-review-card-photo-toggle-container.is-active .pseudo-review-card-photo-list > li .pseudo-review-card-photo-cap{
display:block;
overflow:visible;
white-space:normal;
}
.pseudo-review-card-photo-toggle-container.is-active .pseudo-review-card-photo-list > li .pseudo-review-card-photo-cap br{
display:inline;
}
.pseudo-review-card-photo-toggle-container.is-active .pseudo-review-card-photo-toggle-trigger{
text-align:right;
margin-bottom:-20px;
}
.pseudo-review-card-photo-toggle-container.is-active .pseudo-review-card-photo-toggle-trigger .pseudo-review-card-photo-open-btn{
display:none;
}
.pseudo-review-card-photo-toggle-container.is-active .pseudo-review-card-photo-toggle-trigger .pseudo-review-card-photo-close-btn{
display:inline-block;
}
.pseudo-review-card-photo-toggle-container .pseudo-review-card-photo-list{
margin-top:16px;
margin-left:-5px;
}
.pseudo-review-card-photo-toggle-container .pseudo-review-card-photo-list::after{
content:"";
display:table;
clear:both;
}
.pseudo-review-card-photo-toggle-container .pseudo-review-card-photo-list > li{
float:left;
width:50%;
padding-left:5px;
box-sizing:border-box;
}
.pseudo-review-card-photo-toggle-container .pseudo-review-card-photo-list > li:not(:first-child){
margin-top:0;
}
.pseudo-review-card-photo-toggle-container .pseudo-review-card-photo-list > li:nth-child(n+3){
display:none;
}
.pseudo-review-card-photo-toggle-container .pseudo-review-card-photo-list > li .pseudo-review-card-photo{
background-color:#f2f2f2;
width:100%;
height:120px;
display:-webkit-box;
display:flex;
-webkit-box-pack:center;
justify-content:center;
-webkit-box-align:center;
align-items:center;
}
.pseudo-review-card-photo-toggle-container .pseudo-review-card-photo-list > li .pseudo-review-card-photo.pseudo-review-card-photo-movie > a{
position:relative;
}
.pseudo-review-card-photo-toggle-container .pseudo-review-card-photo-list > li .pseudo-review-card-photo.pseudo-review-card-photo-movie > a::after{
position:absolute;
content:"";
left:50%;
top:50%;
margin-left:-18px;
margin-top:-18px;
display:block;
width:36px;
height:36px;
background:url(/element_sp/spot/shared/images/icon-play.svg) 0 0 no-repeat;
}
.pseudo-review-card-photo-toggle-container .pseudo-review-card-photo-list > li .pseudo-review-card-photo img{
max-width:100%;
max-height:120px;
vertical-align:middle;
}
.pseudo-review-card-photo-toggle-container .pseudo-review-card-photo-list > li .pseudo-review-card-photo-cap{
margin-top:4px;
display:block;
font-size:11px;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
.pseudo-review-card-photo-toggle-container .pseudo-review-card-photo-list > li .pseudo-review-card-photo-cap br{
display:none;
}
.pseudo-review-card-photo-toggle-container .pseudo-review-card-photo-toggle-trigger .pseudo-review-card-photo-open-btn{
position:absolute;
right:5px;
top:98px;
display:block;
background:none;
border:none;
background-color:rgba(0,0,0,.7);
border-radius:3px;
white-space:nowrap;
padding:1px 5px 2px;
line-height:1;


}
.pseudo-review-card-photo-toggle-container .pseudo-review-card-photo-toggle-trigger .pseudo-review-card-photo-open-btn .pseudo-review-card-photo-total > span{
font-family:Arial;
font-weight:bold;
font-size:11px;
color:#fff;
}
.pseudo-review-card-photo-toggle-container .pseudo-review-card-photo-toggle-trigger .pseudo-review-card-photo-open-btn .pseudo-review-card-photo-total::after{
content:"";
display:inline-block;
margin-left:3px;
width:12px;
height:10px;
background:url(/element_sp/spot/shared/images/icon-more-image-wht.svg) 0 0 no-repeat;

}
.pseudo-review-card-photo-toggle-container .pseudo-review-card-photo-toggle-trigger .pseudo-review-card-photo-close-btn{
display:none;
background:none;
padding:10px 0;
border:none;
color:#666;
font-size:13px;
}
.pseudo-review-card-photo-toggle-container .pseudo-review-card-photo-toggle-trigger .pseudo-review-card-photo-close-btn::before{
content:"";
position:relative;
top:-2px;
margin-right:4px;
display:inline-block;
width:11px;
height:7px;
background-image:url(/element/shared/images/icon/icon-chevron-up.svg);
background-color:transparent;
background-repeat:no-repeat;
background-size:11px 7px;
}

/* ---------------------------------
  End Pseudo Content Modules
---------------------------------- */