/*
SCSS variables are information about icon's compiled state, stored under its original file name

.icon-home {
  width: $icon-home-width;
}

The large array-like variables contain all information about a single icon
$icon-home: x y offset_x offset_y width height total_width total_height image_path;

At the bottom of this section, we provide information about the spritesheet itself
$spritesheet: width height image $spritesheet-sprites;
*/
/*
The provided mixins are intended to be used with the array-like variables

.icon-home {
  @include sprite-width($icon-home);
}

.icon-email {
  @include sprite($icon-email);
}
*/
/*
The `sprites` mixin generates identical output to the CSS template
  but can be overridden inside of SCSS

@include sprites($spritesheet-sprites);
*/
.page-article #mainContent
{
    overflow: hidden;

    margin-bottom:42px;
}

.page-article .mainContent-inner
{
    width: 630px;
}

.page-article .mainContent-inner #snapArea .snap-image-wrap
{
    position: relative;

    margin-bottom: 25px;
    margin-top : 30px;
}

.page-article .mainContent-inner #snapArea .snap-image-wrap #slide-snap
{
    position: relative;
    width: 576px;
    margin: 0 auto 24px;
}
.page-article .mainContent-inner #snapArea .snap-image-wrap #slide-snap li{
    width : 576px;
    display : table;

}
.page-article .mainContent-inner #snapArea .snap-image-wrap #slide-snap li img{
    vertical-align : middle;
    margin : 0 auto;
    max-height : 564px;
}

.page-article .mainContent-inner #snapArea .snap-image-wrap #slide-snap li .snap-image-box {
    width : 576px;
    height : 584px;
    -webkit-background-size: contain;
    background-size: contain;
    background-position: center top;
    background-repeat: no-repeat;
}



.page-article .mainContent-inner #snapArea .snap-image-wrap #slide-snap .snap-image.last
{
    position: relative;
    max-height : 564px;
    margin-top : -24px;
}

.page-article .mainContent-inner #snapArea .snap-image-wrap #slide-snap .snap-image.last .next-thumb
{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    margin: auto;

    background: rgba(0, 0, 0, .7);
}

.page-article .mainContent-inner #snapArea .snap-image-wrap #slide-snap .snap-image.last .next-thumb img
{
    position: absolute;
    top: 107px;
    right: 0;
    bottom: auto;
    left: 0;
}

.page-article .mainContent-inner #snapArea .snap-image-wrap #slide-snap .snap-image.last .next-thumb .txt
{
    font-size: 16px;
    font-weight: bold;
    line-height: 26px;

    position: absolute;
    top: 340px;
    right: 0;
    left: 0;

    overflow: hidden;

    width: 216px;
    height: 3em;
    margin: auto;

    color: #fff;
}

.page-article .mainContent-inner #snapArea .snap-image-wrap #slide-snap .snap-image.last .next-thumb .btn-next-snap
{
    line-height: 36px;

    position: absolute;
    top: 410px;
    right: 0;
    left: 0;

    display: block;

    width: 216px;
    height: 36px;
    margin: auto;

    text-align: center;

    color: #fff;
    border: 1px solid #fff;
}

.page-article .mainContent-inner #snapArea .snap-image-wrap .flex-caption
{
    font-size: 12px;
    position: relative;
    width: 85%;
    bottom:0;
    text-align: center;
    margin : 0 auto;
}
.page-article .mainContent-inner #snapArea .snap-image-wrap .flex-caption.alignleft
{
    text-align: left;
}
.page-article .mainContent-inner  #snapArea h1{
    display : inline;
}
.page-article .mainContent-inner  #snapArea .pager,
.page-article .mainContent-inner #snapArea .snap-image-wrap .pager
{
    font-size: 20px;
    text-align: center;
    letter-spacing: 1px;
}
.page-article .mainContent-inner  #snapArea .pager{
    margin-bottom : 0px;
    display:inline-block;
    margin-left : 10px;
}
.page-article .mainContent-inner  #snapArea .pager:before{
    content : "(";
}
.page-article .mainContent-inner  #snapArea .pager:after{
    content : ")";
}
.page-article .mainContent-inner  #snapArea  .pager .pager-active,
.page-article .mainContent-inner #snapArea .snap-image-wrap .pager .pager-active
{
    font-size: 28px;
}

.page-article .mainContent-inner #snapArea .snap-image-wrap .btn-prev
{
    top: 264px;
    left: -5px;
}

.page-article .mainContent-inner #snapArea .snap-image-wrap .btn-next
{
    top: 264px;
    right: -5px;
}
.page-article .flexslider .slides{
    margin : 0 auto;
    display : table;
    padding-left :12px;
}
.page-article .flexslider .slides > li{
    display : table-cell;
    width : 97px;
    border-right:12px solid transparent;
}
.page-article .mainContent-inner #snapArea .snap-image-wrap #thumb-snap
{
    width: 570px;
    height: 85px;
    margin: auto;
}

.page-article .mainContent-inner #snapArea .snap-image-wrap #thumb-snap .flex-viewport .slides
{
    height: 85px;
}
.page-article .mainContent-inner #snapArea .snap-image-wrap #thumb-snap .thumb
{
    position: relative;

    overflow: hidden;

    width: 97px;
    height: 85px;
    margin-right: 12px;
}

