.btn{
    display:inline-block;
    margin-bottom:0;
    font-weight:normal;
    text-align:center;
    vertical-align:middle;
    -ms-touch-action:manipulation;
    touch-action:manipulation;
    background-image:none;
    border:1px solid transparent;
    white-space:nowrap;
    padding:6px 12px;
    font-size:14px;
    line-height:1.4;
    border-radius:4px
}

::-webkit-search-cancel-button {
    -webkit-appearance: none;
 }

details,
figcaption,
figure,
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:active,
a:hover {
    outline: 0;
}
abbr[title] {
    border-bottom: 1px dotted;
}
strong {
    font-weight: bold;
}
dfn {
    font-style: italic;
}
mark {
    background: #ff0;
    color: #000;
}
small {
    font-size: 80%;
}
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sup {
    top: -0.5em;
}
sub {
    bottom: -0.25em;
}
svg:not(:root) {
    overflow: hidden;
}
figure {
    margin: 1em 40px;
}
hr {
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}
pre {
    overflow: auto;
}
code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}
select {
    text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    /*-webkit-appearance: button;*/
    cursor: pointer;
}
button[disabled],
html input[disabled] {
    cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}
input {
    line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
}
fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}
legend {
    border: 0;
    padding: 0;
}
textarea {
    overflow: auto;
}
optgroup {
    font-weight: bold;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
    background-color: transparent;
}
td,
th {
    padding: 0;
}
th {
    text-align: left;
}
html {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
input,
button,
select,
textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}
a:hover,
a:focus {
    color: #333333;
    text-decoration: underline;
}
a:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}
figure {
    margin: 0;
}
hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eeeeee;
}
small {
    font-size: 85%;
}
ol {
    margin-top: 0;
    margin-bottom: 10px;
}
ul ul,
ol ul,
ul ol,
ol ol {
    margin-bottom: 0;
}
dl {
    margin-top: 0;
    margin-bottom: 20px;
}
dt,
dd {
    line-height: 1.42857143;
}
dt {
    font-weight: bold;
}
dd {
    margin-left: 0;
}
blockquote {
    padding: 10px 20px;
    margin: 0 0 20px;
    font-size: 17.5px;
    border-left: 5px solid #eeeeee;
}
blockquote p:last-child,
blockquote ul:last-child,
blockquote ol:last-child {
    margin-bottom: 0;
}
blockquote footer,
blockquote small {
    display: block;
    font-size: 80%;
    line-height: 1.42857143;
    color: #eeeeee;
}
blockquote footer:before,
blockquote small:before {
    content: '\2014 \00A0';
}
address {
    margin-bottom: 20px;
    font-style: normal;
    line-height: 1.42857143;
}
code {
    padding: 2px 4px;
    font-size: 90%;
    color: #c7254e;
    background-color: #f9f2f4;
    border-radius: 4px;
}
caption {
    padding-top: 8px;
    padding-bottom: 8px;
    color: #eeeeee;
    text-align: left;
}

.menu-items li {
    border-top: 0;
    border-bottom: 1px solid #222;
    background-repeat: no-repeat;
    background-size: 20px auto;
    background-position: 4px;
    box-sizing: border-box;
    padding-left: 15px;
    height: 42px;
}
.menu-items li.home {
    background-image:url("https://smartlog-stat2.imgix.net/images/home_w.svg");
}
.menu-items li.crown {
    background-image:url("https://smartlog-stat2.imgix.net/images/crown_w.svg");
    background-position: 4px 12px;
}
.menu-items li.matching_app {
    background-image:url("https://smartlog-stat2.imgix.net/images/matching_app_w.svg");
    background-position: 7px 6px;
}
.menu-items li.fortune_telling {
    background-image:url("https://smartlog-stat2.imgix.net/images/uranai_w.svg");
    background-position: 5px 6px;
}
.menu-items li.christmas {
    background-image:url("https://smartlog-stat2.imgix.net/images/christmas_w.svg");
    background-position: 5px 6px;
}
.menu-items li.fashion {
    background-image:url("https://smartlog-stat2.imgix.net/images/fashion_w.svg");
}
.menu-items li.love {
    background-image:url("https://smartlog-stat2.imgix.net/images/date_w.svg");
    background-size: 22px;
    background-position: 4px 10px;
}
.menu-items li.body_make {
    background-image:url("https://smartlog-stat2.imgix.net/images/bodymake_w.svg");
    background-size: 22px;
    background-position: 4px 14px;
}
.menu-items li.present {
    background-image:url("https://smartlog-stat2.imgix.net/images/present_w.svg");
    background-size: 16px;
    background-position: 6px 10px;
}
.menu-items li.hairstyle {
    background-image:url("https://smartlog-stat2.imgix.net/images/hairdresser_w.svg");
}
.menu-items li.hair_color {
    background-image:url("https://smartlog-stat2.imgix.net/images/hair_color_w.svg");
}
.menu-items li.mens_beauty {
    background-image:url("https://smartlog-stat2.imgix.net/images/beauty_w.svg");
}
.menu-items li.body_make {
    background-image:url("https://smartlog-stat2.imgix.net/images/bodymake_w.svg");
}
.menu-items li.lifestyle {
    background-image:url("https://smartlog-stat2.imgix.net/images/lifestyle_w.svg");
    background-size: 22px;
    background-position: 4px 14px;
}
.menu-items li.gadget {
    background-image:url("https://smartlog-stat2.imgix.net/images/music_w.svg");
}
.menu-items li.personal_gym {
    background-image:url("https://smartlog-stat2.imgix.net/images/personal_gym_w.svg");
    background-size: 22px;
    background-position: 4px 14px;
}
.menu-items li:last-child {
    border: 0;
}
.modal-content {
    position: relative;
    background-color: #ffffff;
    border: 1px solid #999999;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    outline: 0;
}
.modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
    min-height: 16.42857143px;
}
.modal-header .close {
    margin-top: -2px;
}
.modal-title {
    margin: 0;
    line-height: 1.42857143;
}
.modal-body {
    position: relative;
    padding: 15px;
}
.modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5;
}
.modal-footer .btn + .btn {
    margin-left: 5px;
    margin-bottom: 0;
}
.modal-footer .btn-group .btn + .btn {
    margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
    margin-left: 0;
}
@media (min-width: 768px) {
    .modal-dialog {
        width: 600px;
        margin: 30px auto;
    }
    .modal-content {
        -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    }
    .modal-sm {
        width: 300px;
    }
}
@media (min-width: 992px) {
    .modal-lg {
        width: 900px;
    }
}
.modal-footer:before,
.modal-footer:after {
    content: " ";
    display: table;
}
.modal-footer:after {
    clear: both;
}
.hide {
    display: none !important;
}
.show {
    display: block !important;
}
.hidden {
    display: none !important;
    visibility: hidden !important;
}

#globalNav ul li.home{
    background-image:url("https://smartlog-stat2.imgix.net/images/home_b.svg");
}
#globalNav ul li.home.ACTIVE{
    background-image:url("https://smartlog-stat2.imgix.net/images/home_w.svg");
}
#globalNav ul li.crown{
    background-image:url("https://smartlog-stat2.imgix.net/images/crown_b.svg");
    background-position: 6px 11px;
}
#globalNav ul li.crown.ACTIVE, #globalNav ul li.crown:hover{
    background-image:url("https://smartlog-stat2.imgix.net/images/crown_w.svg");
}
#globalNav ul li.matching_app{
    background-image:url("https://smartlog-stat2.imgix.net/images/matching_app_b.svg");
    background-position: 8px 4px;
}
#globalNav ul li.matching_app.ACTIVE, #globalNav ul li.matching_app:hover{
    background-image:url("https://smartlog-stat2.imgix.net/images/matching_app_w.svg");
    background-position: 8px 4px;
}
#globalNav ul li.fortune_telling{
    background-image:url("https://smartlog-stat2.imgix.net/images/uranai_b.svg");
    background-position: 6px 6px;
}
#globalNav ul li.fortune_telling.ACTIVE, #globalNav ul li.fortune_telling:hover{
    background-image:url("https://smartlog-stat2.imgix.net/images/uranai_w.svg");
    background-position: 6px 6px;
}
#globalNav ul li.christmas{
    background-image:url("https://smartlog-stat2.imgix.net/images/christmas_b.svg");
    background-position: 6px 6px;
}
#globalNav ul li.christmas.ACTIVE, #globalNav ul li.christmas:hover{
    background-image:url("https://smartlog-stat2.imgix.net/images/christmas_w.svg");
    background-position: 6px 6px;
}