.page-article .mainContent-inner #snapArea .snap-image-wrap #thumb-snap .thumb:hover
{
    cursor: pointer;
    -webkit-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;

    opacity: .7;

    filter: alpha(opacity=70);
}

.page-article .mainContent-inner #snapArea .snap-image-wrap #thumb-snap .thumb img
{
    position: absolute;
    top: 0;
    right: -100%;
    left: -100%;

    width: 85px;
    height: auto;
    margin: auto;
}

.page-article .mainContent-inner #snapArea .snap-image-wrap #thumb-snap .thumb.last
{
    background: #000;
}

.page-article .mainContent-inner #snapArea .snap-image-wrap #thumb-snap .thumb.last img
{
    opacity: .3;

    filter: alpha(opacity=30);
}

.page-article .mainContent-inner #snapArea .snap-image-wrap #thumb-snap .thumb.last:after
{
    font-size: 12px;
    line-height: 85px;

    position: absolute;
    z-index: 10;
    right: 0;
    left: 0;

    margin: auto;

    content: 'NEXT';
    text-align: center;

    color: #fff;
}

.page-article .mainContent-inner #snapArea .snap-image-wrap #thumb-snap .flex-direction-nav
{
    position: relative;
}

.page-article .mainContent-inner #snapArea .snap-image-wrap #thumb-snap .flex-direction-nav .flex-nav-prev
{
    position: absolute;
    top: -85px;
    bottom: 0;
    left: -30px;

    margin: auto;
}

.page-article .mainContent-inner #snapArea .snap-image-wrap #thumb-snap .flex-direction-nav .flex-nav-prev .flex-prev
{
    width: 24px;
    height: 34px;

    background-image: url(/img/pc/common/sprites-common.png);
    background-position: -540px -127px;
}

.page-article .mainContent-inner #snapArea .snap-image-wrap #thumb-snap .flex-direction-nav .flex-nav-prev .flex-prev.flex-disabled
{
    display: none;
}

.page-article .mainContent-inner #snapArea .snap-image-wrap #thumb-snap .flex-direction-nav .flex-nav-next
{
    position: absolute;
    top: -85px;
    right: -30px;
    bottom: 0;

    margin: auto;
}

.page-article .mainContent-inner #snapArea .snap-image-wrap #thumb-snap .flex-direction-nav .flex-nav-next .flex-next
{
    width: 24px;
    height: 34px;

    background-image: url(/img/pc/common/sprites-common.png);
    background-position: -540px -303px;
}

.page-article .mainContent-inner #snapArea .snap-image-wrap #thumb-snap .flex-direction-nav .flex-nav-next .flex-next.flex-disabled
{
    display: none;
}
.page-article .mainContent-inner #snapArea .snap-detail-wrap .txt-related:first-child{
    margin-top : 30px;
}
.page-article .mainContent-inner #snapArea .snap-detail-wrap .txt-related:last-child{
    margin-bottom : 30px;
}

.page-article .mainContent-inner #snapArea .snap-detail-wrap .txt-related .txt-heading,
{
    font-size: 16px;
    font-weight: bold;
    line-height: 26px;
    margin-bottom: 12px;
}
.txt-related h3,
.txt-related h2{
    font-size: 18px;
    font-weight: bold;
    line-height: 26px;
    margin-bottom: 1em;
    margin-top:1em;
}
.txt-related h3{
    font-size:16px;
}
.txt-related pre,
 .txt-related div,
.txt-related p,
.txt-related .txt
{
    font-size: 15px;
    margin-bottom:1em;
     line-height:1.8;
}

.txt-related a
{
    font-weight: bold;
    text-decoration : underline;
}
.txt-related ul li,
.txt-related ol li{
    padding-left: 24px;
    margin-bottom : 0.5em;
}
.txt-related ul li a,
.txt-related ol li a{
    font-size: 15px;
    text-decoration : none;
    font-weight : normal;
}
.txt-related ul li a:hover,
.txt-related ol li a:hover
{
    text-decoration: underline;
}
.txt-related ol,
.txt-related ul
{
    font-size:15px;
    margin-bottom: 1.5em;
}
.txt-related ul li
{
    background: url(/img/pc/common/icon_related_01.png) no-repeat left 6px;
}
.txt-related ol li
{
    background: url(/img/pc/common/icon_related_02_01.png) no-repeat left 6px;
}
.txt-related ol li:nth-child(2)
{
    background: url(/img/pc/common/icon_related_02_02.png) no-repeat left 6px;
}
.txt-related ol li:nth-child(3)
{
    background: url(/img/pc/common/icon_related_02_03.png) no-repeat left 6px;
}
.txt-related ol li:nth-child(4){background: url(/img/pc/common/icon_related_4.png) no-repeat left 6px;}
.txt-related ol li:nth-child(5){background: url(/img/pc/common/icon_related_5.png) no-repeat left 6px;}
.txt-related ol li:nth-child(6){background: url(/img/pc/common/icon_related_6.png) no-repeat left 6px;}
.txt-related ol li:nth-child(7){background: url(/img/pc/common/icon_related_7.png) no-repeat left 6px;}
.txt-related ol li:nth-child(8){background: url(/img/pc/common/icon_related_8.png) no-repeat left 6px;}
.txt-related ol li:nth-child(9){background: url(/img/pc/common/icon_related_9.png) no-repeat left 6px;}
.txt-related ol li:nth-child(10){background: url(/img/pc/common/icon_related_10.png) no-repeat left 6px;}
.txt-related ol li:nth-child(11){background: url(/img/pc/common/icon_related_11.png) no-repeat left 6px;}
.txt-related ol li:nth-child(12){background: url(/img/pc/common/icon_related_12.png) no-repeat left 6px;}
.txt-related ol li:nth-child(13){background: url(/img/pc/common/icon_related_13.png) no-repeat left 6px;}
.txt-related ol li:nth-child(14){background: url(/img/pc/common/icon_related_14.png) no-repeat left 6px;}
.txt-related ol li:nth-child(15){background: url(/img/pc/common/icon_related_15.png) no-repeat left 6px;}
.txt-related ol li:nth-child(16){background: url(/img/pc/common/icon_related_16.png) no-repeat left 6px;}
.txt-related ol li:nth-child(17){background: url(/img/pc/common/icon_related_17.png) no-repeat left 6px;}
.txt-related ol li:nth-child(18){background: url(/img/pc/common/icon_related_18.png) no-repeat left 6px;}
.txt-related ol li:nth-child(19){background: url(/img/pc/common/icon_related_19.png) no-repeat left 6px;}
.txt-related ol li:nth-child(20){background: url(/img/pc/common/icon_related_20.png) no-repeat left 6px;}
.txt-related .information,
.page-article .mainContent-inner #snapArea .snap-detail-wrap .information
{
    position: relative;

    box-sizing: border-box;
    margin-top: 49px;
    padding: 30px 30px;

    border: 2px solid #000;
}
.txt-related ol.default-list,
.txt-related ol.default-list,
.txt-related ul.default-list,
.txt-related ul.default-list{
 	padding-left:24px;
 }
.txt-related ol.default-list li,
.txt-related ol.default-list li,
.txt-related ul.default-list li,
.txt-related ul.default-list li
 {
    background: none;
    list-style-type: inherit;
    list-style-position: outside;
    padding-left:0px;
}
/*------行間-------*/
.txt-related span[style*="font-size"][style*="0.8"],
.txt-related span[style*="font-size"][style*="0.667"]{
	display:inline-block;
}
.txt-related span[style*="font-size"][style*="8pt"],
.txt-related span[style*="font-size"][style*="6pt"],
.txt-related span[style*="font-size"][style*="0.4"],
.txt-related span[style*="font-size"][style*="0.533"]{
	display:inline-block;
	line-height:1.6;
}
.txt-related span[style*="font-size"][style*="0.714"],
.txt-related span[style*="font-size"][style*="0.857"],
.txt-related span[style*="font-size"][style*="9pt"],
.txt-related span[style*="font-size"][style*="10pt"]{
	display:inline-block;
	line-height:1.6;
}
/*-----行間END----*/
.txt-related .information .inner:after,
.page-article .mainContent-inner #snapArea .snap-detail-wrap .information .inner:after
{
    display: block;
    clear: both;

    content: '';
}

.txt-related hr{
	border-bottom:1px solid #000;
	display:block;
	margin-bottom:1em;
}

.page-article .mainContent-inner #snapArea .snap-detail-wrap .information .ttl-style-02
{
    font-size: 17px;
    font-weight: normal;

    position: absolute;
    top: -16px;
    right: 0;
    left: 0;

    width: 180px;
    margin: auto;
    padding: 0 30px;

    background: #fff;
}

.page-article .mainContent-inner #snapArea .snap-detail-wrap .information .clm-left
{
    display: table;
    float: left;

    width: 390px;
    height: 141px;
    margin:0;
}

.page-article .mainContent-inner #snapArea .snap-detail-wrap .information .clm-left div
{
    display: table-cell;
    vertical-align: middle;
}

.page-article .mainContent-inner #snapArea .snap-detail-wrap .information .clm-left div dl
{
    margin-bottom: 3px;
}

.page-article .mainContent-inner #snapArea .snap-detail-wrap .information .clm-left div dl dt,
.page-article .mainContent-inner #snapArea .snap-detail-wrap .information .clm-left div dl dd
{
    display: inline-block;
}

.page-article .mainContent-inner #snapArea .snap-detail-wrap .information .clm-right
{
    float: right;
    width: 140px;
    margin:0;
}

.page-article .mainContent-inner #snapArea .snap-detail-wrap .information .clm-right img
{
    width: 100%;
}

.page-article .mainContent-inner #snapArea .snap-detail-wrap .profile
{
    margin-top:42px;
    position :relative;
}

.page-article .mainContent-inner #snapArea .snap-detail-wrap .profile:after
{
    display: block;
    clear: both;
    content: '';
}