#globalNav ul li.fashion{
    background-image:url("https://smartlog-stat2.imgix.net/images/fashion_b.svg");
}
#globalNav ul li.fashion.ACTIVE, #globalNav ul li.fashion:hover{
    background-image:url("https://smartlog-stat2.imgix.net/images/fashion_w.svg");
}
#globalNav ul li.love{
    background-image:url("https://smartlog-stat2.imgix.net/images/date_b.svg");
    background-size: 22px;
    background-position: 4px 4px;
}
#globalNav ul li.love.ACTIVE, #globalNav ul li.love:hover{
    background-image:url("https://smartlog-stat2.imgix.net/images/date_w.svg");
}
#globalNav ul li.body_make{
    background-image:url("https://smartlog-stat2.imgix.net/images/bodymake_b.svg");
    background-size: 22px;
    background-position: 4px 10px;
}
#globalNav ul li.body_make.ACTIVE, #globalNav ul li.body_make:hover{
    background-image:url("https://smartlog-stat2.imgix.net/images/bodymake_w.svg");
}
#globalNav ul li.present{
    background-image:url("https://smartlog-stat2.imgix.net/images/present_b.svg");
    background-size: 16px;
    background-position: 7px 5px;
}
#globalNav ul li.present.ACTIVE, #globalNav ul li.present:hover{
    background-image:url("https://smartlog-stat2.imgix.net/images/present_w.svg");
}
#globalNav ul li.hairstyle{
    background-image:url("https://smartlog-stat2.imgix.net/images/hairdresser_b.svg");
    background-position: 6px 8px;
}
#globalNav ul li.hairstyle.ACTIVE, #globalNav ul li.hairstyle:hover{
    background-image:url("https://smartlog-stat2.imgix.net/images/hairdresser_w.svg") ;
}
#globalNav ul li.hair_color{
    background-image:url("https://smartlog-stat2.imgix.net/images/hair_color_b.svg");
    background-size: 22px;
    background-position: 4px 6px;
}
#globalNav ul li.hair_color.ACTIVE, #globalNav ul li.hair_color:hover{
    background-image:url("https://smartlog-stat2.imgix.net/images/hair_color_w.svg") ;
}
#globalNav ul li.mens_beauty{
    background-image:url("https://smartlog-stat2.imgix.net/images/beauty_b.svg");
}
#globalNav ul li.mens_beauty.ACTIVE, #globalNav ul li.mens_beauty:hover{
    background-image:url("https://smartlog-stat2.imgix.net/images/beauty_w.svg");
}
#globalNav ul li.lifestyle{
    background-image:url("https://smartlog-stat2.imgix.net/images/lifestyle_b.svg");
    background-size: 22px;
    background-position: 4px 9px;
}
#globalNav ul li.lifestyle.ACTIVE, #globalNav ul li.lifestyle:hover{
    background-image:url("https://smartlog-stat2.imgix.net/images/lifestyle_w.svg");
}
#globalNav ul li.gadget{
    background-image:url("https://smartlog-stat2.imgix.net/images/music_b.svg");
    background-size: 20px;
    background-position: 4px 6px;
}
#globalNav ul li.gadget.ACTIVE, #globalNav ul li.gadget:hover{
    background-image:url("https://smartlog-stat2.imgix.net/images/music_w.svg");
}
#globalNav ul li.personal_gym{
    background-image:url("https://smartlog-stat2.imgix.net/images/personal_gym_b.svg");
    background-size: 20px;
    background-position: 4px 11px;
}
#globalNav ul li.personal_gym.ACTIVE, #globalNav ul li.personal_gym:hover{
    background-image:url("https://smartlog-stat2.imgix.net/images/personal_gym_w.svg");
}
@-ms-viewport {
    width: device-width;
}
/* --------------------------------------------------------------------------------- article raw html */

article .wp{
    font-size: 17px;
}
article blockquote{
    font-size: 14px;
    background-color: #efefef !important;
    margin: 0;
    padding: 34px 40px;
    background: url("https://smartlog-stat2.imgix.net/images/icons/quote.sprite.png") no-repeat 0px 18px;
    background-position: 10px 10px;
    background-size: 24px;
    clear: both;
}
article blockquote a{
    text-decoration: underline;
}

#article .youtube_embed{
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}
#article .youtube_embed iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}
/* --------------------------------------------------------------------------------- master */

img.size-large,img.size-full{height: 100%;max-width: 100%;}

@media (max-width: 991px){
    html.no-space-top{
        margin-top: 0px !important;
    }
    #article footer{
        padding: 0!important;
        margin: 0!important;
    }
    h3{
        padding-left: 4px;
    }
    h4{
        margin-left: 10px;
    }

    article sup{
        padding: 0 2px;
    }
}

@media (min-width: 992px){
    #articleContents{
        margin-bottom: 20px;
    }
}

/* global navigation */
.fixed{
    position:fixed;
    top:30px;
    width: 139px;
}
/* footer */
footer li{
    list-style: none;
}
@media (min-width: 992px){

    #footer ul{
        padding-left: 0px;
    }

    #footerLogo{
        width: 250px;
        position: relative;
        padding-left: 15px;
        padding-right: 15px;
        float: left;
    }

    #footerLogo a{
        display: block;
        margin: 10px 0 10px 22px;
    }
    #footmap{
        padding: 14px 0px;
        font-size: 12px;   
        margin:14px auto;
        max-width:1010px;
        overflow:hidden;
    }
    #footmap .social-icons{
        display: flex;
        width: 220px;
        justify-content: center;
        align-items: center;
    }
    #footmap .social-icons a{
        margin: 0 1px;
    }
    #footerAbout{
        width: 33.33333333%;
        float: left;
        position: relative;
        min-height: 1px;
        padding-left: 15px;
        padding-right: 15px;
    }
}
@media (min-width: 992px){
    ul.breadcrumb{
        margin-top: 0;
        margin-bottom: 0;
        padding-right: 0;
        padding-left: 0;
    }
}

@media (max-width: 991px){
    
    .eml{
        margin-bottom: 20px;
    }
    .eml img{
        width: 100%;
        height: auto;
    }
    
}

#dialog{
    background-color:#000;
    color:#fff;
    padding:10px 0 4px 30px;
    position:fixed;
    top:0;
    z-index:1000;
    width:100%;
    display:none
}
#article > section{
    padding: 0 !important;
}
/* sidelist general */
#accessRanking{
    margin-bottom: 20px;    
}

/* ranking */

#article .pr-for-men{
    float:right;
    margin: 10px 0 10px 10px;   
}



.sidelist-pr{
    color: #bbb;
    border: 1px solid #ddd;
    padding: 0 4px;
    margin-right: 2px;
}

@media screen and (max-width: 480px) {
    .col-md-c3 .sidelist h4 {
        margin: 10px 0 5px;
        min-height: 35px;
    }
}

/* #mainContents */
@media (min-width: 992px){
    #article{
        padding-left: 0 !important;
    }

}
.pagenation ol{
    display: inline-block;
    padding: 0;
}
.wp-pagenavi .pages,a.page,.wp-pagenavi .current,.wp-pagenavi .first,.wp-pagenavi .last {
    display: block;
    float: left;
    width: 30px;
    height: 30px;
    padding: 0px;
    border: 1px solid #eeeeee;
    color: #999999;
    vertical-align: middle;
    text-align: center;
    font-size: 14px;
    line-height: 30px;
    margin-right: 12px;
}
.wp-pagenavi .last {
    margin-right: 0px;
}
.wp-pagenavi a:hover {
    text-decoration: none;
}
.wp-pagenavi .current {background-color: #eeeeee;}
.wp-pagenavi .extend {
    color: #999999;
    padding-top: 1px;
    margin: 0 4px 0 -8px;
    font-size: 20px;
    display: block;
    float: left;
}
/* category page */
#article li{border-bottom: 0 none;font-size: 15px;}
#article iframe{max-width: 100%;}
/* #articleContents */

#article-head-tags.tags {
    clear: both;
    margin: 0;
    padding: 0;
    background: transparent;
}

#article .tags a{
    background: #f1f1f1;
    padding: 6px 8px;
    margin: 0 4px 4px 0;
    color: #3b3b3b;
    word-break: keep-all;
    display: inline-block;
    font-size: 13px;
}
#article .tags a:not(:last-child) {
    margin: 0 0 4px 0;
}
@media (max-width: 991px){
    #article .tags {
        float: left;
        margin: 4px 0 !important;
    }
}
@media (min-width: 992px){
    #article .tags{
        display: inline-block;
        float: left;
    }
    #article footer{
        margin: 10px 0 0 0 !important;
    }
    #article footer .social{
        float: left;
    }
    #article footer div:last-child{
        float: right;
    }
}
@media (max-width: 991px){
    .size-full,size-size-B{
        max-width: 100%;
        height: 100%;
    }

    #category main {
        margin: 0;
        height: auto;
    }
    #article{
        padding-bottom: 10px !important;
        margin-bottom: 40px;
        border-bottom: 1px solid #eeeeee;
    }
    #articleContents #mainContents > section{
        margin: 0 !important;
    }
    #article footer{
        margin: 10px 10px 0 13px !important;
    }

}
#article p:first-child{
    float: none !important;
    margin: 0 !important;
}
@-ms-viewport{
  width: device-width;
}

@media (max-width: 991px){
    #breadcrumb{
        width: 100%;
    }
    #breadcrumb ol li:first-child{
        margin-left: 10px;
    }
    
    #breadcrumb{
        background-color: #FFFFFF;
        opacity: 0.9;
    }
}

@media (max-width: 991px){
}

article b {
    font-weight: bold;
    color: #031EAB;
    font-size: 130%;
    line-height: 34px;
}

/* TW EMBED */
blockquote.twitter-tweet {
  display: inline-block;
  font-family: "Helvetica Neue", Roboto, "Segoe UI", Calibri, sans-serif;
  font-size: 12px;
  font-weight: bold;
  line-height: 16px;
  border-color: #eee #ddd #bbb;
  border-radius: 5px;
  border-style: solid;
  border-width: 1px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
  margin: 10px 5px;
  padding: 0 16px 16px 16px;
  max-width: 468px;
}
 