.page-article .mainContent-inner #snapArea .snap-detail-wrap .profile .clm-left
{
    position: absolute;
    width: 110px;
    height: 110px;
    top: 50%;
    left: 0px;
    padding: 0;
    margin: 0;
    transform: translate(0,-50%);
    -webkit-transform:translate(0,-50%);
    -o-transform:translate(0,-50%);
    -ms-transform:translate(0,-50%);
    -moz-transform:translate(0,-50%);
}

.page-article .mainContent-inner #snapArea .snap-detail-wrap .profile .clm-left img
{
    position: absolute;
    right: 0;
    bottom: 0;
}
.page-article .mainContent-inner #snapArea .snap-detail-wrap .profile .clm-left img.image-mask
{
    display:none;
}
.page-article .mainContent-inner #snapArea .snap-detail-wrap .profile .clm-left img.image-profile
{
    width: 110px;

    border-radius: 100%;
    border:1px solid #d7d7d7;
}

.page-article .mainContent-inner #snapArea .snap-detail-wrap .profile .clm-right
{
    width: 493px;
    position: relative;
    left: 138px;
}



.page-article .mainContent-inner #snapArea .snap-detail-wrap .profile .clm-right .name
{
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 6px;
}
.page-article .mainContent-inner #snapArea .snap-detail-wrap .profile .clm-right p.intro,
.page-article .mainContent-inner #snapArea .snap-detail-wrap .profile .clm-right p
{
    font-size: 14px;
    line-height: 1.8rem;
}
.page-article .mainContent-inner #snapArea .snap-detail-wrap .profile .clm-right .intro a{
    text-decoration : underline;
}
.page-article .mainContent-inner #snapArea .snap-detail-wrap .profile .clm-right .intro a:hover{
    text-decoration : none;
}
.page-article .mainContent-inner #snapArea .snap-detail-wrap .howtowear
{
    margin-bottom: 36px;
}

.page-article .mainContent-inner #snapArea .snap-detail-wrap .howtowear .inner:after
{
    display: block;
    clear: both;

    content: '';
}

.page-article .mainContent-inner #snapArea .snap-detail-wrap .howtowear .inner .ttl-howto
{
    margin-bottom: 18px;

    text-align: center;
}

.page-article .mainContent-inner #snapArea .snap-detail-wrap .howtowear .inner article
{
    float: left;

    width: 144px;
    margin-right: 14px;
}

.page-article .mainContent-inner #snapArea .snap-detail-wrap .howtowear .inner article:last-child
{
    margin-right: 0;
}

.page-article .mainContent-inner #snapArea .snap-detail-wrap .howtowear .inner article .link-wrap
{
    position: relative;

    display: block;

    margin-bottom: 15px;
}

.page-article .mainContent-inner #snapArea .snap-detail-wrap .howtowear .inner article .link-wrap .pic,
.page-article .mainContent-inner #snapArea .snap-detail-wrap .howtowear .inner article .link-wrap .txtarea
{
    width: 144px;
    height: 144px;
}

.page-article .mainContent-inner #snapArea .snap-detail-wrap .howtowear .inner article .link-wrap .txtarea
{
    position: absolute;
    top: 0;
    left: 0;

    -webkit-transition: opacity .3s linear;
    transition: opacity .3s linear;

    opacity: 0;
    background: rgba(255, 255, 0, .9);

    filter: alpha(opacity=0);
}

.page-article .mainContent-inner #snapArea .snap-detail-wrap .howtowear .inner article .link-wrap .txtarea a
{
    display: block;

    height: 100%;
}

.page-article .mainContent-inner #snapArea .snap-detail-wrap .howtowear .inner article .link-wrap .txtarea .btn-sns
{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    margin: auto;
}

.page-article .mainContent-inner #snapArea .snap-detail-wrap .howtowear .inner article .link-wrap:hover .txtarea
{
    opacity: 1;

    filter: alpha(opacity=100);
}

.page-article .mainContent-inner #snapArea .snap-detail-wrap .howtowear .inner article a
{
    display: block;
}
/* シンプルブログ　画像センター寄せ ugawa*/
.page-article .mainContent-inner  img.aligncenter{
    max-width : 70%;
    display:block;
    margin : 1.5rem auto;
}
.page-article #mainWrap{
    margin-bottom : 72px;
}

.page-article .mainContent-inner #snapArea .snap-detail-wrap .howtowear .inner article .txt
{
    overflow: hidden;
    height: 3em;
}
.page-article #recommendarea div.ttl-howto{
    width : 954px;
    padding : 40px 0;
    margin : 0 auto;
    text-align :center;
}
/*タブ切替ありブログタイトル*/
body#pc-018 .page-article #mainContent{
    margin-bottom : 42px;
}
body#pc-018 .page-article-picture .mainContent-inner .main-area .ttl-style-02{
    margin-bottom : 20px;
}
body#pc-018 .tags{
	margin-bottom:42px;
}
.snap-detail-wrap p.movie a{
	display:block;
	position:relative;
}
.snap-detail-wrap p.movie a:after{
    content:"";
    position: absolute;
    z-index: 10;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    -webkit-transform:translate(-50%,-50%);
    -o-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    -moz-transform:translate(-50%,-50%);
    width: 134px;
    height: 134px;
    margin: auto;
    -webkit-transition: opacity .3s linear;
    transition: opacity .3s linear;
    background-image: url(/img/pc/common/sprites-common.png);
    background-position: 0 -183px;
}

.snap-detail-wrap p.movie:hover
{
    cursor: pointer;
    opacity: .8;
    filter: alpha(opacity=80);
}

#snapArea > div > div.howtowear > div.js-circle {
    margin: 0 auto;
    display: table;
}
/*スナップ写真下GALLERY/SINGLEボタン*/
.snapPageNo.gallery a,
.bottomSnapNav li a{
    background-image:url(/img/pc/common/sprite-gallery.png);
    background-repeat:no-repeat;
    display:inline-block;
    line-height:50px;
    text-indent:99999em;
    position:absolute;
    border-right:1px solid #d7d7d7;
    padding-right:25px;
    font-size:1px;
    color:transparent;
}
.snapPageNo.gallery a.now,
.bottomSnapNav li:first-child a{
    background-position:0 -20px;
    width :24px;
    height:13px;
}
.snapPageNo.gallery a.now,
.bottomSnapNav li.now:first-child a{
    background-position:0 0px;
}

.bottomSnapNav li:last-child a{
    background-position:-50px -20px;
    width: 13px;
    height: 13px;
    border-right:0px;
}
.bottomSnapNav li.now:last-child a{
    background-position:-50px 0px;
}

/*ギャラリー画面でのヘッダー*/
.articleHeaderNav.galleryNav ul li:nth-child(2) ul{
    width : 240px;
    display :block;
}
.galleryNav ul li:nth-child(3) dl{
    width : 640px;
    text-align : right;
    height : 50px;
    padding-top : 13px;
}
.galleryNav ul li:nth-child(3) dl dd{
    display : inline-block;
    width : 40px;
    height : 20px;
    text-align : center;
    margin : 0;
}
.galleryNav ul li:nth-child(3) dl dd:first-child{
    width :20px;
}
.galleryNav ul li:nth-child(3) dl dd:nth-child(2){
    border-left : 1px solid  #d7d7d7;
    padding-left:10px;
}
.galleryNav ul li:nth-child(3) dl dd a{
    width : 20px;
    height : 20px;
    display : block;
    background:transparent url(/img/pc/common/sprite-gallery.png) no-repeat;
    background-position : -50px -20px;
    text-indent : -999999rem;
    color:transparent;
    font-size:1px;
    margin-top:3px;
}
.galleryNav ul li:nth-child(3) dl dd:first-child a{
    background-position : 0px -20px;
}
.galleryNav ul li:nth-child(3) dl dd:first-child a.now{
    background-position : 0px 0px;
}
.galleryNav ul li:nth-child(3) dl dd:nth-child(2) a{
    background-position : -50px -20px;
}