blockquote.twitter-tweet p {
  font-size: 16px;
  font-weight: normal;
  line-height: 20px;
}
 
blockquote.twitter-tweet a {
  color: inherit;
  font-weight: normal;
  text-decoration: none;
  outline: 0 none;
}
 
blockquote.twitter-tweet a:hover,
blockquote.twitter-tweet a:focus {
  text-decoration: underline;
}


/* SIDE SLIDE */

.single #article small {
  float: right;
  margin: 30px 0 20px;
  color: #aaa;
  text-align: right;
  width: 100%;
}
.share_fav {
    background: #fff;
}

/* --------------------------------------------------------------------------------- */

#article .btn-default,
#article .btn-default-table,
#article .btn-default-table-tate,
#appitem-container .btn-default{
    background-color: #000b56;
    color: #fff;
    text-decoration: none;
    font-size: 15px;
}

#article .btn-default:after,
#article .btn-default-table:after,
#article .btn-default-table-tate:after,
#appitem-container .btn-default:after{
	content:" ";
	background:url("https://smartlog-stat2.imgix.net/images/icon_item_arrow.png");
	background-size:contain;
    background-repeat: no-repeat;
	vertical-align:middle;
	display:inline-block;
	position: relative;
	top: -1px;
	left: 6px;
	width: 18px;
	height: 18px;
}

#article .btn-default-table:after{
	width: 9px;
	height: 9px;
    top: -9px;
    left: 3px;
}

#article .btn-default-table-tate:after{
	width: 11px;
	height: 11px;
}

#article .btn-default-table-tate.no_url:before{
    content: "[URLなし] ";
    color: #e71f19;
}

#article .btn-default-table-tate.no_url{
    background-color: #ccc;
}

@media (max-width: 991px){
    .pc_page_likebox,.likebox_button{
    width: 100%;
    }
	.wpp-list h4{
		margin: 6px 0 0 0;
	}
	section main li{
		padding: 0px;
	}
	ul#alikes_post li{
	    height: 66px;
	}
	#article li{
		font-size: 15px;
		line-height: 24px;
	}
	.adunit-head{
		margin-bottom: 10px;
	}
	
	#article .btn-default,
    #appitem-container .btn-default{
	    background-color: #000b56;
	    color: #fff;
	    width: 100%;
	    height: 44px;
	    font-size: 15px;
        padding-top: 10px;
	}
	
	#article .btn-default:after,
    #appitem-container .btn-default:after{
		position: relative;
        top: -2px;
        left: 10px;
	}

}

.og-link a {
    color: inherit;
    text-decoration: none;
}
.og-link-href {
    display: flex;
}
.og-link-img {
    height: 100px;
    width: 100px;
    margin-right: 20px;
}
.og-link-img img {
    height: 100%;
    width: 100%;
    vertical-align: middle;
}
.og-link-content-box {
    width: 514px;
}
.og-link-title {
    color: #000;
    font-size: 15px;
    font-weight: normal;
    line-height: 22px;
    text-decoration: underline;
}
.og-link-description {
    color: #505050;
    display: block;
    font-size: 12px;
    line-height: 1.4;
    margin-top: 2px;
}
.og-link-site {
    font-size:12px;
    color: #98a5dc;
    display: block;
}

@media (max-width: 991px){
    .og-link {
        padding: 8px;
    }
    .og-link-img {
        max-height: 86px;
        max-width: 86px;
        margin-right: 10px;
    }
    .og-link-img img {
        height: 86px;
        width:  86px;
    }

    .og-link-title {
        font-size: 15px;
        line-height: 20px;
    }
    .og-link-description {
        font-size: 10px;
        line-height: 16px;
        color: #505050;
    }
}

.ad-in-content{
	color: #999;
	font-size: 9px;
}

.ad-in-content p{
	font-size: 11px;
}


.flex{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}

article sup{
    line-height: 14px;
    color: #777;
    font-size: 10px;
    top: 4px;
    width: 100%;
}
article sup a{
    color: #777 !important;
}

article sup.source2{
    margin-bottom: 10px;
    top: -10px;
}

/* --------------------------------------------------------------------------------- item */

@media screen and (max-width: 480px) {

    article .amazon-item{
        max-width: 100%;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    article .smlg-item{
        max-width: 100%;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    article .gnavi-place{
        max-width: 100%;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    #item ul.item-categories {
        margin: 10px;
        padding: 0;
        list-style: none;
        font-size: 12px;
    }

    #item ul.item-categories li{
        float: left;
        padding: 6px 10px;
        background-color: #fafafa;
        border: 1px solid #ddd;
        margin: 0 8px 8px 0;
        border-radius: 4px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
    }

    #item #mainContents section{
        padding: 0 0 0 0;
    }

    article .gnavi-place{
        max-width: 100%;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
}

/* --------------------------------------------------------------------------------- footer */

#footer .footer-label{
    font-size: 12px;
    font-weight: bold;
    color: #999;
}

#footer .footer-category-list li{
    float:left;
    width:50%;
    margin: 2px 0;
}

#footer .footer-about-list-social{
    height: 40px;
}

#footer .footer-copyright{
    padding: 10px 0;
    font-size:10px;
    color: #ccc;
    text-align: center;
    clear: both;
}

#footer-mobile {
    background-color: #f4f4f4;
}

#footer-mobile .footer-mobile-logo{
    margin: 0 auto;
    text-align: center;
    clear: both;
}

#footer-mobile .footer-mobile-copyright{
    text-align: center;
    color: #999;
    font-size: 12px;
    margin: 14px 0 4px 10px;
}

.footer-mobile-social{
    background-color: #000b56;
    color: #eee;
    padding: 6px 0 10px 0;
    text-align: center;
    font-size: 30px;
    margin: 10px 0 0 0;
}

.footer-mobile-social a{
    color: #fff;
    margin: 0 18px;
}

.footer-mobile-social .footer-mobile-social-text{
    text-align: center;
    font-size: 14px;
    color: #fff;
}

#error_explanation{
    color:red;
}
/* --------------------------------------------------------------------------------- iPhone5s */

.breadcrumb {
    color: #666666;
}

@media (max-width: 991px){
    #breadcrumb {
        border-top: #b5b5b5 1px solid; 
        border-bottom: #b5b5b5 1px solid;
    }

    .breadcrumb {
        overflow-x: scroll;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
    }

    #breadcrumb > ul.breadcrumb {
        margin-top: 0;
        margin-bottom: 0;
        padding: 0 0 0 0;
    }

    #breadcrumb ul.breadcrumb li {
        line-height: 16px;
        padding: 0 0 0 0;
    }

    .breadcrumb>li+li:before {
        color: #6C6C6C; 
    }

    #breadcrumb ul li a {
        color: #6C6C6C;
        text-decoration: none;
    }
}

input.form-control{
    border-radius: 0;
    background-color: #f1f1f1;
}
.sidelist .thumb65 .thumb .new{
    position: absolute;
    top: 0;
    left: 0;
    width: 32px;
    height: 32px;
}

.slick .new{
    position: inherit;
    top: 0;
    left: 0;
    width: 32px;
    height: 32px;
}

#globalNav ul li:hover a{
    color: #fff;
}
#globalNav a:hover{
    background: transparent !important;
    text-decoration: underline;
}

#globalNav ul li:hover{
    background-color: #000;
}
.cover {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 430px;
    width: 100%;
    margin-left: 0;
}

#article .balloon-box {
    margin-bottom: 26px;
}

#article p.p-img + .balloon-box {
    margin-top: 40px;
}

#article .balloon-box + .balloon-box{
    margin-top: 40px;
}

#article .balloon.balloon-right {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

#article .balloon.balloon-left,
#article .balloon.balloon-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

#article .balloon-serif {
    margin-right: 12px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

#article .balloon.balloon-left .balloon-serif {
    margin-left: 12px;
    margin-right: 0px;
}

#article p.balloon-name{
    font-size: 12px;
    font-weight: bold;
    margin: 0 !important;
    top: -2px;
    position: relative;
}

#article .balloon.balloon-left .balloon-name {
    text-align: left;
    left: -8px;
    position: relative;
}

#article .balloon.balloon-right .balloon-name {
    text-align: right;
    left: 8px;
    position: relative;
}

#article .balloon-name {
    font-size: 14px;
    line-height: 1.33;
}

#article .balloon-serif-text {
    position: relative;
    margin-top: 2px;
    padding: 0px 10px;
    border: 1px solid #dcdcdc;
}

#article .premium-container .balloon-serif-text {
    background-color: #ffffff;
    text-align: left;
}

#article .balloon.balloon-left .balloon-serif-text:before {
    left: -9px;
}

#article .balloon.balloon-right .balloon-serif-text:before {
    right: -9px;
}

#article .balloon-serif-text:before {
    position: absolute;
    top: -1px;
    content: "";
    border: 8px solid transparent;
    border-top-color: #d9d9d9;
}

#article .balloon.balloon-left .balloon-serif-text:after {
    left: -6px;
}