.galleryNav ul li:nth-child(3) dl dd:nth-child(2) a.now{
    background-position : -50px 0px;
}
.page-article .mainContent-inner #snapArea .snap-detail-wrap .profile .linklist{
}
.page-article .mainContent-inner #snapArea .snap-detail-wrap .profile .linklist a.checkit{
    text-decoration:underline;
}
/*.page-article .mainContent-inner #snapArea .snap-detail-wrap .profile .linklist a.checkit:after{
  content:"";
  background-image: url(/img/pc/common/sprite-profile.png);
  background-position : -5px -4px;
  width: 74px;
  height: 30px;
  position:relative;
  top:10px;
  right:0;
  display :inline-block;
  margin-left:10px;
}*/
.page-article .mainContent-inner #snapArea .snap-detail-wrap .profile .linklist ul{
    display :table;
    margin-top :15px;
}
.page-article .mainContent-inner #snapArea .snap-detail-wrap .profile .linklist ul li{
    display:table-cell;

}
.page-article .mainContent-inner #snapArea .snap-detail-wrap .profile .linklist ul li a{
    background-image: url(/img/pc/common/sprite-profile.png);
    display:block;
    overflow:hidden;
    text-indent : -9999rem;
    width : 37px;
    height:37px;
    margin-right:5px;
}
.page-article .mainContent-inner #snapArea .snap-detail-wrap .profile .linklist ul li a.official_web-link {
    background-position : 0px -43px;
}
.page-article .mainContent-inner #snapArea .snap-detail-wrap .profile .linklist ul li a.official_EC-link {
    background-position :-44px -43px;
}
.page-article .mainContent-inner #snapArea .snap-detail-wrap .profile .linklist ul li a.article-link {
    background-position :-88px -43px;
}
.page-article .mainContent-inner #snapArea .snap-detail-wrap .profile .linklist ul li a.fb-link {
    background-position :-134px -43px;
}
.page-article .mainContent-inner #snapArea .snap-detail-wrap .profile .linklist ul li a.twitter-link {
    background-position :-178px -43px;
}
.page-article .mainContent-inner #snapArea .snap-detail-wrap .profile .linklist ul li a.instagram-link {
    background-position :-222px -43px;
}
.page-article .mainContent-inner #snapArea .snap-detail-wrap .profile .linklist ul li a.snapchat-link {
    background-position :-267px -43px;
}
.page-article .mainContent-inner #snapArea .snap-detail-wrap .profile .linklist ul li a.line-link {
    background-position :-312px -43px;
}
.page-article .mainContent-inner #snapArea .snap-detail-wrap .profile .linklist ul li a.pinterest-link {
    background-position :-357px -43px;
}
.page-article .mainContent-inner #snapArea .snap-detail-wrap .profile .linklist ul li a.google-link {
    background-position :-401px -43px;
    width : 38px;
}
/*gallerModal*/
.mainContent-inner.fixed{
    position : relative;
}
#galleryModal{
    position :absolute;
    overflow:hidden;
    top :0px;
    left :0px;
    background-color :#fff;
    width : 100%;
    height : 100%;
    z-index:0;
}
.galleryPage{
    position:fixed;
    background-color :#f00;
}
/*galleryList*/
.gallerylist{
    width : 630px;
    margin-top: 30px;
}
.gallerylist .galleryMore, .gallerylist .galleryMoreViewability{
    background-color :rgba(255,255,255,1);
    position:relative;
    top:0px;
    margin-bottom :20px;
}
.gallerylist .galleryMore a, .gallerylist .galleryMoreViewability a{
    margin : 20px 0 40px 0;
    height : 36px;
    text-align:center;
    position:relative;
    display:inline-block;
    left: 50%;
    transform: translate(-50%,0);
    -moz-transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
    -o-transform: translate(-50%,0);
    -webkit-transform: translate(-50%,0);
}
.gallerylist .galleryMore a:after, .gallerylist .galleryMoreViewability a:after{
    content:"";
    left:17px;
    top:23px;
    width: 10px;
    height:10px;
    border-top: 1px solid #000;
    border-right: 1px solid #000;
    position :absolute;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    -o-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    transition-property:top;
    transition-timing-function:ease-in-out;
    transition-duration:0.1s;
}
.gallerylist .galleryMore a:hover:after, .gallerylist .galleryMoreViewability a:hover:after{
    top:26px;
}
.gallerylist ul{
    width :630px;
}
.gallerylist ul.row{
    display:none;
}
.gallerylist ul.row:first-child{
    display : block;
}
.gallerylist ul li ul{
    display : table;
    margin-top : 2px;
}
.gallerylist ul li ul li{
    display : table-cell;
    border-right:2px solid transparent;
    width : 157px;
}
.gallerylist ul li img{
    width : 155px;
    height:155px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #efefef;
}
.main-area{
	padding-top:20px;
	padding-bottom:42px;
}

/*新スナップイメージ*/
.snapSliderWrapper{
    width  : 630px;
    overflow:hidden;
    margin-top :30px;
    position:relative;
}
.snapSliderWrapper div.snapSlider{
    width : 630px;
    position : relative;
}
.snapSliderWrapper div.snapPageNo{
    background-color :#e1e1e1;
    width : 90px;
    height : 40px;
    position:absolute;
    top:590px;
    right:0;
    z-index:9;
    color:#fff;
    font-size:12px;
    text-align:center;
}

.snapPageNo.gallery a{
    border-right:0px;
    position: absolute;
    display:inline-block;
    top:14px;
    left:9px;
    line-height :13px;
    width:100px;
}
.snapPageNo.gallery  span{
    line-height :40px;
    display:inline-block;
}
.slider-btn .btn-prev{
    background-image:url(/img/pc/article/gallery_arrow_left.png);
    background-size : 12px auto;
    background-position :center;
}

.slider-btn .btn-next{
    background-image:url(/img/pc/article/gallery_arrow_right.png);
    background-size : 12px auto;
    background-position :center;
}
.snapSliderWrapper div.snapPageNo.galleryList{
background-color: #fff;
    width: 60px;
    height: 20px;
    top: 50%;
    color: #000;
    font-size: 12px;
    line-height: 12px;
    left: 50%;
    transform: translate(-50%,-30%);
    -webkit-transform: translate(-50%,-30%);
    -ms-transform: translate(-50%,-30%);
    -o-transform: translate(-50%,-30%);
    -moz-transform: translate(-50%,-30%);
}
.snapSliderWrapper div.snapPageNo span.imageNo{
    font-size:28px;
    padding-right:4px;
    padding-left:24px;
}
.snapSliderWrapper div.snapPageNo.galleryList span.imageNo{
    padding:0px;
}
body.gallery-page .snapSliderWrapper div.snapPageNo{
    width : 70px;
}

body.gallery-page .snapSliderWrapper div.snapPageNo span.imageNo{
    padding-left : 0px;
}
.snapSliderWrapper div.snapPageNo span.imageAllNum{
    font-size:14px;
    padding-left:4px;
}
.snapSliderWrapper div.snapSlider div.snapPageNo span.imageAllNum
.snapSliderWrapper div.snapThumbs div.slider-btn,
.snapSliderWrapper div.snapSlider div.slider-btn{
    background-color :rgba(255,255,255,0);
    height : 85px;
    width : 25px;
    position : absolute;
    vertical-align :middle;
    z-index:10;
    cursor:pointer;
    transition-property:background-color;
    transition-timing-function:ease-out;
    transition-duration:0.8s;
}