#article .balloon.balloon-right .balloon-serif-text:after {
    right: -6px;
}

#article .balloon-serif-text:after {
    position: absolute;
    top: 0;
    content: "";
    border: 10px solid transparent;
    border-top-color: #fff;
}

#article .balloon-serif-text p {
    word-wrap: break-word;
    word-break: break-word;
    margin: 6px 0;
}

#article .short{
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0)), color-stop(100%, #fff));
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, #fff 100%);
    background: linear-gradient(
    180deg
    , rgba(255,255,255,0) 0%, #fff 100%);
    height: 30px;
    position: absolute;
    width: 100%;
    z-index: 999999;
}

#article .short.short-hair{
    background: linear-gradient(180deg, rgba(255,255,255,0) 50%, #fff 100%);
}

#article .short_btn{
    text-align: center;
    top: 10px;
    color: #aaa;
    cursor: pointer;
    text-decoration: underline;
}

#article .accordion-header{
    display: flex;
    justify-content: center;
    margin: 14px auto 20px auto;
    cursor: pointer;
    text-decoration-line: underline;
}

#article .accordion-header:after{
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent;
    border-width: 0.7em 0.4em;
    margin-top: 0.5em;
}

#article .accordion-header:not(.accordion-header-on):after{
    border-top-color: inherit;
    border-bottom: 0;
}

#article .accordion-header.accordion-header-on:after{
    border-bottom-color: inherit;
    border-top: 0;
}

#article .accordion-content{
    overflow: hidden;
}

#article .accordion-content-wrap{
    overFlow: hidden;
    height: 0;
    transition: height .3s linear;
}

.review-box {
    border: 1px solid #ccc;
    padding: 0.7em;
    margin-bottom: 10px;
}

.review-head {
    display: flex;
    margin-bottom: 10px;
}

.review-head-image {
    border-radius: 50%;
}

.review-head-contents {
    margin-left: 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.review-box .review-head > .review-head-contents > .review-reviewer-name {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 2.5px;
}

.review-rating {
    color: #ffa500;
    display: flex;
    border: 1px solid #ffa500;
    padding: 0.3em 0.7em 0.3em 0.7em;
    border-radius: 2em;
    font-size: 15px;
    margin-top: 2.5px;
}

.review-rating-title {
    margin-right: 0.7em;
}

#article .review-box > .review-body > .review-title {
    font-size: 16px;
    font-weight: bold;
    color: #ff0000;
}

#article .review-box > .review-body > .review-description {
    line-height: 1.5;
    margin-bottom: 0;
    font-size: 14px;
}
#article .review-box > .review-body > .review-description p {
    font-size: 14px;
    line-height: 1.5;
}

#article .review-body .review-image-list {
    display: flex;
    list-style: none;
    overflow: auto;
    margin-top: 10px;
    padding-left: 0px;
}

#article .review-image-item {
    padding-right: 20px;
}

.review-image {
    cursor: pointer;
}

#article .gallery-box {
    margin-top: 10px;
}

#article .gallery-box.gallery-credit-box {
    margin-bottom: 60px;
}

#article .gallery-box.position-relative {
    position: relative
}
#article .gallery-box .gallery-image-list {
    display: flex;
    list-style: none;
    margin-top: 10px;
    padding-left: 0;
    column-gap: 10px;
}
@media (max-width: 991px){
    #article .gallery-box .gallery-image-list {
        column-gap: 10px;
    }
}
#article .gallery-box .gallery-image-box {
    position: relative;
}

#article .gallery-box .gallery-image {
    width: 100%;
}
@media (max-width: 991px){
    #article .gallery-box .gallery-image {
        width: calc(calc(100vw - 40px - 10px)/2);
    }
}

#article .gallery-box .gallery-set {
    display: flex;
    flex-direction: column;
    row-gap: 10px;
}

.gallery-image-zoom-icon {
    position: absolute;
    bottom: 0px;
    right: 0px;
    padding-top: 10px;
    padding-left: 10px;
    border-top-left-radius: 50%;
    color: #fff;
    background-color: #0074E0;
}
@media (max-width: 991px){
    .gallery-image-zoom-icon {
        padding-top: 5px;
        padding-left: 5px;
    }
}

.gallery-image-zoom-icon svg {
    display: flex;
    width: 30px;
    height: 30px;
}
@media (max-width: 991px){
    .gallery-image-zoom-icon svg {
        width: 20px;
        height: 20px;
    }
}

.modal-image-nav-btn {
    position: absolute;
    top: calc(50% - 25px);
    border: none;
    background-color: rgba(30,30,30,.6);
    display: flex;
}

@media (min-width: 992px){
    .modal-image-nav-btn {
      top: calc(50% - 50px);
    }
}

.modal-image-nav-btn-prev {
    left: env(safe-area-inset-left);
    padding: 10px;
}

@media (min-width: 992px){
    .modal-image-nav-btn-prev {
        padding: 20px;
    }
}

.modal-image-nav-btn-next {
    right: env(safe-area-inset-right);
    padding: 10px;
}

@media (min-width: 992px){
    .modal-image-nav-btn-next {
        padding: 20px;
    }
}

.modal-image-nav-btn svg {
    fill: #fff;
}

.zoom-image-box {
    cursor: pointer;
}

.gallery-credit.position-absolute {
    position: absolute;
}
.gallery-credit.position-absolute.swiper-credit {
    bottom: -30px;
}
.gallery-credit.position-normal {
    margin-bottom: 20px;
}

.gallery-credit .source {
    font-size: 9px;
}

#imageModal {
    display: none;
    position: fixed;
    z-index: 214748;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.8);
}

#imageModal .modal-content {
    background-color: transparent;
    width: 100%;
    top: 0;
    border: none;
    box-shadow: none;
}

@media (min-width: 992px){
    #imageModal .modal-content {
        width: 60%;
        max-width: 80vh;
        margin: 2% auto;
        top: calc(50% - 40vh);
    }
}

#imageModal .modal-body {
    padding: 0px;
}

#imageModal #image-modal-close-btn {
    color: #000;
    width: 90px;
    height: 90px;
    position: absolute;
    right: 0px;
    cursor: pointer;
    padding: 20px 20px 40px 40px;
}
#imageModal #modal-image-list {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    height: 100vh;
    height: 100dvh;
}

@media (min-width: 992px){
    #modal-image-list {
        max-height: 80vh;
    }
}

#modal-image-list .modal-image-item {
    display: none;
    padding: 0 0 0 0;
}

#modal-image-list .current-image {
    display: block;
}

.video-embed {
    max-width: 100%;
}

#article .sale{
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    width: 300px;
}

#article .sale:before {
    height: 40px;
    padding-left: 26px;
    white-space: pre;
    background-repeat: no-repeat;
    background-size: 20px 34px;
    vertical-align: middle;
    text-align: center;
    display: flex;
}

#article .sale:after {
    content: '';
    display: flex;
    width: 20px;
    height: 40px;
    margin-left: 8px;
    background-repeat: no-repeat;
    background-size: 20px 34px;
    vertical-align: middle;
}


@media screen and (max-width: 480px) {
    #article .sale{
        width: inherit;
    }
}

#article .gnavi-place{
    width: calc(50% - 4px);
    margin: 0 1px 6px 0;
    display: inline-block;
}

#article br + .gnavi-place + .gnavi-place {
    margin-top: 16px;
}

#article br + .gnavi-place {
    margin-top: 16px;
}

#article .btn-default{
    background-color: #000;
    min-width: 300px;
    width: 300px;
    display: block;
    margin-bottom: 18px;
}

#article .btn-default-table{
    background-color: #000;
    width: 70px;
    display: block;
    font-size: 11px;
}

#article .btn-default-table-tate{
    background-color: #000;
    display: block;
    font-size: 14px;
}
@media (max-width: 991px){
    #article .btn-default{
        width: auto;
    }
    
	#article .btn-default-table{
	    background-color: #000000;
	    color: #fff;
        height: 36px;
        width: 60px;
        font-size: 10px;
        padding: 4px 10px;
    }
	
	#article .btn-default-table:after{
		position: relative;
		top: -9px;
		left: 2px;
	}
    
	#article .btn-default-table-tate{
	    background-color: #000000;
	    color: #fff;
        height: 30px;
        font-size: 12px;
        padding: 6px 10px;
    }
	
	#article .btn-default-table-tate:after{
		position: relative;
	}

}
#appitem-container .btn-default{
    display: block;
    background-color: #000;
    color: #fff;
    width: 100%;
    height: 44px;
    font-size: 16px;
    padding-top: 10px;
}

.og-link:hover{
    background-color: #e0e0e0;
}


#article .kakoi{
    background-color: #2a2a2a;
    color: #fff;
}

#article .kakoi .kakoi-title:after{
    display: none;
}

#article .kakoi .kakoi-title{
    color: #fff;
    margin: 0;
    padding: 20px 40px 0 40px;
}

#article .kakoi .kakoi-text a{
    color: #fff;
    font-size: 16px;
}

#article .kakoi .kakoi-num:before{
    content: "vol.";
    font-size: 16px;
    font-family: "Times New Roman";
    font-style:italic;
}

#article .kakoi .kakoi-num{
    font-size: 16px;
    font-family: "Times New Roman";
    font-style:italic;
    top: 0;
}

#article .kakoi .kakoi-box{
    padding: 0 20px;
    margin: 24px 0 0 0;
    line-height: 20px;
}

#article ol li{
  line-height: 32px;
  padding: 2px 0px 6px 0;
}

#article ol{
    padding-left: 22px;
}

#article ol li{
    padding: 2px 0px 0px 4px;
}

#article ul li{
    padding: 2px 0px 0px 0;
}

.single #article small.share-this{
    float: left;
    text-align: left;
    color: #e71f19;
    font-size: 11px;
    margin: 30px 0 10px;
}

.ico-heart-red{
    color: #E71E19;
}

@media (min-width:992px) {
    .wp-pagenavi-next{
        text-align: center;
        font-weight: bold;
    }
    
    .wp-pagenavi-next a{
        font-size: 13px;
        color: #6c6c6c;
    }
    .wp-pagenavi-next img{
        margin-right: 6px;
    }
}

.wp-pagenavi-next span a{
    text-align: center;
}


article blockquote{
    background-image: URL("https://smartlog-stat2.imgix.net/images/blockquote.png");
    background-size: 15px 13px !important;
    background-color: #fff !important;
    background-position: 10px 13px !important;
    border-left: 0;
    border-top: 1px solid #616161;
    border-bottom: 1px solid #616161;
    padding: 12px 10px 10px 40px;
    color: #838383;
    line-height: 20px;
    font-size: 13px;
    background-repeat: no-repeat;
}

#latest header h3{
    background: url(https://smartlog-stat2.imgix.net/images/h3-big.png) right 60px bottom 10px no-repeat, url(https://smartlog-stat2.imgix.net/images/h3-big.png) left 60px bottom 10px no-repeat;
    background-size: 71px 5px;
    text-align: center;
    font-style: italic;
    font-family: "Times New Roman";
    font-size: 24px;
    font-weight: normal;
}

#latest header p{
    font-size: 10px;
    text-align: center;
    font-style: italic;
    letter-spacing: 1px;
}

.footer-ad{
    text-align: center;
    padding-bottom: 20px;
    min-height: 90px;
}

footer#footer{
    background-color: #f1f1f1;
}


.article_social {
    clear: both;
    margin: 20px 0;
    display: flex;
}
.article_social > .ico-heart::before{
    content: "";
}
.article_social .ico-heart {
    background-color: #dddddd;
    color: #525252;
    width: 28%;
    cursor: pointer;
    margin-right: 0;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

@media (max-width: 991px){
    .article_social {
        margin: 10px 0 0px 0;
        height: inherit;
    }
}

.app-pr-box{
    background: #f1f1f1;
}
.app-pr-box a:hover{
    text-decoration: none;
}
#app-head-pr,
#post-foot-pr{
    display: none;
}
@media (max-width:768px) {
    .app-pr-box{
        display: flex;
        justify-content: space-between;
        align-items: center;
        z-index: 200;
        width: 100%;
        transition: all 0.2s;
    }
    .app-pr-box section{
        padding:14px 8px 14px 70px;
        box-sizing: border-box;
        width: calc(100% - 200px);
        position: relative;
    }
    .app-pr-box section::before{
        content: "";
        display: block;
        position: absolute;
        left: 10px;
        top: 50%;
        transform: translate(0, -53%);
        width: 50px;
        height:50px;
        background-color: #000000;
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60.7 50.4'%3E%3Cpath fill='%23ffffff' d='M4.4 7.1C2.1 5 .8 2.8.4 0 1.1.6 1.6 1 2 1.4l38.7 37.3-1.7 1.6S14.4 16.7 4.4 7.1zm31.3 36.2l1.8-1.6L8.4 13.5c-.4-.4-.9-.8-1.6-1.4.4 2.8 1.7 5 4 7.1 9.9 9.7 24.9 24.1 24.9 24.1zm-3.2 3l1.8-1.6-19.4-18.9c-.4-.4-.9-.8-1.6-1.4.4 2.8 1.7 5 4 7.1 9.9 9.7 15.2 14.8 15.2 14.8zm-3.3 3l1.8-1.6-9.6-9.5c-.4-.4-.9-.8-1.6-1.4.4 2.8 1.7 5 4 7.1l5.4 5.4zM58.3 8.7c1.4-1.3 2.2-2.8 2.3-4.6L35 28.3l1.3 1.2 22-20.8zm-3.9 8.2c1.4-1.3 2.2-2.8 2.3-4.6L37.4 30.6l1.3 1.2 15.7-14.9zM50.6 25c1.4-1.3 2.2-2.8 2.3-4.6L39.8 32.9 41 34l9.6-9zm-3.9 8.1c1.4-1.3 2.2-2.8 2.3-4.6l-6.9 6.6 1.3 1.2 3.3-3.2zM23 48.3h-8.2c-3.5 0-5.9-1.2-8.2-2.6h13.8l-2.1-2H0l1.9 1.6c1.2.8 6.8 5.1 12.9 5.1h10.3L23 48.3zm33.2-1.1c-.5 1.7-2.3 2.3-2.5 2.3l-1.1.3c0-1.4-.2-2.2-1-2.9-.7-.6-1.8-.8-3.2-.7-2.2.2-2.5 3-2.5 3.2l-.1.9H33.1l2.3-2H44c.4-1.6 1.6-3.8 4.2-4.1.6-.1 1.2-.1 1.7 0 0-.1 1.6-1.8 1.6-1.8l-3.1-3-4.1 3.7h-3.1l7.2-6.5s5.7 5.4 6.2 5.9c1.3 1.8 1.9 3.3 1.6 4.7zM52.9 44c0-.1-.1-.1 0 0l-.9.8c.3.2.7.4.9.6.5.5.9 1.1 1.1 1.6.1-.1-.1.1 0 0 .5-.9-.1-1.9-1.1-3z'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-position: center;
        background-size: 30px auto;
        border-radius: 6px;
    }
    .app-pr-box section .app-caption{
        font-size: 12px !important;
        font-weight: 700;
        margin: 0 0 0.5em 0;
        padding:0 !important;
        line-height: 1.2em !important;
        background: none !important;
        border: none !important;
    }
    .app-pr-box section p{
        font-size: 11px !important;
        line-height: 1.3em !important;
        color: #666666;
        margin: 0 !important;
    }
    .app-pr-box section .star-rating {
        position: relative;
        display:inline-block;
        font-size: 11px !important;
        line-height: 1.3em !important;
        color: #666666;
        margin-top: 0.3em;
        letter-spacing: 0.2em;
    }
    .app-pr-box section .star-rating .star-rating-item{
        position:absolute;
        overflow: hidden;
        width: 89%;
    }
    .app-pr-box section .star-rating .star-rating-item:before{
        content:"★★★★★";
        color: #ff9323;
    }
    .app-pr-box section .star-rating:after {
        content:"★★★★★";
        color: #ccc;
    }
    .app-pr-box section span.star-text {
        font-family: "SF Pro JP","SF Pro Text","SF Pro Icons","Apple WebExp Icons Custom","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック","Helvetica Neue",Helvetica,Arial,sans-serif;
        color: #ff9323;
        font-size: 10px;
    }
    .app-pr-box .app-btn{
        width: 200px;
        display: flex;
        justify-content: center;
        align-items: center;
        box-sizing: border-box;
        padding:13px 10px 13px 0 !important;
        margin: 0 !important;
        line-height: normal !important;
    }
    .app-pr-box .app-btn a{
        color:#ffffff;
        text-decoration: none !important;
        font-size: 10px;
        padding:8px 5px;
        display: flex;
        width: 100%;
        text-align: center;
        box-sizing: border-box;
        align-items: center;
        justify-content: center;
        border-radius: 3px;
    }
    .app-pr-box .app-btn a:hover{
        text-decoration: none !important;
        opacity: 0.8;
    }

    #app-head-pr,
    #post-foot-pr{
        display: flex;
    }
    #post-foot-pr section{
        padding:14px 8px 14px 70px !important;
    }
    #post-foot-pr section::before{
        left:10px;
    }
    #app-head-pr{
        height: 78px;
    }
}
@media (max-width:480px) {
    .app-pr-box section::before{
        width: 48px;
        height: 48px;
        background-size: 34px auto;
        border-radius: 8px;
    }
    #app-head-pr section{
        width: 260px;
        padding:14px 6px 14px 58px;
    }
    #app-head-pr section .app-caption{
        font-size: 11px !important;
        letter-spacing: -0.02em;
        margin-left: 8px;
    }
    #app-head-pr section p{
        font-size: 15px !important;
        font-weight: bold;
        left: 8px;
        position: relative;
        color: #C92606;
    }
    #app-head-pr .app-btn{
        width: calc(100% - 230px);
        padding:13px 6px 13px 0 !important;
    }
    #app-head-pr .app-btn a{
        font-size: 13px !important;
        padding:8px 5px;
        font-weight: bold;
    }
    #post-foot-pr section{
        width: 256px;
        padding:10px 4px 10px 50px !important;
    }
    #post-foot-pr section::before{
        width: 36px;
        height:36px;
        background-size: 24px auto;
        border-radius: 4px;
        transform: translateY(-58%);
        left: 8px;
    }
    #post-foot-pr section h2{
        font-size: 10px !important;
        letter-spacing: -0.01em;
    }
    #post-foot-pr section p{
        font-size: 10px !important;
    }
    #post-foot-pr .app-btn{
        width: calc(100% - 224px);
        padding:13px 8px 13px 0 !important;
    }
    #post-foot-pr .app-btn a{
        font-size: 10px;
        padding:8px 4px;
    }
}