.snapSliderWrapper div.snapSlider div.slider-btn.over{
    background-color :rgba(255,255,255,0.5);
}
.snapSliderWrapper div.snapSlider div.slider-btn{
    height : 630px;
}
.snapSliderWrapper div.snapThumbs div.slider-btn:last-child,
.snapSliderWrapper div.snapSlider div.slider-btn:last-child{
    position : absolute;
    right : 0;
    top:0;
    z-index:2;
}
.snapSliderWrapper div.snapThumbs div.slider-btn:last-child,
.snapSliderWrapper div.snapThumbs div.slider-btn{
    top:0px;
    background-color:#fff;
    position:absolute;
    width:25px;
    height:85px;
    border:1px solid #fff;
}
.snapSliderWrapper div.slider-btn a{
    position : absolute;
    width:25px;
    top:50%;
    transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
}

.snapSliderWrapper ul{
    display : table;
    vertical-align : middle;
    position : relative;
    left:0px;
    top:0px;
}

.snapSliderWrapper ul li{
    display : table-cell;
    cursor:pointer;
    width:630px;
    text-align:center;
    vertical-align:middle;
    position:relative;
    z-index:2;
}
.snapSliderWrapper ul li div.snapImageWrapper{
    position:relative;
    height:658px;
}
.snapSliderWrapper ul.single-images{
}
.snapSliderWrapper ul.single-images li.animated{
    opacity: 1;
    position: relative;
    left: -630px;
    height: 630px;
    z-index: 2;
    top: 0px;
    transition:opacity 0.3s ease-out;
}

.snapSliderWrapper ul.single-images li.animated.hideAnime{
    opacity: 0;

}
.snapSliderWrapper ul.single-images li:after{
    content:"";
    position:absolute;
    top:0px;
    left:0px;
    width:630px;
    height:630px;
    background: #e4e4e4 url(/img/pc/common/loading.gif) no-repeat center center;
    z-index:0;
}
.snapSliderWrapper ul.single-images li img{
    position:absolute;
    top:0px;
    left:0px;
    z-index:5;
    width:630px;
    height:auto;
    background-size : contain;
    background-repeat:no-repeat;
    background-position :center center;
    /*opacity:0;*/
}
.snapSliderWrapper ul li p{
    width : 630px;
    margin : 0 auto;
    padding:0px 22px;
    font-size:12px;
    background-color:#fff;
    position:relative;
    top:637px;
    max-height: 4.2rem;
    min-height:1.6rem;
    overflow-y: hidden;
}
.snapSliderWrapper ul li p.caption{
	color:#484848;
}
.snapSliderWrapper ul.single-images li p{
    opacity:0;
}
.snapSliderWrapper div.snapThumbs{
    position :relative;
}
.snapSliderWrapper ul.thumbnails{
    display : table;
    margin : 0px auto 0 auto;
}
.snapSliderWrapper div.thumbWrapper{
    width : 570px;
    overflow:hidden;
    margin : 0 auto;
    height : 105px;

}
.snapSliderWrapper ul.thumbnail{
    transition-duration:0.2s;
    transition-timing-function:ease-in-out;
    transition-property:left;
}
.snapSliderWrapper ul.thumbnails li{
    display:table-cell;
    height :85px;
    width:85px;
    overflow:hidden;
    text-align :center;
    vertical-align:middle;
    border-right:6px solid transparent;
    border-left:6px solid transparent;
    position:relative;
    top:0px;
    left:0px;

}
.snapSliderWrapper ul.thumbnails li:first-child{
    border-left:0px;
}
.snapSliderWrapper ul.thumbnails li img{
    display :block;
    position:relative;
    top:0px;
    left:0px;
    z-index:5;
    width:85px;
    height:auto;
    opacity:0;
}
.snapSliderWrapper ul.thumbnails li.now:before{
    content:"";
    position:absolute;
    width:85px;
    height:85px;
    z-index:3;
    background-color :rgba(255,255,255,0.6);
    top:0;
    display:block;
    z-index:6;
}

.snapSliderWrapper ul.thumbnails li div.thumb{
    width:85px;
    height:85px;
    display:block;
    background: #e4e4e4 url(/img/pc/common/loading.gif) no-repeat center center;
}