@media (min-width: 992px){

    #mainContents #latest header{
        padding: 0 10px 16px 10px;
        border: 0;
    }

    #article .tags{
        margin: 0;
    }

    #article .description{
        font-size: 13px;
        line-height: 22px;
        margin-bottom: 16px;
    }

    #mainContents h2#pr-posts,
    #mainContents h2#alikes,
    #mainContents h2#recommends{
        float: none;
    }

    #mainContents #latest .sub{
        clear: both;
        float: right;
        position: absolute;
        text-align: right;
        width: 82%;
        margin-bottom: 2px;
        color: #6c6c6c;
        bottom: 0;
    }

    #mainContents #latest .sub a{
        font-size: 11px;
        color: #6c6c6c;
    }

    #mainContents #latest header h3{
        float: none;
        font-size: 24px;
    }

    #mainContents #latest header p:not(.description){
        float: none;
        font-size: 12px;
    }

    #accessRanking {
        margin-bottom: 40px;
    }

    #accessRankingCategory.sidelist footer a {
        display: inherit;
        float: right;
    }

    article blockquote{
        background-image: URL("https://smartlog-stat2.imgix.net/images/blockquote.png");
        background-size: 20px 18px !important;
        background-color: #fff !important;
        background-position: 10px 13px !important;
        border-left: 0;
        border-top: 1px solid #616161;
        border-bottom: 1px solid #616161;
        padding: 10px 10px 10px 40px;
        color: #838383;
        line-height: 26px;
        font-size: 16px;
        background-repeat: no-repeat;
    }


    section#latest ul li:first-child{
        border-top: 1px solid #dedede;
    }

    .ico-heart{
        padding: 11px 0;
    }

    #article .kakoi .kakoi-text{
        width: 90%;
    }

    #footer {
        padding-top: 20px;
    }

    #footmap div.social{
        margin: 0 0 0 20px;
    }

    #footer .footer-label{
        color: #6c6c6c;
        padding-bottom: 4px;
    }

    #footer .footer-category-list li{
        margin: 4px 0;
    }

    .footer-list {
        display: flex;
        flex-wrap: wrap;
        margin: 0px 0px 10px 0px;
    }

    .footer-item {
        flex-basis: 50%;
        margin: 4px 0px;
    }

    #footer .footer-copyright{
        color: #666;
    }

    #footer #logo-footer{
        width: 166px;
    }

    #footmap {
        margin: 0 auto;
    }

    #footmap .twitter {
        float: left;
    }

    #footmap .twitter img{
        width: 38px;
        margin-right: 6px;
    }

    #footmap .facebook {
        float: left;
    }

    #footmap .facebook img{
        width: 38px;
        margin-right: 6px;
    }

    #footmap .instagram {
        float: left;
    }

    #footmap .instagram img{
        width: 38px;
        margin-right: 6px;
    }

    #footmap .youtube {
        float: left;
    }

    #footmap .youtube img{
        width: 38px;
        margin-right: 6px;
    }

}

@media (max-width: 991px){

    #latest main > ul > li > div{
        width: 74% !important;
    }

    #article .tags a{
        color: #505050;
        font-size: 13px;
        margin: 0 4px 4px 0;
        display: inline-block;
    }

    #article .tags a:last-child{
        margin: 0 0 4px 0;
    }

    #article ul li{
        font-size: 15px;
        word-wrap: break-word;
    }

    #accessRankingCategory p{
        color: #6c6c6c;
        margin: 10px 0 20px 0;
    }

    #latest header h2{
        font-size: 20px;
        background: url(https://smartlog-stat2.imgix.net/images/h3.png) right 20px bottom 8px no-repeat, url(https://smartlog-stat2.imgix.net/images/h3.png) left 20px bottom 8px no-repeat;
        background-size: 51px 4px;
        margin: 18px 0 6px 0;
    }

    #latest main{
        margin-top: 20px;
    }

    section main li{
        border-bottom: 1px solid #d9d9d9;
    }

    .sidelist footer span{
        padding-left: 0;
    }

    section#latest {
        padding: 0 20px 20px 0;
    }

    section#latest footer{
        text-align: center;
        border: 1px solid #000;
        padding: 10px;
        margin-top: 10px;
    }

    section#latest footer a{
        float: none;
        text-align: center;
        font-size: 13px;
        font-weight: bold;
    }

    #accessRankingCategory footer {
        text-align: center;
        border: 1px solid #000;
        padding: 10px;
    }

    #accessRankingCategory footer a{
        float: none;
        text-align: center;
    }

    #article{
        margin-bottom: 0;
    }

    ul#alikes_post li{
        height: 102px;
    }

    #articleContents #accessRankingCategory{
        padding: 0;
        margin: 0;
    }

    .og-link-title{
        font-size: 15px;
        line-height: 20px;
    }

    .og-link-description{
        font-size: 10px;
        line-height: 16px;
        color: #505050;
    }

    article blockquote{
        background-image: URL("https://smartlog-stat2.imgix.net/images/blockquote.png");
        background-size: 15px 13px !important;
        background-color: #fff !important;
        background-position: 10px 13px !important;
        border-left: 0;
        border-top: 1px solid #616161;
        border-bottom: 1px solid #616161;
        padding: 12px 10px 10px 40px;
        color: #838383;
        line-height: 20px;
        font-size: 13px;
    }

    #article .kakoi{
        position: relative;
        background-color: #2a2a2a;
        color: #fff;
    }

    #article .kakoi .kakoi-title:after{
        display: none;
    }

    #article .kakoi .kakoi-title{
        color: #fff;
        margin: 0;
        padding: 20px 40px 0 40px;
    }

    #article .kakoi .kakoi-text a{
        color: #fff;
        font-size: 13px;
    }

    #article .kakoi .kakoi-num:before{
        content: "vol.";
        font-size: 13px;
        font-family: "Times New Roman";
        font-style:italic;
    }

    #article .kakoi .kakoi-num{
        font-size: 13px;
        font-family: "Times New Roman";
        font-style:italic;
    }

    #article .kakoi .kakoi-box{
        padding: 0 20px;
        margin: 24px 0 0 0;
        line-height: 20px;
    }

    #pr-posts, #alikes, #recommends {
        margin: 20px 0 16px 0;
    }

    #accessRankingCategory{
        margin: 30px 0 19px 0;
    }

    h2#pr-posts, h2#alikes, h2#recommends{
        margin: 20px 0;
    }

    #accessRankingCategory h3{
        margin-bottom: 10px;
    }

    h2#pr-posts, h2#alikes, h2#recommends{
        background: url(https://smartlog-stat2.imgix.net/images/h3.png), url(https://smartlog-stat2.imgix.net/images/h3.png);
        background-size: 51px 4px;
        background-repeat: no-repeat;
        text-align: center;
        font-style: italic;
        font-family: "Times New Roman";
        font-weight: normal;
        font-size: 20px;
    }

    h2#pr-posts{
        background-position: right 50px bottom 8px, left 50px bottom 8px;
    }

    h2#alikes{
        background-position: right 40px bottom 8px, left 40px bottom 8px;
    }

    h2#recommends{
        background-position: right 0px bottom 8px, left 0px bottom 8px;
    }

    #category-children, #accessRankingCategory{
        margin: 10px 0 19px 0;
    }

    #category-children h2, #accessRankingCategory h2{
        margin-bottom: 10px;
    }

    #category-children h2{
        background: url(https://smartlog-stat2.imgix.net/images/h3.png) right 58px bottom 6px no-repeat, url(https://smartlog-stat2.imgix.net/images/h3.png) left 58px bottom 6px no-repeat;
        background-size: 51px 4px;
        text-align: center;
        font-style: italic;
        font-family: "Times New Roman";
        font-weight: normal;
        font-size: 16px;
    }

    .sidelist .thumb65 .thumb img{
        width: 80px;
        height: 80px;
        margin-right: 10px;
    }

    main.thumb65 ul li{
        height: 102px;
    }

    .col-md-c3 .sidelist h4{
        margin-bottom: 8px !important;
    }

    span.article_social_fav{
        font-size: 12px;
        color: #000;
    }

    #footer-mobile{
        background-color: #f1f1f1;
        padding-bottom: 110px;
    }

    .footer-mobile-social{
        background-color: #000;
        padding: 30px 0;
    }

    .footer-mobile-social .footer-mobile-social-list{
        margin: 0px;
    }

    #footer-mobile .footer-mobile-logo{
        margin: 20px auto;
    }

    #footer-mobile .footer-mobile-copyright{
        font-family: "Times New Roman";
        font-size: 10px;
        color: #000000;
        margin: 0;
        padding-bottom: 4px;
    }

    #footer-mobile-flex{
        display: flex;
        box-sizing: border-box;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    #footer-mobile-flex a.footer-mobile-list{
        text-align: left;
        width: 50%;
        border: 1px solid black;
        padding: 6px 20px;
        line-height: 26px;
        font-size: 12px;
    }

    #footer-site {
        margin-top: 20px;
    }
    #footer-site .footer-site-list {
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 0px 20px;
    }
    #footer-site .footer-site-item {
        list-style: none;
        border: 1px solid #000;
        padding: 20px;
        margin-bottom: 20px;
        text-align: center;

    }
    
    #gentei-btn.off{
        display: none;
    }

}