.snapSliderWrapper div.snapGalleryList{
    position : absolute;
    top:0;
    left:0;
    width:100%;
    background-color :rgba(255,255,255,1);
    z-index:15;
}
.snapSliderWrapper div.snapGalleryList ul{
    width : 632px;
    height:632px;
    background-color :#f7f7f7;
}
.snapSliderWrapper div.snapGalleryList ul li{
    display:block;
    float:left;
    width:158px;
    height:158px;
    position : relative;
}
.snapSliderWrapper div.snapGalleryList ul li.las{
    width : 156px;

}
.snapSliderWrapper div.snapGalleryList ul li img{
    position : absolute;
    top:0px;
    left:0px;
    background-size: contain;
    background-position:center center;
    background-repeat:no-repeat;
}
.snapSliderWrapper div.snapGalleryList ul li a{
    width:156px;
    height:156px;
    background-color :#e4e4e4;
    display:block;
}
.snapSliderWrapper div.snapGalleryList div.imageNo{
    position :absolute;
    top:0;
    width : 156px;
    line-height:150px;
    font-size:12px;
    opacity:1;
    transition-property:opacity;
    transition-timing-function:ease-out;
    transition-duration:0.2s;
    background-color:rgba(255,255,255,0.6);
}
.snapSliderWrapper div.snapGalleryList div.imageNo.hide{
    opacity:0;
}
.snapSliderWrapper div.snapGalleryList div.imageNo span{
    font-size:28px;
}

.snapSliderWrapper div.arrowWrapeer{
width: 120px;
    height: 30px;
    margin: 0 auto;
    position: relative;
    z-index: 0;
    top: 50%;
    transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
}
.snapSlider .attention{
    position : absolute;
    top : 265px;
    left: 165px;
    background-color : rgba(255,255,255,0.5);
    display:table;
    z-index:20;
    height :100px;
    width : 300px;
    opacity:1;
    transition-property:opacity;
    transition-duration : 0.3s;
    transition-timing-function :ease-in-out;
    pointer-events: none;
}
.snapSlider .attention p{
    display : table-cell;
    vertical-align : middle;
    text-align : center;
}
.snapGalleryList  div.arrow{
    position : relative;
    top:0;
}
.snapGalleryList .btn-next{
    right:2px;
}
body.gallery-page .navs.bottom .articleNav{
    width : 310px;
    margin : 0;
    height:50px;
}
body.gallery-page .navs.bottom .articleNav ul{
    width : 310px;
    position:absolute;
}

.mod-content .share-box.bottom{
    background : none;
    margin-top:20px;
}
.mod-content .share-box.bottom ul li:nth-child(2) ul{
    top:25px;
    height :35px;
}
.mod-content .share-box .bottomSnapNav dl{
    height: 50px;
    vertical-align: middle;
    clear:both;
    zoom:1;
    overflow:hidden;
}
.mod-content .share-box .bottomSnapNav dl dt,
.mod-content .share-box .bottomSnapNav dl dd{
    float:left;
    height: 50px;
    margin-right:0px;
}
.mod-content .share-box .bottomSnapNav dl dt{
    width : 128px;
    background: url(/img/pc/article/txt_share_photo.png) no-repeat left center;
    height :34px;
}
.mod-content .share-box .bottomSnapNav dl dd a{
    display:block;
    width : 34px;
    height : 34px;
    margin-right :12px;
    margin-left:0;
    overflow:hidden;
    color :transparent;
    text-indent : 999999px;
    font-size :1px;
}
.mod-content .share-box .bottomSnapNav dl dd .btn-fb
{
    background: url(/img/pc/common/btn_fb.png) no-repeat left top;
    background-size: 100% auto;
}

.mod-content .share-box .bottomSnapNav dl dd .btn-tw
{
    background: url(/img/pc/common/btn_tw.png) no-repeat left top;
    background-size: 100% auto;

}

.mod-content .share-box .bottomSnapNav dl dd .btn-gp
{
    background: url(/img/pc/common/btn_ln.png) no-repeat left top;
    background-size: 100% auto;

}

.mod-content .share-box .bottomSnapNav dl dd .btn-pr
{
    background: url(/img/pc/common/btn_pr.png) no-repeat left top;
    background-size: 100% auto;

}

.mod-content .share-box .bottomSnapNav dl dd:last-child
{
    margin-right: 0;
}
.mod-content .mainContent-inner .article-pager
{
    width: 630px;
}

.mod-content .mainContent-inner .article-pager ul
{
    display: table;

    margin: auto;
}

.mod-content .article-pager ul li
{
    display: table-cell;
}

.mod-content .article-pager ul li a
{
    line-height: 34px;

    display: block;

    box-sizing: border-box;
    width: 36px;
    height: 36px;
    margin: 0 4px;

    text-align: center;

    border: 1px solid #d7d7d7;
}

.mod-content .article-pager ul li a.article-pager-left
{
    margin: 0 15px 0 0;

    background: url(/img/pc/common/arrow_pagination_left.png) no-repeat center center;
}

.mod-content .article-pager ul li a.article-pager-right
{
    margin: 0 0 0 15px;

    background: url(/img/pc/common/arrow_pagination_right.png) no-repeat center center;
}

.mod-content .article-pager ul li.current a
{
    background: #ededed;
}

.mod-content .article-pager ul li a.article-pager-left,
.mod-content .article-pager ul li a.article-pager-right
{
    display: block;
    overflow: hidden;

    text-indent: -9999px;

    background-repeat: no-repeat;
}

.bottomSnapNav a{
	transition:none;
}

/*Add 2019-01*/
#mainWrap .video-vertical {
    position: relative;
    width: 100%;
    margin: 0;
    padding-top: 133.3%;
}

#mainWrap .video-vertical iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
}