@media (max-width: 320px){
    #category-children h2 {
        background: url(https://smartlog-stat2.imgix.net/images/h3.png) right 38px bottom 6px no-repeat, url(https://smartlog-stat2.imgix.net/images/h3.png) left 38px bottom 6px no-repeat;
        background-size: 51px 4px;
    }
    h2#pr-posts {
        background: url(https://smartlog-stat2.imgix.net/images/h3.png) right 10px bottom 8px no-repeat, url(https://smartlog-stat2.imgix.net/images/h3.png) left 10px bottom 8px no-repeat;
        background-size: 51px 4px;
    }
    h2#alikes {
        background: url(https://smartlog-stat2.imgix.net/images/h3.png) right 10px bottom 8px no-repeat, url(https://smartlog-stat2.imgix.net/images/h3.png) left 10px bottom 8px no-repeat;
        background-size: 51px 4px;
    }
    h2#recommends{
        background: url(https://smartlog-stat2.imgix.net/images/h3.png) right 8px bottom 8px no-repeat, url(https://smartlog-stat2.imgix.net/images/h3.png) left 8px bottom 8px no-repeat;
        background-size: 51px 4px;
        font-size: 19px;
    }
    .og-link-content-box{
        width: 74%;
    }
    span.article_social_fav{
        font-size: 9px;
    }
    .ico-heart:before{
        margin-right: 0;
    }
    #article .btn-default,
    #appitem-container .btn-default{
        min-width: auto;
        width: auto;
    }
}

/* --------------------------------------------------------------------------------- articleRelation */

.smlg-btn {
    padding: 10px 12px;
    background-color: #000000;
    color: #fff;
    width: 100%;
    height: 44px;
    border-radius: 4px;
    font-size: 15px;
    -webkit-appearance: none;
    margin-bottom: 10px;
    border-color: #000;
}

@media (min-width: 992px) {
    .smlg-btn {
        max-width: 300px;
    }
}

#article .recommend-point {
    border: 1px solid #000000;
    margin-bottom: 20px;
}

#article .recommend-point h5 {
    padding: 0.5em;
    background: #000000;
    color: #ffffff;
    font-size: 14px;
    font-weight: normal;
    margin: 0;
}

#article .recommend-point ul{
    margin: 0;
    padding: 10px 10px 10px 30px;
}

#article .recommend-point ul li{
    margin: 0;
    line-height: 1.4;
}

#btn-clipboard {
    margin: 10px 0;
    padding: 10px 0;
    border: solid 1px #000;
    text-align: center;
    background: #fff;
    font-size: 12px;
    display: block;
}

#btn-clipboard img{
    width: 20px;
    height: 20px;
}

#btn-clipboard-success {
    margin: 10px 0;
    padding: 10px 0;
    border: solid 1px #000;
    text-align: center;
    font-size: 12px;
    background: #000;
    color: #fff;
    display: none;
}


.recommend-title{
    width:169px;
    height: 60px;
    padding: 2px;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.4;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -moz-box-orient: vertical;
    -moz-line-clamp: 3;
    display: -moz-box;
    -ms-box-orient: vertical;
    -ms-line-clamp: 3;
    -o-box-orient: vertical;
    -o-line-clamp: 3;
    display: -o-box;
    box-orient: vertical;
    line-clamp: 3;
    display: box;
    color: #6C6C6C;
}

.recommend-site-name{
    width:169px;
    font-size:10px;
    margin-right: 2px;
    text-align: right;
    color: #6C6C6C;
}

.recommend-site-name:hover{
    text-decoration: none;
}

#pm-indicator{
    position: relative;
    top: -12px;
    font-size: 12px;
}

#smlg_footer_ad {
    position: fixed;
    bottom: 0;
    width: 100%;
    padding-bottom: env(safe-area-inset-bottom);
    z-index: 2147483647;
    background-color: #fff;
    display: none;
}

#smlg_footer_ad #smlg_footer_ad_img{
    width: 70px;
    height: 70px;
}

#smlg_footer_ad #smlg_footer_ad_img img{
    width: 70px;
    height: 70px;
}

#smlg_footer_ad .btn-default{
    background-color: #000b56;
    color: #fff;
    width: 95%;
    height: 44px;
    font-size: 14px;
    padding-top: 10px;
    min-width: 200px;
    text-decoration: none;
    margin: 10px;
}

#smlg_footer_ad .btn-default:after{
    content: " ";
    background: url(https://smartlog-stat2.imgix.net/images/icon_item_arrow.png);
    background-size: contain;
    vertical-align: middle;
    display: inline-block;
    position: relative;
    top: -2px;
    left: 10px;
    width: 18px;
    height: 18px;
}

#smlg_footer_ad.footer_next a{
    display: flex;
}

#smlg_footer_ad.footer_next #smlg_footer_ad_btn .btn-default {
    min-width: 120px;
    width: inherit;
    background-color: #000;
    font-size: 11px;
    height: 36px;
    margin: 0 6px 0 0;
}

#smlg_footer_ad.footer_next #smlg_footer_ad_btn .btn-default:after {
    left: 6px;
    top: -1px;
    width: 14px;
    height: 14px;
    background-repeat: no-repeat;
}

#smlg_footer_ad.footer_next #smlg_footer_ad_osusume{
    width: 100px;
    margin: 0 auto;
    padding-top: 4px;
}

#smlg_footer_ad.footer_next #smlg_footer_ad_osusume img{
    width: 100px;
    height: 21px;
}

#smlg_footer_ad.footer_next #smlg_footer_ad_title{
    text-decoration: underline;
    font-weight: bold;
    font-size: 11px;
    margin: 0 10px;
    display: flex;
    align-items: center;
}


@media (max-width:768px) {
    #app-footer-anc,
    #app-alikes-anc{
        display: block;
        width: 0;
        height:0;
        visibility: hidden;
        position: absolute;
        top:-46px;
        left:0;
    }
    .top-scroll{
        padding:0 20px;
        margin-bottom: 20px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .top-scroll a{
        display: inline-block;
        min-width: 70px;
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 30.7'%3E%3Cpath fill='%23010101' d='M1.6 30.7L30 3.1l28.5 27.6 1.5-1.6L30 0 0 29.1z'/%3E%3C/svg%3E");
        padding-top: 28px;
        background-size: 30px auto;
        background-position: center top;
        background-repeat: no-repeat;
        font-size: 11px;
        text-align: center;
        text-decoration: none;
        font-weight: 600;
    }


    .recommend-box{
        float: left;
        width: 49%;
        height: 204px;
        border-top: 1px solid #d9d9d9;
        padding-top: 4px;
    }

    .recommend-box:nth-last-child(1){
        border-bottom: 1px solid #d9d9d9;
    }

    .recommend-box:nth-last-child(2){
        border-bottom: 1px solid #d9d9d9;
    }

    .recommend-box:nth-child(odd){
        padding-right: 0.9%;
        border-right: 1px solid #d9d9d9;
    }

    .recommend-box:nth-child(even){
        padding-left: 0.9%;
    }

    #recommend-flex img{
        width: 100%;
        height: 120px;
    }

    .recommend-title{
        width: 100%;
        font-size: 14px;
    }

    .recommend-site-name{
        width: 100%;
        margin: 0;
        padding-right: 2px;
    }
}


.special-top-head {
  font-weight: bold;
  font-size: 20px;
  text-align: center;
  line-height: 32px;
  margin-bottom: 18px;
}

.app-link-box {
    display: flex;
    margin-bottom: 20px;
}

.app-link {
    margin-left: 20px;
}
.app-link:first-child {
    margin-left: 0px;
}

@media (max-width: 991px){
    .app-link-box {
        justify-content: center;
    }
}

@media (max-width: 389px){
    /* iPhone SE, iPhone 12pro */
    .app-link-logo-appstore {
        height: 52px;
        width: 140px;
    }
    .app-link-logo-googlebadge {
        height: 52px;
        width: 174px;
    }
}
@media (min-width: 390px) and (max-width: 429px){
     /* iPhone XR */
    .app-link-logo-appstore {
        height: 56px;
        width: 151px;
    }
    .app-link-logo-googlebadge {
        height: 56px;
        width: 188px;
    }
}
@media (min-width: 430px){
    /* iPhone pro Max */
    .app-link-logo-googlebadge {
        height: 60px;
        width: 201px;
    }
    .app-link-logo-appstore {
        height: 60px;
        width: 162px;
    }
}

.app-link-big-box {
    border: 0.5px solid #C60262;
    padding: 10px 10px 10px 10px;
    margin-bottom: 20px;

}
.app-link-message {
    text-align: center;
    margin-bottom: 8px;
    color: #C60262;
    font-weight: bold;
    font-size: 16px;
}
.app-link-logo-box {
    display: flex;
    justify-content: center;
}
.app-link-platform-box {
    display: flex;
    flex-direction: column;
    margin-left: 10px;
}
.app-link-platform-box:first-child {
    margin-left: 0px;
}
.app-link-platform-navi-message {
    text-align: center;
    font-size: 12px;
    margin-top: 5px;
    margin-bottom: 0px;
    color: #6c6c6c;
}
.app-link2 {
    margin-left: 10px;
}
.app-link2:first-child {
    margin-left: 0px;
}

@media (max-width: 390px){
    /* iPhone SE, iPhone 12pro */
    .app-link-logo-appstore2 {
        height: 50px;
        width: 134px;
    }
    .app-link-logo-googlebadge2 {
        height: 50px;
        width: 167px;
    }
}
@media (min-width: 391px) and (max-width: 429px){
     /* iPhone XR */
    .app-link-logo-appstore2 {
        height: 56px;
        width: 151px;
    }
    .app-link-logo-googlebadge2 {
        height: 56px;
        width: 188px;
    }
}
@media (min-width: 430px){
    /* iPhone pro Max */
    .app-link-logo-appstore2 {
        height: 58px;
        width: 156px;
    }
    .app-link-logo-googlebadge2 {
        height: 58px;
        width: 194px;
    }
}
@media (min-width: 992px){
    .app-link-logo-appstore2 {
        height: 60px;
        width: 162px;
    }
    .app-link-logo-googlebadge2 {
        height: 60px;
        width: 201px;
    }
}

#maziModal.modal {
    display: none;
    position: fixed;
    z-index: 300;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0,0,0,0.4);
}

#maziModal .modal-content {
    background-color: #f0f0f0;
    margin: 10% auto;
    padding: 10px;
    border: 1px solid #888;
    width: 100%;
    max-height: 80vh;
    overflow-y: auto;
}

@media (min-width: 992px){
    #maziModal .modal-content {
        width: 60%;
        margin: 2% auto;
    }
}

#maziModal .close {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

#maziModal .close:hover,
#maziModal .close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

#maziModal ul {
    padding-left: 0;
}

#maziModal li {
    list-style: none;
    line-height: 1.8em;
    padding-top: 8px;
}

#maziModal ul ul {
    padding-left: 1em;

}

#maziModal a {
    text-decoration: underline;
    color: #044cec;
}

#maziModal .article-page-nav:before {
    content: "好きなところから読めます";
    font-size: 1.2em;
    padding: 0;
    border: 0;
    background: none;
    margin: 0;
    font-weight: bold;
}

#maziModal #mokuji-modal-close-btn {
    color: #000;
    width: 12px;
    position: absolute;
    top: 0px;
    right: 0px;
    cursor: pointer;
}

.btn-fancy {
    text-align: center; 
    margin: 0 auto 28px auto; 
    position: relative;
}
@media (min-width: 992px){
    .btn-fancy {
        width: 537px; 
    }
}

.btn-fancy-message {
    color: #ff0000; 
    font-weight: bold; 
    font-size: 15px;
}

#article .item-btn-fancy-link {
    display: block;
    font-weight: bold;
    text-align: center;
    font-size:15px;
    width:100%;
    color: #fff;
    background-color: #ff5f9b;
    border-radius: 50px; 
    box-sizing: border-box; 
    box-shadow: 0 5px 0 0 #e4255f;
    padding: 10px; 
    margin: 5px auto 10px 5px;
    text-decoration: none;
}

#article .item-btn-fancy-r {
    font-size: 11px;
    min-width: 20px;
    min-height: 20px;
}

@media (min-width: 992px){
    #article .item-btn-fancy-link {
        padding: 16px 10px;
        font-size: 18px;
    }
    #article .item-btn-fancy-link:hover {
        opacity: 0.7;
        transition: all .5s ease;
    }
}

@keyframes LeftToRight {
    from {
        opacity: 0;
        transform: translate(-100%, 50%);
    }
    50% {
        opacity: 1;
        transform: translate(0, 50%);
    }
    to {
        opacity: 0;
        transform: translate(100%, 50%);
    }
}

@keyframes RotateLeft {
    from {
        transform: translateY(-50%) rotate(-10deg);
    }
    50% {
        transform: translateY(-50%) rotate(-55deg);
    }
    to {
        transform: translateY(-50%) rotate(-10deg);
    }
}

.item_button_right_arrow {
    position: absolute;
    top: 50%;
    right: 20px;
    animation: LeftToRight 2s ease infinite;
}
.item_button_right_arrow.no-btn-fancy-message {
    top: calc(50% - 12px);
}

#article .item-scroll-tate .btn-fancy {
    width: max-content;
    max-width: max-content;
    margin: 0 auto;
}

#article .item-scroll-tate .btn-fancy .item-btn-fancy-link {
    color: #ffffff;
    font-weight: bold;
    font-size: 14px;
    padding: 10px 30px;
    text-decoration: none;
    margin: 0 auto 5px 0;
}

#article .item-scroll-tate .btn-fancy .item-btn-fancy-link::after {
    content: "";
    width: 20px;
    height: 20px;
    position: absolute;
    top: 50%;
    background-image: url(https://smartlog-stat2.imgix.net/images/hand_arrow_top_2.png);
    background-size: contain;
    background-repeat: no-repeat;
    animation: RotateLeft 1.5s linear infinite;
}

#article .item-scroll-tate .btn-fancy .item-btn-fancy-link .item-btn-fancy-r {
    font-size: 11px;
}

#article #article-caution-note {
    margin: 20px 0 20px 0; 
    background-color: #f1f1f1; 
    padding: 20px;
    display: flex;
}
#article #article-caution-note::before {
    content: "※";
    padding: 0;
    border: 0;
    margin-right: 10px;
}

#article #amazon-note {
    margin: 10px 0 10px 0; 
    color: #6C6C6C;
    font-size: 10px;
}
#article #amazon-note::before {
    content: "※";
    padding: 0;
    border: 0;
    margin-right: 10px;
}

.item-image-box {
    position: relative;
}

.item-image-link {
    color: #ffffff;
    position: absolute;
    bottom: 10px;
    right: 10px;
    background-color: #000000;
    opacity: 0.7;
    border: solid 1px #ffffff;
    border-radius: 15px;
    padding: 5px 10px;
    text-align: right;
    display: flex;
    justify-content: flex-end;
    width: 130px;
    margin: 10px 5px 10px auto;
    gap: 5px;
}

@media (min-width: 992px){
    .item-image-link {
        margin: 10px auto 10px 10px;
        left: 10px;
        bottom: 28px;
    }
}

.item-image-link-text {
    color: #ffffff;
    font-size: 12px;
    font-weight: bold;
}

.item-image-link-icon {
    transform: translateY(2px);
}

.swiper-button-next,
.swiper-button-prev {
    color: #fff !important;
    background-color: rgba(0,0,0,.5) !important;
    padding: 10px 20px;
    border-radius: 50%;
    width: 40px !important;
    height: 40px !important;
}
@media (min-width: 992px){
    .swiper-button-next,
    .swiper-button-prev {
        width: 60px !important;
        height: 60px !important;
    }
}
.swiper-button-next::after,
.swiper-button-prev::after {
    font-size: 14px !important;
}
@media (min-width: 992px){
    .swiper-button-next::after,
    .swiper-button-prev::after {
        font-size: 21px !important;
    }
}

.swiper-scrollbar {
    background: rgba(0, 0, 0, 0.1); /* スクロールバーの背景色（任意の色に変更） */
    height: 8px; /* 横スクロールバーの場合の高さ */
}

.swiper-scrollbar-drag {
}

.swiper-pagination-bullet-active {
    background-color: rgba(0,0,0,.5) !important;
}
.swiper-container {
    position: relative; 
    margin-bottom: 40px;
}

.gallery-box .swiper {
    background-color: #fff;
}
.gallery-box .swiper-slide {
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

.gallery-box .swiper-slide .slide-image.image-wide {
    max-width: 100%;
}
.gallery-box .swiper-slide .slide-image.image-tall {
    height: 100%;
}
.gallery-box .swiper-slide .slide-image.image-square {
    height: 100%; 
}

.swiper-slide.swiper-slide-double-tall {
    display: flex; 
    justify-content: space-evenly;
}

.swiper-slide.swiper-slide-double-tall .slide-image {
    height: 100%;
}

.swiper-slide.swiper-slide-double-wide {
    display: flex; 
    flex-direction: column;
    gap: 8px; 
}

.gallery-box .gallery-slider-title-box {
    display: flex; 
    justify-content: center; 
    margin-bottom: 15px;
}

@media (min-width: 992px){
    .gallery-box .gallery-slider-title-box {
        margin-bottom: 20px;
    }
}

.gallery-box .gallery-slider-title-text {
    font-size: 16px;
    font-weight: bold;
    color: #bf0000;
}

.gallery-box .gallery-slider-container {
    margin-bottom: 20px;
}

@media (min-width: 992px){
    .gallery-box .gallery-slider-container {
        margin-bottom: 40px;
    }
}

.gallery-box .swiper-gallery-slide {
    overflow: hidden;
}

.gallery-box .gallery-slider-container .slider-image-link {
    display: flex;
    flex-direction: column;
    height: 100%;
}
.gallery-box .gallery-slider-container .slider-image-link .slider-image-link-text{
    height: 32px;
    margin: 10px 0 20px 0;
    font-size: 11px;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
/*

 */