@import"https://fonts.googleapis.com/earlyaccess/notosansjapanese.css";
@import"https://fonts.googleapis.com/css?family=Quicksand:400,700";
@import"https://fonts.googleapis.com/css?family=Cormorant:300,400,700";
@import"https://fonts.googleapis.com/css?family=Noto+Sans";
@charset "UTF-8";
*,
*:before,
*:after {
    border: 0;
    box-sizing: border-box;
    margin: 0;
    outline: 0;
    padding: 0;
    color: inherit;
    font-size: 100%;
    font: inherit;
    text-decoration: none;
    vertical-align: baseline
}

article,
aside,
details,
dialog,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section {
    display: block
}

audio,
canvas,
video {
    display: inline-block
}

body {
    font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%
}

br,
hr {
    display: block
}

ol,
ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none
}

input,
select {
    vertical-align: middle
}

img {
    vertical-align: top
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    empty-cells: show
}

.taL {
    text-align: left!important
}

.taR {
    text-align: right!important
}

.taC {
    text-align: center!importantf
}

.txXS {
    font-size: 10rem!important
}

.txSS {
    font-size: 11rem!important
}

.txS {
    font-size: 12rem!important
}

.txM {
    font-size: 13rem!important
}

.txL {
    font-size: 16rem!important
}

.txLL {
    font-size: 18rem!important
}

.txXL {
    font-size: 20rem!important
}

.noMargin {
    margin: 0!important
}

.noPadding {
    padding: 0!important
}

.mt0 {
    margin-top: 0!important
}

.mb0 {
    margin-bottom: 0!important
}

.pt0 {
    padding-top: 0!important
}

.pb0 {
    padding-bottom: 0!important
}

.mt5 {
    margin-top: 5px!important
}

.mb5 {
    margin-bottom: 5px!important
}

.pt5 {
    padding-top: 5px!important
}

.pb5 {
    padding-bottom: 5px!important
}

.mt10 {
    margin-top: 10px!important
}

.mb10 {
    margin-bottom: 10px!important
}

.pt10 {
    padding-top: 10px!important
}

.pb10 {
    padding-bottom: 10px!important
}

.mt15 {
    margin-top: 15px!important
}

.mb15 {
    margin-bottom: 15px!important
}

.pt15 {
    padding-top: 15px!important
}

.pb15 {
    padding-bottom: 15px!important
}

.mt20 {
    margin-top: 20px!important
}

.mb20 {
    margin-bottom: 20px!important
}

.pt20 {
    padding-top: 20px!important
}

.pb20 {
    padding-bottom: 20px!important
}

.mt25 {
    margin-top: 25px!important
}

.mb25 {
    margin-bottom: 25px!important
}

.pt25 {
    padding-top: 25px!important
}

.pb25 {
    padding-bottom: 25px!important
}

.mt30 {
    margin-top: 30px!important
}

.mb30 {
    margin-bottom: 30px!important
}

.pt30 {
    padding-top: 30px!important
}

.pb30 {
    padding-bottom: 30px!important
}

.mt35 {
    margin-top: 35px!important
}

.mb35 {
    margin-bottom: 35px!important
}

.pt35 {
    padding-top: 35px!important
}

.pb35 {
    padding-bottom: 35px!important
}

.mt40 {
    margin-top: 40px!important
}

.mb40 {
    margin-bottom: 40px!important
}

.pt40 {
    padding-top: 40px!important
}

.pb40 {
    padding-bottom: 40px!important
}

.mt45 {
    margin-top: 45px!important
}

.mb45 {
    margin-bottom: 45px!important
}

.pt45 {
    padding-top: 45px!important
}

.pb45 {
    padding-bottom: 45px!important
}

.mt50 {
    margin-top: 50px!important
}

.mb50 {
    margin-bottom: 50px!important
}

.pt50 {
    padding-top: 50px!important
}

.pb50 {
    padding-bottom: 50px!important
}

.red {
    color: red!important
}

.quick {
    font-family: Quicksand!important
}

.cormo {
    font-family: Cormorant!important
}

.bold {
    font-weight: 700
}

.clr {
    clear: both
}

.clearfix:after {
    content: "";
    display: block;
    clear: both
}

.wide-only {
    display: none
}

@media only screen and (max-width:768px) {
    .pc-only {
        display: none
    }
}

.sp-only {
    display: none
}

@media only screen and (max-width:768px) {
    .sp-only {
        display: block
    }
}

body {
    margin: 0
}

@media screen and (min-width:768px),
print {
    .instax_share {
        min-width: 1040px
    }
}

.instax_share ul,
.instax_share ol {
    font-size: 13px
}

.instax_share footer {
    margin-top: 0
}

.instax_share main {
    font-family: Noto Sans Japanese, "游ゴシック体", Yu Gothic, YuGothic, Helvetica, Arial, Hiragino Kaku Gothic ProN, "ヒラギノ角ゴ ProN W3", Meiryo, "メイリオ", sans-serif;
    line-height: 1.5;
    font-size: 14px
}

@media screen and (max-width:767px),
print {
    .instax_share main img {
        width: 100%
    }
}

.instax_share main section .inner {
    max-width: 1040px;
    width: 100%;
    margin: 0 auto
}

.instaxshare_header {
    position: relative;
    background: rgba(51, 51, 51, .9);
    z-index: 2
}

@media screen and (min-width:768px),
print {
    .instaxshare_header {
        height: 100px;
        min-width: 1040px
    }
}

@media screen and (max-width:767px),
print {
    .instaxshare_header {
        height: 64px
    }
}

@media screen and (min-width:768px),
print {
    .instaxshare_header .inner {
        max-width: 1280px;
        min-width: 900px;
        margin: 0 auto;
        position: relative
    }
}

.instaxshare_header h1 {
    display: block;
    box-sizing: content-box
}

@media screen and (min-width:768px),
print {
    .instaxshare_header h1 {
        width: 174px;
        padding: 25px 0 0 40px
    }
}

@media screen and (max-width:767px),
print {
    .instaxshare_header h1 {
        width: 132px;
        padding: 12px 0 0 15px
    }
}

.instaxshare_header h1 a {
    display: block
}

.instaxshare_header h1 img {
    width: 100%
}

.instaxshare_header h1 img.ennav {
    margin-top: 8px
}

@media screen and (min-width:768px),
print {
    .instaxshare_header h1 img.ennav {
        width: 198px
    }
}

.instaxshare_header .instaxshare_nav {
    position: absolute
}

@media screen and (min-width:768px),
print {
    .instaxshare_header .instaxshare_nav {
        top: 0;
        right: 352px;
        display: block!important
    }
}

@media screen and (max-width:767px),
print {
    .instaxshare_header .instaxshare_nav {
        width: 100%;
        top: 64px;
        display: none;
        background: rgba(51, 51, 51, .9)
    }
}

@media screen and (min-width:768px),
print {
    .instaxshare_header .instaxshare_nav li {
        display: inline-block
    }
}

@media screen and (max-width:767px),
print {
    .instaxshare_header .instaxshare_nav li {
        border-top: 1px solid #fff
    }
}

.instaxshare_header .instaxshare_nav li a {
    display: block;
    color: #fff;
    overflow: hidden
}

@media screen and (min-width:768px),
print {
    .instaxshare_header .instaxshare_nav li a {
        text-align: center;
        padding: 0 35px;
        border-right: 1px solid #fff;
        height: 36px;
        margin-top: 32px
    }
    .instaxshare_header .instaxshare_nav li:nth-last-child(2) a {
        border-right: none;
    }
}

@media screen and (max-width:767px),
print {
    .instaxshare_header .instaxshare_nav li a {
        padding: 15px
    }
}

.instaxshare_header .instaxshare_nav li a p {
    display: block
}

@media screen and (min-width:768px),
print {
    .instaxshare_header .instaxshare_nav li a p {
        font-size: 15px;
        letter-spacing: .05em
    }
}

@media screen and (max-width:767px),
print {
    .instaxshare_header .instaxshare_nav li a p {
        font-size: 14px;
        float: left
    }
}

.instaxshare_header .instaxshare_nav li a p.ennav {
    font-family: Quicksand;
    font-size: 18px;
    font-weight: 600;
    margin-top: 5px
}

@media screen and (max-width:767px),
print {
    .instaxshare_header .instaxshare_nav li a p.ennav {
        text-align: center;
        width: 100%
    }
}

.instaxshare_header .instaxshare_nav li a span {
    font-size: 12px;
    display: block;
    font-family: Quicksand;
    letter-spacing: .1em
}

@media screen and (max-width:767px),
print {
    .instaxshare_header .instaxshare_nav li a span {
        float: right
    }
}

.instaxshare_header .sns {
    position: absolute;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

@media screen and (min-width:768px),
print {
    .instaxshare_header .sns {
        right: 40px;
        top: 36px
    }
    .instaxshare_header .sns:after {
        content: "SHARE:";
        font-size: 12px;
        font-family: Quicksand;
        position: absolute;
        left: -65px;
        top: 50%;
        -webkit-transform: translate(0, -45%);
        transform: translate(0, -45%);
        color: #fff;
        font-weight: 700;
        letter-spacing: .2em
    }
}

@media screen and (max-width:767px),
print {
    .instaxshare_header .sns {
        right: 60px;
        top: 21px
    }
}

.instaxshare_header .sns div {
    overflow: hidden;
    border-radius: 3px
}

@media screen and (min-width:768px),
print {
    .instaxshare_header .sns div {
        width: 28px;
        height: 28px;
        margin-right: 9px
    }
}

@media screen and (max-width:767px),
print {
    .instaxshare_header .sns div {
        width: 22px;
        height: 22px;
        margin-right: 7px
    }
}

@media screen and (min-width:768px),
print {
    .instaxshare_header .sns svg {
        width: 28px;
        height: 28px
    }
}

@media screen and (max-width:767px),
print {
    .instaxshare_header .sns svg {
        width: 22px;
        height: 22px
    }
}

.instaxshare_header .sns path {
    fill: #fff
}

.instaxshare_header .sns .fb {
    background: #3b5998
}

@media screen and (min-width:768px),
print {
    .instaxshare_header .sns .fb svg {
        padding: 4px
    }
}

@media screen and (max-width:767px),
print {
    .instaxshare_header .sns .fb svg {
        padding: 3px
    }
}

.instaxshare_header .sns .tw {
    background: #1da1f2
}

@media screen and (min-width:768px),
print {
    .instaxshare_header .sns .tw svg {
        padding: 4px
    }
}

@media screen and (max-width:767px),
print {
    .instaxshare_header .sns .tw svg {
        padding: 3px
    }
}

.instaxshare_header .sns .li {
    background: #00b900
}

@media screen and (min-width:768px),
print {
    .instaxshare_header .sns .li {
        display: none
    }
}

@media screen and (max-width:767px),
print {
    .instaxshare_header .sns .li svg {
        padding: 4px
    }
}

.instaxshare_header .instaxshare_menu {
    z-index: 20000;
    position: absolute;
    top: 0;
    right: 0;
    width: 50px;
    height: 64px;
    cursor: pointer
}

@media screen and (min-width:768px),
print {
    .instaxshare_header .instaxshare_menu {
        display: none
    }
}

.instaxshare_header .instaxshare_menu:after {
    content: "";
    width: 1px;
    height: 32px;
    background: #7d7d7d;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -16px
}

.instaxshare_header .instaxshare_menu>span {
    position: absolute;
    left: 0;
    right: 0;
    width: 18px;
    height: 2px;
    margin: 0 auto;
    background: #fff;
    transition: .25s
}

.instaxshare_header .instaxshare_menu>span:nth-child(1) {
    top: 23px
}

.instaxshare_header .instaxshare_menu>span:nth-child(2) {
    top: 32px;
    width: 11px;
    margin: 0;
    left: auto;
    right: 16px
}

.instaxshare_header .instaxshare_menu>span:nth-child(3) {
    top: 40px
}

.instaxshare_header .instaxshare_menu.on span:nth-child(1) {
    top: 32px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.instaxshare_header .instaxshare_menu.on span:nth-child(2) {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.instaxshare_header .instaxshare_menu.on span:nth-child(3) {
    top: 32px;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg)
}

.zh .instaxshare_header .sns {
    position: absolute;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

@media screen and (min-width:768px),
print {
    .zh .instaxshare_header .sns:after {
        content: "分享至:"
    }
}

#sp2 {
    display: none
}

#sp2.on {
    display: block
}

#sp3 {
    display: none
}

#sp3.on {
    display: block
}

.box {
    position: relative;
    letter-spacing: .05em
}

@media screen and (min-width:768px),
print {
    .box {
        padding-top: 72px
    }
}

.box .inner {
    position: relative;
    z-index: 1
}

.box .inner>p {
    padding: 0 16px;
    line-height: 1.8
}

.box h4 {
    text-align: center
}

.box h4 b {
    display: block
}

@media screen and (max-width:767px),
print {
    .box h4 b {
        font-size: 20px
    }
}

.box h4 img {
    width: 73px
}

.box h4 span {
    font-size: 12px;
    display: block;
    font-family: Quicksand;
    color: #999;
    letter-spacing: .1em;
    font-weight: 700
}

@media screen and (min-width:768px),
print {
    .box h4 span {
        margin-top: 25px
    }
}

@media screen and (max-width:767px),
print {
    .box h4 span {
        margin-top: 15px
    }
}

.box h3 {
    text-align: center;
    font-weight: 700;
    margin: 20px 0 55px;
    position: relative;
    font-family: Cormorant, Noto Sans Japanese, "游ゴシック体", Yu Gothic, YuGothic, Helvetica, Arial, Hiragino Kaku Gothic ProN, "ヒラギノ角ゴ ProN W3", Meiryo, "メイリオ", sans-serif
}

@media screen and (min-width:768px),
print {
    .box h3 {
        font-size: 32px
    }
    .box h3+p {
        text-align: center
    }
}

@media screen and (max-width:767px),
print {
    .box h3 {
        font-size: 20px
    }
}

.box h3:after {
    content: "";
    width: 48px;
    height: 4px;
    background: url(../img/top/line.png) no-repeat top center;
    background-size: cover;
    position: absolute;
    bottom: -30px;
    left: 0;
    right: 0;
    margin: 0 auto
}

.box h5 {
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    line-height: 1.8
}

@media screen and (min-width:768px),
print {
    .box h5 {
        font-size: 20px;
        margin: 0 0 30px;
        letter-spacing: .1em;
        display: inline-block;
        padding: 15px 40px
    }
}

@media screen and (max-width:767px),
print {
    .box h5 {
        padding: 15px 0;
        font-weight: 700;
        font-size: 16px;
        margin: 0 0 16px
    }
}

.box h6 {
    position: relative;
    font-weight: 700;
    text-align: center;
    display: inline-block;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    margin: 0 auto;
    letter-spacing: .05em
}

@media screen and (min-width:768px),
print {
    .box h6 {
        font-size: 40px
    }
}

@media screen and (max-width:767px),
print {
    .box h6 {
        font-size: 24px
    }
}

.box h6:before {
    content: "";
    width: 80%;
    height: 4px;
    background: url(../img/top/line.png) repeat-x top center;
    background-size: 48px;
    position: absolute;
    z-index: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    top: 1.1em
}

.box h6 p {
    position: relative;
    z-index: 1;
    font-family: Quicksand
}

.box h6 span {
    display: block;
    font-weight: 400;
    margin-top: 5px
}

@media screen and (min-width:768px),
print {
    .box h6 span {
        font-size: 12px
    }
}

@media screen and (max-width:767px),
print {
    .box h6 span {
        font-size: 10px;
        margin-top: 15px
    }
}

.ru .quick {
    font-family: Noto Sans!important
}

.ru .instaxshare_news {
    font-family: Noto Sans;
    font-weight: 400
}

.ru #sp3 {
    font-family: Noto Sans;
    font-weight: 400
}

.ru #sp3 .instaxshare_rich_main h5 {
    font-family: Cormorant
}

.ru #sp3 .box h3 {
    letter-spacing: .05em
}

.ru #sp2 {
    font-family: Noto Sans;
    font-weight: 400
}

.ru #sp2 .box h6 p {
    font-family: Noto Sans!important
}

@media screen and (min-width:768px),
print {
    #sp3 .box:before {
        content: "";
        position: absolute;
        z-index: 0;
        width: 100%;
        height: 577px;
        top: 0;
        left: 0;
        background: #1a181b
    }
}

#sp3 .box h4,
#sp3 .box h3,
#sp3 .box h5,
#sp3 .box p {
    color: #fff;
    position: relative;
    z-index: 1;
    line-height: 2
}

#sp3 .box h4 {
    font-family: Cormorant
}

@media screen and (min-width:768px),
print {
    #sp3 .box h4 b {
        font-size: 64px;
        font-weight: 300;
        line-height: 1
    }
}

@media screen and (max-width:767px),
print {
    #sp3 .box h4 b {
        font-size: 48px;
        line-height: .7
    }
}

#sp3 .box h4 span {
    font-family: Cormorant;
    letter-spacing: .1em
}

@media screen and (min-width:768px),
print {
    #sp3 .box h4 span {
        margin-top: 5px;
        font-size: 16px;
        font-weight: 300
    }
}

@media screen and (max-width:767px),
print {
    #sp3 .box h4 span {
        font-size: 12px
    }
}

#sp3 .box h3 {
    font-weight: 400;
    letter-spacing: .1em
}

@media screen and (min-width:768px),
print {
    #sp3 .box h3 {
        font-size: 32px;
        font-weight: 200;
        letter-spacing: .2em;
        margin-top: 15px
    }
}

@media screen and (max-width:767px),
print {
    #sp3 .box h3 {
        margin-top: 25px
    }
}

#sp3 .box h3:after {
    content: "";
    width: 108px;
    height: 1px;
    background: linear-gradient(to right, #1a181b 0, white 51%, #1a181b 100%)
}

#sp3 .box h6 {
    color: #1a181b;
    font-family: Cormorant;
    margin-bottom: 30px;
    padding: 0 25px;
    display: inline-block;
    position: relative;
    line-height: 1
}

@media screen and (min-width:768px),
print {
    #sp3 .box h6 {
        left: auto;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        font-size: 32px
    }
}

@media screen and (max-width:767px),
print {
    #sp3 .box h6 {
        font-size: 24px
    }
}

#sp3 .box h6:before {
    content: "";
    width: 1px;
    height: 1em;
    background: #1a181b;
    position: absolute;
    left: 0;
    top: 0
}

#sp3 .box h6:after {
    content: "";
    width: 1px;
    height: .8em;
    background: #1a181b;
    position: absolute;
    right: 0;
    top: 4px
}

#sp3 .box h6 span {
    font-family: Noto Sans Japanese, "游ゴシック体", Yu Gothic, YuGothic, Helvetica, Arial, Hiragino Kaku Gothic ProN, "ヒラギノ角ゴ ProN W3", Meiryo, "メイリオ", sans-serif
}

@media screen and (min-width:768px),
print {
    #sp3 .box h6 span {
        font-size: 12px;
        margin-top: 15px
    }
}

@media screen and (max-width:767px),
print {
    #sp3 .box h6 span {
        font-size: 12px
    }
}

.btn_more {
    border: 2px solid #333;
    text-align: center;
    border-radius: 48px;
    display: block;
    height: 48px;
    background: #333;
    cursor: pointer;
    position: relative
}

@media screen and (min-width:768px),
print {
    .btn_more {
        width: 320px;
        margin: 0 auto
    }
}

@media screen and (max-width:767px),
print {
    .btn_more {
        width: 100%
    }
}

.btn_more:before {
    content: "";
    background: #fff;
    display: block;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

@media screen and (min-width:768px),
print {
    .btn_more:before {
        width: 14px;
        height: 2px;
        right: 20px
    }
}

@media screen and (max-width:767px),
print {
    .btn_more:before {
        width: 10px;
        height: 2px;
        right: 12px
    }
}

.btn_more:after {
    content: "";
    background: #fff;
    display: block;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    right: 16px;
    transition: height .25s linear
}

@media screen and (min-width:768px),
print {
    .btn_more:after {
        width: 2px;
        height: 14px;
        right: 26px
    }
}

@media screen and (max-width:767px),
print {
    .btn_more:after {
        width: 2px;
        height: 10px;
        right: 16px
    }
}

.btn_more.on:before {
    background: #333
}

.btn_more.on:after {
    height: 0;
    background: #333
}

.btn_more span {
    line-height: 45px;
    display: block;
    color: #fff
}

.btn_more.on {
    background: #fff
}

.btn_more.on span {
    color: #333
}

.btn_close {
    border: 2px solid #333;
    text-align: center;
    border-radius: 48px;
    display: block;
    height: 48px;
    background: #fff;
    cursor: pointer;
    position: relative
}

@media screen and (min-width:768px),
print {
    .btn_close {
        width: 320px;
        margin: 0 auto
    }
}

@media screen and (max-width:767px),
print {
    .btn_close {
        width: 100%
    }
}

.btn_close:before {
    content: "";
    background: #333;
    display: block;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

@media screen and (min-width:768px),
print {
    .btn_close:before {
        width: 14px;
        height: 2px;
        right: 20px
    }
}

@media screen and (max-width:767px),
print {
    .btn_close:before {
        width: 10px;
        height: 2px;
        right: 12px
    }
}

.btn_close span {
    line-height: 45px;
    display: block
}

#sp3 .btn_more {
    border-radius: 0
}

#sp3 .btn_close {
    border-radius: 0
}

#sp3 .btn_close span {
    color: #1a181b
}

.more_box {
    display: none
}

.tag_only {
    font-size: 10px;
    color: #fff;
    text-align: center;
    padding: 3px 14px 5px;
    display: inline-block;
    letter-spacing: .2em;
    background: #000;
    position: relative
}

@media screen and (min-width:768px),
print {
    .tag_only {
        left: auto;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

@media screen and (max-width:767px),
print {
    .tag_only {
        left: 50%;
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0)
    }
}

@media screen and (min-width:768px),
print {
    .bnrarea {
        width: 1040px;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        margin: 40px auto 60px
    }
}

@media screen and (max-width:767px),
print {
    .bnrarea {
        width: 100%;
        margin: 40px auto
    }
}

.bnrarea a {
    display: block
}

@media screen and (min-width:768px),
print {
    .bnrarea a {
        width: 50%;
        height: 530px
    }
    .bnrarea a:nth-child(1) {
        background: url(../img/top/bnr01.png) no-repeat center;
        background-size: contain
    }
    .bnrarea a:nth-child(2) {
        background: url(../img/top/bnr02.png) no-repeat center;
        background-size: contain
    }
    .bnrarea a img {
        display: none
    }
}

@media screen and (max-width:767px),
print {
    .bnrarea a {
        width: 100%
    }
}

@media screen and (min-width:768px),
print {
    .bnrarea.en a:nth-child(1) {
        background: url(../img/top/bnr01_en.png) no-repeat center;
        background-size: contain
    }
    .bnrarea.en a:nth-child(2) {
        background: url(../img/top/bnr02_en.png) no-repeat center;
        background-size: contain
    }
}

#modal_wrap {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 100
}

#modal_wrap .mat {
    position: absolute;
    background: rgba(0, 0, 0, .9);
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 0
}

#modal_wrap iframe {
    position: absolute;
    z-index: 1
}

@media screen and (min-width:768px),
print {
    #modal_wrap iframe {
        top: 50%;
        left: 50%;
        margin-left: -320px;
        margin-top: -180px
    }
}

@media screen and (max-width:767px),
print {
    #modal_wrap iframe {
        top: 50%;
        left: 50%;
        width: 100vw;
        height: 56.3vw;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }
}

#modal_wrap #modal_close {
    width: 56px;
    height: 56px;
    position: absolute;
    cursor: pointer;
    top: 50%;
    left: 50%
}

@media screen and (min-width:768px),
print {
    #modal_wrap #modal_close {
        margin-left: -28px;
        margin-top: 220px
    }
}

@media screen and (max-width:767px),
print {
    #modal_wrap #modal_close {
        margin-left: -28px;
        margin-top: 32vw
    }
}

#modal_wrap #modal_close img {
    width: 100%
}

.red {
    color: red!important
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-prev,
.slick-next {
    position: absolute;
    width: 28px;
    height: 28px;
    text-indent: 100%;
    white-space: nowrap;
    background: #fe1;
    background-size: cover;
    overflow: hidden;
    top: 50%;
    left: -55px;
    margin-top: -14px;
    cursor: pointer
}

@media screen and (max-width:767px),
print {
    .slick-prev,
    .slick-next {
        display: none!important
    }
}

.slick-next {
    left: auto;
    right: -55px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: none
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block
}

.slick-track:before,
.slick-track:after {
    content: "";
    display: table
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-dots {
    position: absolute;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0;
    width: 100%
}

@media screen and (min-width:768px),
print {
    .slick-dots {
        bottom: 10px
    }
}

@media screen and (max-width:767px),
print {
    .slick-dots {
        bottom: 15px
    }
}

.slick-dots li {
    position: relative;
    display: inline-block;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
    overflow: hidden;
    border-radius: 50%;
    background: #92cef7
}

@media screen and (min-width:768px),
print {
    .slick-dots li {
        height: 12px;
        width: 12px;
        margin: 10px
    }
}

@media screen and (max-width:767px),
print {
    .slick-dots li {
        height: 8px;
        width: 8px
    }
}

.slick-dots li.slick-active {
    background: #0087d0
}

.slick-dots li.slick-active button {
    background: #0087d0
}

.slick-dots li button {
    border: 0;
    background: #92cef7;
    display: block;
    height: 8px;
    width: 8px;
    outline: none;
    line-height: 0;
    font-size: 0;
    color: transparent;
    padding: 5px;
    cursor: pointer
}

.slick-dots li button:hover,
.slick-dots li button:focus {
    outline: none
}

.instaxshare_first {
    background: #dde
}

@media screen and (min-width:768px),
print {
    .instaxshare_first {
        height: 640px;
        background: url(../img/top/main.jpg) no-repeat center
    }
    .instaxshare_first img {
        display: none
    }
}

@media screen and (max-width:767px),
print {
    .instaxshare_first {
        width: 100%
    }
    .instaxshare_first img {
        width: 100%
    }
}

@media screen and (min-width:768px),
print {
    .instaxshare_first.en {
        background: url(../img/top/main_en.jpg) no-repeat center
    }
}

@media screen and (min-width:768px),
print {
    .instaxshare_first.cn {
        background: url(../img/top/main_cn.jpg) no-repeat center
    }
}

.instaxshare_news {
    background: #333;
    color: #fff
}

@media screen and (min-width:768px),
print {
    .instaxshare_news {
        overflow: hidden;
        min-width: 1040px
    }
}

.instaxshare_news_btnarea {
    position: relative;
    display: block
}

@media screen and (min-width:768px),
print {
    .instaxshare_news_btnarea {
        height: 74px
    }
}

@media only screen and (min-width:768px) and (min-width:1040px) {
    .instaxshare_news_btnarea {
        margin-right: calc(50% - 50vw);
        margin-left: calc(50% - 50vw);
        padding-left: calc(50vw - 50%);
        padding-right: calc(50vw - 50%)
    }
}

@media screen and (min-width:768px),
print {
    .instaxshare_news_btnarea:after {
        content: "";
        background: #fff;
        height: 2px;
        width: 100%;
        position: absolute;
        bottom: -2px;
        right: 0;
        z-index: 0
    }
}

@media screen and (max-width:767px),
print {
    .instaxshare_news_btnarea {
        border-bottom: 1px solid #fff;
        height: 44px
    }
}

.instaxshare_news_btnarea>b {
    display: inline-block;
    font-family: Quicksand;
    font-weight: 700;
    letter-spacing: .05em
}

@media screen and (min-width:768px),
print {
    .instaxshare_news_btnarea>b {
        border-right: 2px solid #fff;
        font-size: 18px;
        height: 74px;
        width: 134px;
        padding: 23px 22px 23px 0;
        position: relative;
        z-index: 1
    }
    .instaxshare_news_btnarea>b:after {
        content: "";
        background: #333;
        height: 2px;
        width: 1000px;
        position: absolute;
        bottom: -2px;
        right: 0
    }
}

@media screen and (max-width:767px),
print {
    .instaxshare_news_btnarea>b {
        border-right: 1px solid #fff;
        font-size: 14px;
        height: 44px;
        padding: 10px 15px
    }
}

.instaxshare_news_more {
    font-family: Quicksand;
    background: #fff;
    border-radius: 2px;
    position: absolute;
    color: #333;
    font-weight: 700;
    display: inline-block;
    cursor: pointer;
    border: 1px solid #fff;
    text-align: center
}

@media screen and (min-width:768px),
print {
    .instaxshare_news_more {
        font-size: 14px;
        width: 96px;
        height: 36px;
        line-height: 36px;
        right: auto;
        left: 50%;
        margin-left: 429px;
        top: 18px
    }
}

@media screen and (max-width:767px),
print {
    .instaxshare_news_more {
        font-size: 12px;
        padding: 3px 15px;
        right: 16px;
        top: 9px;
        width: 72px
    }
}

.instaxshare_news_more.on {
    background: #333;
    color: #fff
}

@media screen and (min-width:768px),
print {
    .instaxshare_news .inner {
        max-width: 1040px;
        margin: 0 auto;
        position: relative
    }
}

@media screen and (min-width:768px),
print {
    .instaxshare_news dt {
        font-size: 13px;
        display: inline-block;
        vertical-align: top;
        width: 98px;
        position: relative
    }
    .instaxshare_news dt:after {
        content: "";
        height: 15px;
        width: 1px;
        background: #fff;
        position: absolute;
        right: 0;
        top: 3px
    }
}

@media screen and (max-width:767px),
print {
    .instaxshare_news dt {
        font-size: 12px
    }
}

@media screen and (min-width:768px),
print {
    .instaxshare_news dd {
        display: inline-block;
        vertical-align: top;
        width: 550px;
        padding-left: 28px
    }
}

@media screen and (min-width:768px),
print {
    .instaxshare_news dd p,
    .instaxshare_news dd a {
        font-size: 13px
    }
}

@media screen and (max-width:767px),
print {
    .instaxshare_news dd p,
    .instaxshare_news dd a {
        font-size: 14px
    }
}

.instaxshare_news dd a {
    text-decoration: underline
}

@media screen and (min-width:768px),
print {
    .instaxshare_news_last {
        position: absolute;
        top: 27px;
        left: 178px;
        width: 702px
    }
}

@media screen and (max-width:767px),
print {
    .instaxshare_news_last {
        padding: 18px 16px 16px
    }
}

.instaxshare_news_history {
    display: none
}

@media screen and (min-width:768px),
print {
    .instaxshare_news_history {
        width: 702px;
        padding: 85px 0 35px 44px;
        border-left: 2px solid #fff;
        margin-left: 132px;
        position: relative
    }
    .instaxshare_news_history:after {
        content: "...more information";
        font-size: 18px;
        font-family: Quicksand;
        position: absolute;
        top: 12%;
        left: 44px;
        font-weight: 700;
        letter-spacing: .1em
    }
}

@media screen and (max-width:767px),
print {
    .instaxshare_news_history {
        padding: 0 16px 20px
    }
}

.instaxshare_news_history dd {
    margin-bottom: 16px
}

.instaxshare_news_history dd:last-child {
    margin-bottom: 0
}

.instaxshare_toggle {
    text-align: center
}

@media screen and (min-width:768px),
print {
    .instaxshare_toggle {
        position: relative;
        z-index: 2;
        overflow: visible
    }
}

@media screen and (min-width:768px),
print {
    .instaxshare_toggle h2 {
        width: 240px;
        margin: 92px auto 0
    }
}

@media screen and (max-width:767px),
print {
    .instaxshare_toggle h2 {
        width: 162px;
        margin: 64px auto 48px
    }
}

.instaxshare_toggle h2 span {
    font-weight: 700;
    display: inline-block;
    letter-spacing: .2em
}

@media screen and (min-width:768px),
print {
    .instaxshare_toggle h2 span {
        font-size: 18px;
        margin-top: 15px
    }
}

@media screen and (max-width:767px),
print {
    .instaxshare_toggle h2 span {
        font-size: 14px;
        margin-top: 10px
    }
}

.instaxshare_toggle_btn {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (max-width:767px),
print {
    .instaxshare_toggle_btn {
        border-top: 3px solid #000
    }
}

.instaxshare_toggle_btn li {
    position: relative
}

.instaxshare_toggle_btn li:after {
    content: "";
    width: 100%;
    background: #000;
    position: absolute;
    bottom: 0;
    left: 0
}

@media screen and (min-width:768px),
print {
    .instaxshare_toggle_btn li:after {
        height: 4px
    }
}

@media screen and (max-width:767px),
print {
    .instaxshare_toggle_btn li:after {
        height: 3px
    }
}

@media screen and (min-width:768px),
print {
    .instaxshare_toggle_btn li {
        width: 516px;
        height: 168px;
        cursor: pointer;
        -webkit-transform: translate(0, 4px);
        transform: translate(0, 4px)
    }
    .instaxshare_toggle_btn li:first-child {
        background: url(../img/top/tab1.jpg) no-repeat top left;
        background-size: contain;
        margin-right: 8px
    }
    .instaxshare_toggle_btn li:last-child {
        background: url(../img/top/tab2.jpg) no-repeat top left;
        background-size: contain
    }
    .instaxshare_toggle_btn li img {
        display: none
    }
}

@media screen and (max-width:767px),
print {
    .instaxshare_toggle_btn li {
        width: 50%
    }
    .instaxshare_toggle_btn li:first-child {
        border-right: 3px solid #000;
        box-sizing: content-box
    }
}

.instaxshare_toggle_btn li.on:after {
    display: none
}

.instaxshare_movies_bnr {
    color: #fff;
    position: relative;
    cursor: pointer
}

@media screen and (min-width:768px),
print {
    .instaxshare_movies_bnr {
        height: 388px
    }
    .instaxshare_movies_bnr:nth-child(1) {
        background: url(../img/top/movie_bnr1.jpg) no-repeat center;
        background-size: cover
    }
    .instaxshare_movies_bnr:nth-child(2) {
        background: url(../img/top/movie_bnr2.jpg) no-repeat center;
        background-size: cover
    }
    .instaxshare_movies_bnr:nth-child(3) {
        background: url(../img/top/movie_bnr3.jpg) no-repeat center;
        background-size: cover
    }
    .instaxshare_movies_bnr img {
        display: none
    }
}

@media screen and (min-width:768px),
print {
    .instaxshare_movies_bnr p {
        font-size: 18px;
        text-align: center;
        width: 100%;
        position: absolute;
        top: 124px;
        letter-spacing: .05em
    }
}

.instaxshare_movies_bnr span {
    position: absolute;
    display: block;
    left: 50%;
    top: 50%;
    background: url(../img/top/icn_play.png) no-repeat top center
}

@media screen and (min-width:768px),
print {
    .instaxshare_movies_bnr span {
        font-size: 12px;
        padding-top: 75px;
        -webkit-transform: translate(-50%, -15%);
        transform: translate(-50%, -15%);
        background-size: 56px;
        min-width: 56px;
        text-align: center
    }
}

@media screen and (max-width:767px),
print {
    .instaxshare_movies_bnr span {
        font-size: 10px;
        padding-top: 55px;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        background-size: 46px
    }
}

@media screen and (min-width:768px),
print {
    #sp3 .instaxshare_movies_bnr:nth-child(1) {
        background: url(../img/top/sp3/movie_bnr1.jpg) no-repeat center;
        background-size: cover
    }
    #sp3 .instaxshare_movies_bnr:nth-child(2) {
        background: url(../img/top/sp3/movie_bnr2.jpg) no-repeat center;
        background-size: cover
    }
    #sp3 .instaxshare_movies_bnr:nth-child(3) {
        background: url(../img/top/sp3/movie_bnr3.jpg) no-repeat center;
        background-size: cover
    }
}

#sp3 .instaxshare_product {
    background: #1a181b;
    color: #fff
}

@media screen and (min-width:768px),
print {
    #sp3 .instaxshare_product {
        position: relative;
        border-top: 4px solid #000
    }
    #sp3 .instaxshare_product:after {
        content: "";
        width: 100%;
        center;
        position: absolute;
        top: 0;
        left: 0
    }
}

#sp3 .instaxshare_product_title {
    overflow: hidden;
    position: relative
}

@media screen and (min-width:768px),
print {
    #sp3 .instaxshare_product_title {
        height: 500px;
        padding-top: 180px;
        text-align: center;
        z-index: 1
    }
    #sp3 .instaxshare_product_title img {
        margin-bottom: 25px
    }
    #sp3 .instaxshare_product_title img.pc-only {
        display: inline-block
    }
}

#sp3 .instaxshare_product_title>p {
    text-align: center;
    line-height: 1.7;
    letter-spacing: .1em
}

@media screen and (min-width:768px),
print {
    #sp3 .instaxshare_product_title>p {
        margin: 0 auto;
        font-size: 36px;
        font-weight: 200
    }
}

@media screen and (max-width:767px),
print {
    #sp3 .instaxshare_product_title>p {
        margin: 30px auto;
        font-size: 20px
    }
}

#sp3 .instaxshare_product_title>p span {
    display: block;
    font-family: Cormorant
}

@media screen and (min-width:768px),
print {
    #sp3 .instaxshare_product_title>p span {
        margin-top: 5px;
        font-size: 14px
    }
}

@media screen and (max-width:767px),
print {
    #sp3 .instaxshare_product_title>p span {
        margin-top: 5px;
        font-size: 10px
    }
}

#sp3 .instaxshare_product_bnrs {
    margin: 0 auto;
    position: relative;
    left: 0;
    right: 0
}

@media screen and (min-width:768px),
print {
    #sp3 .instaxshare_product_bnrs {
        margin-bottom: 150px;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        top: 41px
    }
}

@media screen and (max-width:767px),
print {
    #sp3 .instaxshare_product_bnrs {
        top: 35px;
        width: 62.5vw
    }
}

#sp3 .instaxshare_product_bnrs a {
    display: block;
    margin-bottom: 12px
}

@media screen and (min-width:768px),
print {
    #sp3 .instaxshare_product_bnrs a {
        width: 520px;
        margin: 0 8px
    }
}

@media screen and (max-width:767px),
print {
    #sp3 .instaxshare_product_bnrs a {
        width: 100%
    }
}

#sp3 .instaxshare_product_bnrs a img {
    width: 100%
}

@media screen and (min-width:768px),
print {
    #sp3 .instaxshare_product_photo {
        height: 430px;
        background: url(../img/top/sp3/product_image02.jpg) no-repeat center;
        background-size: cover
    }
}

#sp3 .instaxshare_rich {
    position: relative;
    background: url(../img/top/sp3/bg.jpg);
    background-size: 640px
}

@media screen and (min-width:768px),
print {
    #sp3 .instaxshare_rich {
        text-align: center
    }
    #sp3 .instaxshare_rich:before {
        height: 590px
    }
}

#sp3 .instaxshare_rich .inner {
    color: #fff
}

@media screen and (max-width:767px),
print {
    #sp3 .instaxshare_rich .inner {
        padding-top: 70px
    }
    #sp3 .instaxshare_rich .inner:before {
        content: "";
        position: absolute;
        z-index: 0;
        width: 100%;
        height: 650px;
        top: 0;
        left: 0;
        background: #1a181b
    }
}

@media screen and (min-width:768px),
print {
    #sp3 .instaxshare_rich_main {
        margin-top: 57px;
        padding: 0 16px 55px
    }
}

@media screen and (max-width:767px),
print {
    #sp3 .instaxshare_rich_main {
        margin-top: 40px;
        padding: 0 16px 30px
    }
}

#sp3 .instaxshare_rich_main img {
    position: relative;
    z-index: 1
}

#sp3 .instaxshare_rich_main h5 {
    color: #1a181b
}

@media screen and (min-width:768px),
print {
    #sp3 .instaxshare_rich_main h5 {
        margin-top: 48px
    }
}

@media screen and (max-width:767px),
print {
    #sp3 .instaxshare_rich_main h5 {
        margin-top: 22px
    }
}

#sp3 .instaxshare_rich_main p {
    line-height: 1.8;
    color: #1a181b
}

#sp3 .instaxshare_amazing {
    position: relative;
    background: #1a181b
}

@media screen and (min-width:768px),
print {
    #sp3 .instaxshare_amazing {
        text-align: center;
        padding-bottom: 0;
        padding-top: 50px
    }
    #sp3 .instaxshare_amazing:before {
        display: none
    }
}

@media screen and (max-width:767px),
print {
    #sp3 .instaxshare_amazing {
        padding-bottom: 0
    }
}

#sp3 .instaxshare_amazing .inner {
    color: #fff
}

@media screen and (max-width:767px),
print {
    #sp3 .instaxshare_amazing .inner {
        padding-top: 70px
    }
    #sp3 .instaxshare_amazing .inner:before {
        content: "";
        position: absolute;
        z-index: 0;
        width: 100%;
        height: 580px;
        top: 0;
        left: 0;
        background: #1a181b
    }
}

@media screen and (min-width:768px),
print {
    #sp3 .instaxshare_amazing_main {
        margin-top: 30px;
        padding: 0 32px 20px
    }
}

@media screen and (max-width:767px),
print {
    #sp3 .instaxshare_amazing_main {
        margin-top: 15px;
        padding: 0 32px
    }
}

#sp3 .instaxshare_amazing_main img {
    position: relative;
    z-index: 1
}

@media screen and (min-width:768px),
print {
    #sp3 .instaxshare_amazing_main img {
        width: 312px
    }
}

#sp3 .instaxshare_amazing_sbox {
    padding: 0 30px
}

#sp3 .instaxshare_amazing_sbox p {
    color: #1a181b
}

@media screen and (min-width:768px),
print {
    #sp3 .instaxshare_amazing_sbox ul {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

#sp3 .instaxshare_amazing_sbox li {
    margin-bottom: 15px
}

@media screen and (min-width:768px),
print {
    #sp3 .instaxshare_amazing_sbox li {
        width: 308px;
        margin: 0 8px
    }
}

#sp3 .instaxshare_amazing_sbox li>p {
    padding: 10px 15px 0;
    line-height: 1.8;
    text-align: left
}

#sp3 .instaxshare_easy {
    position: relative;
    background: url(../img/top/sp3/bg.jpg);
    background-size: 640px;
    padding-bottom: 20px
}

@media screen and (min-width:768px),
print {
    #sp3 .instaxshare_easy {
        padding-bottom: 60px;
        padding-top: 50px
    }
    #sp3 .instaxshare_easy:before {
        height: 610px
    }
}

@media screen and (min-width:768px),
print {
    #sp3 .instaxshare_easy h4 span {
        margin-top: 20px
    }
}

@media screen and (min-width:768px),
print {
    #sp3 .instaxshare_easy h3+p {
        text-align: center
    }
}

#sp3 .instaxshare_easy>.inner {
    color: #fff
}

@media screen and (max-width:767px),
print {
    #sp3 .instaxshare_easy>.inner {
        padding-top: 70px
    }
    #sp3 .instaxshare_easy>.inner:before {
        content: "";
        position: absolute;
        z-index: 0;
        width: 100%;
        height: 580px;
        top: 0;
        left: 0;
        background: #1a181b
    }
}

#sp3 .instaxshare_easy_example {
    padding: 0 16px 45px;
    position: relative
}

@media screen and (max-width:767px),
print {
    #sp3 .instaxshare_easy_example {
        margin-top: 30px
    }
    #sp3 .instaxshare_easy_example:before {
        content: '';
        position: absolute;
        width: 100%;
        height: 175px;
        top: 0;
        left: 0;
        background: #1a181b;
        z-index: 0
    }
    #sp3 .instaxshare_easy_example ul {
        margin-bottom: 30px
    }
    #sp3 .instaxshare_easy_example li {
        display: none;
        position: relative;
        z-index: 1
    }
    #sp3 .instaxshare_easy_example li:first-child {
        display: block
    }
    #sp3 .instaxshare_easy_example img {
        width: 220px;
        margin: 0 auto;
        display: block
    }
    #sp3 .instaxshare_easy_example b {
        text-align: center;
        font-size: 16px;
        font-weight: 700;
        display: block;
        margin: 18px 0;
        color: #1a181b
    }
    #sp3 .instaxshare_easy_example p {
        line-height: 1.8;
        color: #1a181b
    }
}

@media screen and (min-width:768px),
print {
    #sp3 .instaxshare_easy_example {
        margin-top: 50px
    }
    #sp3 .instaxshare_easy_example ul {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-bottom: 40px
    }
    #sp3 .instaxshare_easy_example li {
        width: 270px;
        margin: 0 13px
    }
    #sp3 .instaxshare_easy_example li p {
        margin: 0 15px
    }
    #sp3 .instaxshare_easy_example li img {
        width: 100%
    }
    #sp3 .instaxshare_easy_example b {
        text-align: center;
        font-size: 16px;
        font-weight: 700;
        display: block;
        margin: 18px 0;
        color: #1a181b
    }
    #sp3 .instaxshare_easy_example p {
        line-height: 1.8;
        color: #1a181b
    }
}

@media screen and (min-width:768px),
print {
    #sp3 .instaxshare_easy_sbox {
        text-align: center
    }
}

#sp3 .instaxshare_easy_sbox p {
    padding: 0 16px;
    color: #1a181b
}

#sp3 .instaxshare_easy_sbox.custom {
    overflow: hidden;
    padding-top: 20px
}

@media screen and (min-width:768px),
print {
    #sp3 .instaxshare_easy_sbox.custom h6 {
        margin-bottom: 35px
    }
}

@media screen and (max-width:767px),
print {
    #sp3 .instaxshare_easy_sbox.custom h6 {
        margin-bottom: 25px
    }
}

#sp3 .instaxshare_easy_sbox.custom ul {
    width: 210%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0)
}

@media screen and (min-width:768px),
print {
    #sp3 .instaxshare_easy_sbox.custom li {
        margin: 35px 11px 60px
    }
    #sp3 .instaxshare_easy_sbox.custom li img {
        width: 276px
    }
}

@media screen and (max-width:767px),
print {
    #sp3 .instaxshare_easy_sbox.custom li {
        margin: 30px 5px
    }
}

#sp3 .instaxshare_easy_sbox.intelligence {
    padding-top: 25px
}

@media screen and (min-width:768px),
print {
    #sp3 .instaxshare_easy_sbox.intelligence h6 {
        margin-bottom: 15px
    }
}

@media screen and (max-width:767px),
print {
    #sp3 .instaxshare_easy_sbox.intelligence h6 {
        margin-bottom: 0
    }
}

#sp3 .instaxshare_easy_sbox.intelligence .if_icon {
    width: 60px;
    margin: 25px auto 15px;
    display: block
}

@media screen and (min-width:768px),
print {
    #sp3 .instaxshare_easy_sbox.intelligence .intelligence_image {
        padding: 35px 16px 90px
    }
}

@media screen and (max-width:767px),
print {
    #sp3 .instaxshare_easy_sbox.intelligence .intelligence_image {
        padding: 20px 16px 55px
    }
}

@media screen and (min-width:768px),
print {
    #sp3 .instaxshare_easy_sbox.conversion {
        padding: 0 16px
    }
}

@media screen and (max-width:767px),
print {
    #sp3 .instaxshare_easy_sbox.conversion {
        padding: 0 16px 30px
    }
}

@media screen and (min-width:768px),
print {
    #sp3 .instaxshare_easy_sbox.conversion h6 {
        margin-bottom: 35px
    }
}

@media screen and (max-width:767px),
print {
    #sp3 .instaxshare_easy_sbox.conversion h6 {
        margin-bottom: 25px
    }
}

#sp3 .instaxshare_easy_sbox.conversion h6+p {
    padding: 0
}

#sp3 .instaxshare_easy_sbox.conversion ul {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

@media screen and (min-width:768px),
print {
    #sp3 .instaxshare_easy_sbox.conversion ul {
        margin-top: 30px;
        padding: 0 0 60px;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media screen and (max-width:767px),
print {
    #sp3 .instaxshare_easy_sbox.conversion ul {
        margin-top: 20px;
        padding: 0 0 40px
    }
}

#sp3 .instaxshare_easy_sbox.conversion li {
    text-align: center
}

@media screen and (min-width:768px),
print {
    #sp3 .instaxshare_easy_sbox.conversion li {
        width: 284px;
        margin: 0 20px
    }
    #sp3 .instaxshare_easy_sbox.conversion li img {
        width: 100%
    }
}

@media screen and (max-width:767px),
print {
    #sp3 .instaxshare_easy_sbox.conversion li {
        width: 50%
    }
}

#sp3 .instaxshare_easy_sbox.conversion li p {
    font-family: Cormorant
}

@media screen and (min-width:768px),
print {
    #sp3 .instaxshare_easy_sbox.conversion li p {
        margin-top: 10px;
        font-size: 24px
    }
}

@media screen and (max-width:767px),
print {
    #sp3 .instaxshare_easy_sbox.conversion li p {
        margin-top: 5px;
        font-size: 16px
    }
}

#sp3 .instaxshare_original {
    position: relative;
    background: url(../img/top/sp3/bg.jpg);
    background-size: 640px;
    padding-bottom: 0
}

@media screen and (min-width:768px),
print {
    #sp3 .instaxshare_original {
        padding-bottom: 60px;
        padding-top: 50px
    }
    #sp3 .instaxshare_original:before {
        height: 537px
    }
    #sp3 .instaxshare_original h3+p {
        text-align: center
    }
}

#sp3 .instaxshare_original>.inner {
    color: #fff
}

@media screen and (min-width:768px),
print {
    #sp3 .instaxshare_original>.inner {
        overflow: hidden
    }
}

@media screen and (max-width:767px),
print {
    #sp3 .instaxshare_original>.inner {
        padding-top: 70px
    }
    #sp3 .instaxshare_original>.inner:before {
        content: "";
        position: absolute;
        z-index: 0;
        width: 100%;
        height: 580px;
        top: 0;
        left: 0;
        background: #1a181b
    }
}

#sp3 .instaxshare_original_template {
    margin-top: 30px;
    padding: 0 16px 45px;
    background-size: 205px;
    position: relative;
    z-index: 1
}

@media screen and (max-width:767px),
print {
    #sp3 .instaxshare_original_template {
        background: url(../img/top/bg.jpg)
    }
    #sp3 .instaxshare_original_template:before {
        content: '';
        position: absolute;
        width: 100%;
        height: 115px;
        top: 0;
        left: 0;
        background: #1a181b;
        z-index: 0
    }
    #sp3 .instaxshare_original_template ul {
        margin-bottom: 30px
    }
    #sp3 .instaxshare_original_template li {
        display: none;
        position: relative;
        z-index: 1;
        text-align: center
    }
    #sp3 .instaxshare_original_template li:first-child {
        display: block
    }
    #sp3 .instaxshare_original_template img {
        width: 220px;
        margin: 0 auto;
        display: block
    }
    #sp3 .instaxshare_original_template b {
        text-align: center;
        font-size: 16px;
        font-weight: 700;
        display: block;
        margin: 18px 0 15px;
        color: #1a181b
    }
    #sp3 .instaxshare_original_template p {
        line-height: 1.8;
        color: #1a181b
    }
    #sp3 .instaxshare_original_template p.tag_only {
        color: #fff;
        left: 0;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        margin-top: 15px
    }
}

@media screen and (min-width:768px),
print {
    #sp3 .instaxshare_original_template {
        margin-top: 50px
    }
    #sp3 .instaxshare_original_template p {
        color: #1a181b
    }
    #sp3 .instaxshare_original_template ul {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-bottom: 55px
    }
    #sp3 .instaxshare_original_template li {
        width: 270px;
        margin: 0 27px
    }
    #sp3 .instaxshare_original_template li p {
        line-height: 1.8;
        margin: 0 15px;
        color: #1a181b
    }
    #sp3 .instaxshare_original_template li img {
        width: 100%
    }
    #sp3 .instaxshare_original_template b {
        text-align: center;
        font-size: 16px;
        font-weight: 700;
        display: block;
        margin: 18px 0;
        color: #1a181b
    }
    #sp3 .instaxshare_original_template p.tag_only {
        color: #fff;
        margin: 10px 0 0;
        position: relative;
        left: 50%;
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0)
    }
}

@media screen and (min-width:768px),
print {
    #sp3 .instaxshare_original_sbox {
        text-align: center;
        width: 1040px
    }
}

#sp3 .instaxshare_original_sbox.mytemp {
    overflow: hidden
}

@media screen and (min-width:768px),
print {
    #sp3 .instaxshare_original_sbox.mytemp {
        padding-top: 20px;
        padding-bottom: 80px
    }
}

@media screen and (max-width:767px),
print {
    #sp3 .instaxshare_original_sbox.mytemp {
        padding-top: 20px;
        padding-bottom: 40px
    }
}

#sp3 .instaxshare_original_sbox.mytemp h6 {
    margin-bottom: 25px
}

#sp3 .instaxshare_original_sbox.mytemp h6+p {
    color: #1a181b;
    padding: 0 16px;
    line-height: 1.8
}

#sp3 .instaxshare_original_sbox.mytemp ul {
    width: 100%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    padding: 0 16px
}

@media screen and (min-width:768px),
print {
    #sp3 .instaxshare_original_sbox.mytemp li {
        margin: 30px 11px 25px;
        width: 243px
    }
    #sp3 .instaxshare_original_sbox.mytemp li img {
        width: 100%
    }
}

@media screen and (max-width:767px),
print {
    #sp3 .instaxshare_original_sbox.mytemp li {
        margin: 30px 5px 10px
    }
    #sp3 .instaxshare_original_sbox.mytemp li:nth-child(3) {
        display: none
    }
    #sp3 .instaxshare_original_sbox.mytemp li:nth-child(4) {
        display: none
    }
}

#sp3 .instaxshare_original_sbox.collage {
    overflow: hidden
}

@media screen and (min-width:768px),
print {
    #sp3 .instaxshare_original_sbox.collage {
        padding-top: 20px;
        padding-bottom: 80px
    }
}

@media screen and (max-width:767px),
print {
    #sp3 .instaxshare_original_sbox.collage {
        padding-top: 20px;
        padding-bottom: 20px
    }
}

#sp3 .instaxshare_original_sbox.collage h6 {
    margin-bottom: 25px
}

#sp3 .instaxshare_original_sbox.collage h6+p {
    color: #1a181b;
    padding: 0 16px;
    line-height: 1.8
}

#sp3 .instaxshare_original_sbox.collage ul {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0)
}

@media screen and (min-width:768px),
print {
    #sp3 .instaxshare_original_sbox.collage ul {
        width: 100%
    }
}

@media screen and (max-width:767px),
print {
    #sp3 .instaxshare_original_sbox.collage ul {
        width: 210%
    }
}

@media screen and (min-width:768px),
print {
    #sp3 .instaxshare_original_sbox.collage li {
        margin: 20px 12px;
        width: 224px
    }
    #sp3 .instaxshare_original_sbox.collage li img {
        width: 100%
    }
}

@media screen and (max-width:767px),
print {
    #sp3 .instaxshare_original_sbox.collage li {
        margin: 20px 10px;
        text-align: center
    }
    #sp3 .instaxshare_original_sbox.collage li:nth-child(3) {
        -webkit-order: -1;
        -ms-flex-order: -1;
        order: -1
    }
    #sp3 .instaxshare_original_sbox.collage li:nth-child(4) {
        display: none
    }
}

#sp3 .instaxshare_original_sbox.collage li p {
    color: #1a181b;
    margin-top: 5px
}

@media screen and (min-width:768px),
print {
    #sp3 .instaxshare_original_sbox.collage li p {
        font-size: 16px
    }
}

#sp3 .instaxshare_original_sbox.split {
    overflow: hidden
}

@media screen and (min-width:768px),
print {
    #sp3 .instaxshare_original_sbox.split {
        width: 50%;
        float: left;
        height: 770px
    }
}

@media screen and (max-width:767px),
print {
    #sp3 .instaxshare_original_sbox.split {
        padding: 20px 16px 40px
    }
}

@media screen and (min-width:768px),
print {
    #sp3 .instaxshare_original_sbox.split h6 {
        margin-bottom: 40px
    }
}

@media screen and (max-width:767px),
print {
    #sp3 .instaxshare_original_sbox.split h6 {
        margin-bottom: 25px
    }
}

#sp3 .instaxshare_original_sbox.split h6+p {
    color: #1a181b;
    padding: 0;
    margin-bottom: 20px;
    line-height: 1.8
}

#sp3 .instaxshare_original_sbox.split>p {
    margin-bottom: 30px;
    padding: 0
}

#sp3 .instaxshare_original_sbox.snstemp {
    overflow: hidden
}

@media screen and (min-width:768px),
print {
    #sp3 .instaxshare_original_sbox.snstemp {
        width: 50%;
        float: left;
        height: 770px
    }
}

@media screen and (max-width:767px),
print {
    #sp3 .instaxshare_original_sbox.snstemp {
        padding: 10px 16px 55px
    }
}

@media screen and (min-width:768px),
print {
    #sp3 .instaxshare_original_sbox.snstemp h6 {
        margin-bottom: 40px
    }
}

@media screen and (max-width:767px),
print {
    #sp3 .instaxshare_original_sbox.snstemp h6 {
        margin-bottom: 25px
    }
}

#sp3 .instaxshare_original_sbox.snstemp h6+p {
    color: #1a181b;
    margin-bottom: 20px;
    line-height: 1.8
}

#sp3 .instaxshare_original_sbox.snstemp>p {
    margin-bottom: 30px;
    padding: 0
}

#sp3 .instaxshare_original_sbox.realtime {
    overflow: hidden
}

@media screen and (min-width:768px),
print {
    #sp3 .instaxshare_original_sbox.realtime {
        width: 50%;
        float: left;
        height: 630px
    }
    #sp3 .instaxshare_original_sbox.realtime img {
        width: 280px
    }
}

@media screen and (max-width:767px),
print {
    #sp3 .instaxshare_original_sbox.realtime {
        padding: 10px 16px 55px
    }
    #sp3 .instaxshare_original_sbox.realtime img {
        width: 50%;
        display: block;
        margin: 0 auto
    }
}

#sp3 .instaxshare_original_sbox.realtime h6 {
    margin-bottom: 25px
}

#sp3 .instaxshare_original_sbox.realtime h6+p {
    color: #1a181b;
    line-height: 1.8
}

@media screen and (min-width:768px),
print {
    #sp3 .instaxshare_original_sbox.realtime h6+p {
        margin-bottom: 30px
    }
}

@media screen and (max-width:767px),
print {
    #sp3 .instaxshare_original_sbox.realtime h6+p {
        margin-bottom: 20px
    }
}

@media screen and (min-width:768px),
print {
    #sp3 .instaxshare_original_sbox.limited {
        width: 50%;
        float: left;
        height: 630px;
        position: relative
    }
    #sp3 .instaxshare_original_sbox.limited img {
        width: 360px
    }
}

@media screen and (max-width:767px),
print {
    #sp3 .instaxshare_original_sbox.limited {
        overflow: hidden;
        padding: 10px 16px 45px
    }
}

#sp3 .instaxshare_original_sbox.limited h6 {
    margin-bottom: 25px
}

#sp3 .instaxshare_original_sbox.limited h6+p {
    color: #1a181b;
    line-height: 1.8
}

@media screen and (min-width:768px),
print {
    #sp3 .instaxshare_original_sbox.limited h6+p {
        margin-bottom: 30px
    }
}

@media screen and (max-width:767px),
print {
    #sp3 .instaxshare_original_sbox.limited h6+p {
        margin-bottom: 20px
    }
}

#sp3 .instaxshare_original_sbox.limited img {
    margin-bottom: 35px
}

@media screen and (min-width:768px),
print {
    #sp3 .instaxshare_original_sbox.limited .btn_close {
        position: absolute;
        bottom: 0;
        left: 0;
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0)
    }
}

#sp3 .instaxshare_cheki {
    position: relative;
    background: url(../img/top/sp3/bg.jpg);
    background-size: 640px;
    padding-bottom: 0
}

@media screen and (min-width:768px),
print {
    #sp3 .instaxshare_cheki h3 {
        letter-spacing: .05em
    }
}

@media screen and (min-width:768px),
print {
    #sp3 .instaxshare_cheki h3+p {
        text-align: center
    }
}

@media screen and (min-width:768px),
print {
    #sp3 .instaxshare_cheki h4 span {
        margin-top: 20px
    }
}

#sp3 .instaxshare_cheki>.inner {
    color: #fff
}

@media screen and (max-width:767px),
print {
    #sp3 .instaxshare_cheki>.inner {
        padding: 70px 0 0
    }
    #sp3 .instaxshare_cheki>.inner:before {
        content: "";
        position: absolute;
        z-index: 0;
        width: 100%;
        height: 510px;
        top: 0;
        left: 0;
        background: #1a181b
    }
}

#sp3 .instaxshare_cheki>.inner p {
    line-height: 1.8
}

#sp3 .instaxshare_cheki_main {
    position: relative;
    z-index: 1
}

@media screen and (min-width:768px),
print {
    #sp3 .instaxshare_cheki_main {
        text-align: center;
        padding: 45px 16px 46px
    }
}

@media screen and (max-width:767px),
print {
    #sp3 .instaxshare_cheki_main {
        padding: 45px 16px 30px
    }
}

#sp3 .instaxshare_cheki_main p {
    color: #1a181b
}

#sp3 .instaxshare_cheki_main>img {
    position: relative;
    z-index: 1;
    margin-bottom: 20px;
    display: block
}

@media screen and (min-width:768px),
print {
    #sp3 .instaxshare_cheki_main>img {
        width: 646px;
        margin: 0 auto 20px
    }
}

@media screen and (max-width:767px),
print {
    #sp3 .instaxshare_cheki_main>img {
        padding: 0 38px
    }
}

#sp3 .instaxshare_cheki_specification {
    position: relative;
    background: url(../img/top/sp3/bg.jpg);
    background-size: 205px;
    font-size: 12px
}

@media screen and (min-width:768px),
print {
    #sp3 .instaxshare_cheki_specification {
        padding: 40px 16px 30px;
        text-align: center
    }
}

@media screen and (max-width:767px),
print {
    #sp3 .instaxshare_cheki_specification {
        padding: 20px 16px 30px
    }
}

#sp3 .instaxshare_cheki_specification:after {
    content: "";
    height: 1px;
    background: #000;
    position: absolute;
    top: 0
}

@media screen and (min-width:768px),
print {
    #sp3 .instaxshare_cheki_specification:after {
        width: 56px;
        left: 50%;
        margin-left: -28px
    }
}

@media screen and (max-width:767px),
print {
    #sp3 .instaxshare_cheki_specification:after {
        width: 32px;
        left: 16px
    }
}

#sp3 .instaxshare_cheki_specification b {
    color: #1a181b;
    margin-bottom: 5px;
    display: inline-block
}

#sp3 .instaxshare_cheki_specification p {
    color: #1a181b
}

#sp3 .instaxshare_cheki_specification .pdf {
    margin-top: 32px;
    margin-bottom: 25px;
    text-align: center;
    display: block
}

#sp3 .instaxshare_cheki_specification .pdf img {
    width: 32px;
    margin: 0 auto 5px;
    display: block
}

#sp3 .instaxshare_cheki_specification .pdf p {
    text-decoration: underline
}

#sp3 .instaxshare_cheki_specification small {
    font-size: 10px
}

#sp3 .instaxshare_app {
    color: #fff
}

@media screen and (min-width:768px),
print {
    #sp3 .instaxshare_app {
        position: relative;
        height: 700px;
        background: #1a181b
    }
    #sp3 .instaxshare_app:before {
        content: "";
        position: absolute;
        height: 700px;
        width: 853px;
        background: url(../img/top/app_bg.jpg) no-repeat top left;
        background-size: cover;
        top: 0;
        left: 50%;
        margin-left: -954px
    }
}

@media screen and (max-width:767px),
print {
    #sp3 .instaxshare_app {
        padding-top: 84px;
        padding-bottom: 30px;
        background: url(../img/top/app_bg_sp.jpg) no-repeat top center #1a181b;
        background-size: contain
    }
}

#sp3 .instaxshare_app_mobile {
    display: block
}

@media screen and (min-width:768px),
print {
    #sp3 .instaxshare_app_mobile {
        width: 230px;
        -webkit-transform: translate(-215px, 0);
        transform: translate(-215px, 0);
        position: absolute;
        left: 50%;
        top: 115px
    }
}

@media screen and (max-width:767px),
print {
    #sp3 .instaxshare_app_mobile {
        margin: 0 auto;
        width: 170px
    }
}

@media screen and (min-width:768px),
print {
    #sp3 .instaxshare_app_box {
        width: 450px;
        position: absolute;
        left: 50%;
        margin-left: 40px;
        top: 86px
    }
}

@media screen and (max-width:767px),
print {
    #sp3 .instaxshare_app_box {
        width: 100%
    }
}

#sp3 .instaxshare_app_box_icon {
    display: block
}

@media screen and (min-width:768px),
print {
    #sp3 .instaxshare_app_box_icon {
        width: 104px;
        margin: 0 auto 15px
    }
}

@media screen and (max-width:767px),
print {
    #sp3 .instaxshare_app_box_icon {
        width: 80px;
        margin: 20px auto 15px
    }
}

#sp3 .instaxshare_app_box h4 {
    text-align: center;
    margin-bottom: 18px
}

@media screen and (min-width:768px),
print {
    #sp3 .instaxshare_app_box h4 {
        font-size: 26px
    }
}

@media screen and (max-width:767px),
print {
    #sp3 .instaxshare_app_box h4 {
        font-size: 20px
    }
}

#sp3 .instaxshare_app_box h4+p {
    text-align: center;
    font-size: 12px;
    line-height: 1.8
}

#sp3 .instaxshare_app_device {
    text-align: center;
    font-size: 10px
}

@media screen and (min-width:768px),
print {
    #sp3 .instaxshare_app_device {
        margin: 35px auto 50px;
        width: 100%;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media screen and (max-width:767px),
print {
    #sp3 .instaxshare_app_device {
        margin: 35px auto;
        width: 212px
    }
}

@media screen and (min-width:768px),
print {
    #sp3 .instaxshare_app_device li {
        width: 180px;
        margin: 0 8px
    }
    #sp3 .instaxshare_app_device li img {
        width: 100%
    }
}

@media screen and (max-width:767px),
print {
    #sp3 .instaxshare_app_device li {
        margin-bottom: 25px
    }
}

#sp3 .instaxshare_app_device a {
    display: block
}

@media screen and (min-width:768px),
print {
    #sp3 .instaxshare_app_device a {
        margin-bottom: 5px
    }
}

#sp3 .instaxshare_app_detail {
    font-size: 10px;
    padding: 0 16px;
    line-height: 1.8
}

@media screen and (min-width:768px),
print {
    #sp3 .instaxshare_app_detail {
        line-height: 2
    }
}

@media screen and (min-width:768px),
print {
    #sp2 .instaxshare_product {
        position: relative;
        border-top: 4px solid #000;
        overflow: hidden;
        width: 100%
    }
}

@media screen and (max-width:767px),
print {
    #sp2 .instaxshare_product {
        margin-bottom: 62px
    }
}

#sp2 .instaxshare_product_title {
    overflow: hidden;
    position: relative
}

@media screen and (min-width:1920px),
print {
    #sp2 .instaxshare_product_title img.wide-only {
        display: block;
        position: relative;
        /*margin-top:208px;*/
        left: 0;
        width: 100%
    }
    #sp2 .instaxshare_product_title img.pc-only {
        display: none
    }
}

@media screen and (min-width:768px),
print {
    #sp2 .instaxshare_product_title {
        margin-right: calc(50% - 50vw);
        margin-left: calc(50% - 50vw);
        position: relative
    }
    #sp2 .instaxshare_product_title img.pc-only {
        position: relative;
        /*margin-top:208px;*/
        left: 0;
        width: 100%
    }
}

#sp2 .instaxshare_product_title>p {
    font-weight: 700;
    text-align: center;
    line-height: 1.7
}

@media screen and (min-width:768px),
print {
    #sp2 .instaxshare_product_title>p {
        font-size: 32px;
        margin: 38px auto
    }
}

@media screen and (max-width:767px),
print {
    #sp2 .instaxshare_product_title>p {
        font-size: 18px;
        margin: 30px auto
    }
}

#sp2 .instaxshare_product_bnrs {
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0
}

@media screen and (min-width:768px),
print {
    #sp2 .instaxshare_product_bnrs {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        top: 40px
    }
}

@media screen and (max-width:767px),
print {
    #sp2 .instaxshare_product_bnrs {
        top: 30px;
        width: 62.5vw
    }
}

#sp2 .instaxshare_product_bnrs a {
    display: block
}

@media screen and (min-width:768px),
print {
    #sp2 .instaxshare_product_bnrs a {
        width: 520px;
        margin: 0 8px
    }
}

@media screen and (max-width:767px),
print {
    #sp2 .instaxshare_product_bnrs a {
        width: 100%;
        height: 15vw;
        margin-bottom: 12px
    }
}

#sp2 .instaxshare_product_bnrs a img {
    width: 100%
}

#sp2 .instaxshare_product_photo {
    background: rgba(255, 255, 255, .5)
}

@media screen and (min-width:768px),
print {
    #sp2 .instaxshare_product_photo {
        height: 751px;
        width: 100%;
        background: url(../img/top/sp2/product_image02.jpg) center;
        background-size: cover
    }
}

@media screen and (max-width:767px),
print {
    #sp2 .instaxshare_rich {
        margin-bottom: 70px
    }
}

@media screen and (min-width:768px),
print {
    #sp2 .instaxshare_rich {
        margin-bottom: 30px;
        background: url(../img/top/bg.jpg);
        position: relative
    }
    #sp2 .instaxshare_rich:before {
        content: '';
        position: absolute;
        z-index: 0;
        width: 100%;
        height: 594px;
        top: 0;
        left: 0;
        background: #fff
    }
}

#sp2 .instaxshare_rich_main {
    margin-top: 40px;
    padding: 0 16px 45px
}

@media screen and (min-width:768px),
print {
    #sp2 .instaxshare_rich_main {
        text-align: center
    }
}

@media screen and (max-width:767px),
print {
    #sp2 .instaxshare_rich_main {
        background: url(../img/top/bg.jpg);
        background-size: 205px;
        position: relative
    }
    #sp2 .instaxshare_rich_main:before {
        content: '';
        position: absolute;
        z-index: 0;
        width: 100%;
        height: 86px;
        top: 0;
        left: 0;
        background: #fff
    }
}

#sp2 .instaxshare_rich_main img {
    position: relative;
    z-index: 1
}

@media screen and (min-width:768px),
print {
    #sp2 .instaxshare_rich_main h5 {
        margin-top: 42px;
        margin-bottom: 20px
    }
}

@media screen and (max-width:767px),
print {
    #sp2 .instaxshare_rich_main h5 {
        margin-top: 22px
    }
}

#sp2 .instaxshare_rich_main p {
    line-height: 1.8
}

@media screen and (max-width:767px),
print {
    #sp2 .instaxshare_amazing {
        margin-bottom: 70px
    }
}

@media screen and (min-width:768px),
print {
    #sp2 .instaxshare_amazing {
        position: relative
    }
}

#sp2 .instaxshare_amazing_main {
    padding: 0 32px;
    position: relative
}

@media screen and (min-width:768px),
print {
    #sp2 .instaxshare_amazing_main {
        margin-top: 45px;
        text-align: center;
        padding-bottom: 10px
    }
}

@media screen and (max-width:767px),
print {
    #sp2 .instaxshare_amazing_main {
        margin-top: 20px
    }
    #sp2 .instaxshare_amazing_main:before {
        content: '';
        position: absolute;
        width: 100%;
        height: 200px;
        top: 0;
        left: 0;
        background: #fff;
        z-index: 0
    }
}

#sp2 .instaxshare_amazing_main img {
    position: relative;
    z-index: 1
}

@media screen and (min-width:768px),
print {
    #sp2 .instaxshare_amazing_main img {
        width: 312px
    }
}

@media screen and (min-width:768px),
print {
    #sp2 .instaxshare_amazing_sbox {
        padding: 0 30px 65px
    }
}

@media screen and (max-width:767px),
print {
    #sp2 .instaxshare_amazing_sbox {
        padding: 0 30px 20px
    }
}

#sp2 .instaxshare_amazing_sbox p {
    color: #1a181b
}

#sp2 .instaxshare_amazing_sbox h6 {
    margin: 25px auto
}

@media screen and (min-width:768px),
print {
    #sp2 .instaxshare_amazing_sbox ul {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

#sp2 .instaxshare_amazing_sbox li {
    margin-bottom: 20px
}

@media screen and (min-width:768px),
print {
    #sp2 .instaxshare_amazing_sbox li {
        width: 308px;
        margin: 0 8px
    }
    #sp2 .instaxshare_amazing_sbox li img {
        width: 100%
    }
}

#sp2 .instaxshare_amazing_sbox li>p {
    line-height: 1.8;
    text-align: left
}

@media screen and (min-width:768px),
print {
    #sp2 .instaxshare_amazing_sbox li>p {
        padding: 3px 15px 0
    }
}

@media screen and (max-width:767px),
print {
    #sp2 .instaxshare_amazing_sbox li>p {
        padding: 10px 15px 0
    }
}

@media screen and (min-width:768px),
print {
    #sp2 .instaxshare_easy {
        background: url(../img/top/bg.jpg);
        background-size: 205px;
        position: relative
    }
    #sp2 .instaxshare_easy:before {
        content: '';
        position: absolute;
        width: 100%;
        height: 655px;
        top: 0;
        left: 0;
        background: #fff;
        z-index: 0
    }
}

@media screen and (max-width:767px),
print {
    #sp2 .instaxshare_easy {
        margin-bottom: 70px
    }
}

#sp2 .instaxshare_easy_example {
    margin-top: 30px;
    padding: 0 16px 45px
}

@media screen and (max-width:767px),
print {
    #sp2 .instaxshare_easy_example {
        background: url(../img/top/bg.jpg);
        background-size: 205px;
        position: relative
    }
    #sp2 .instaxshare_easy_example:before {
        content: '';
        position: absolute;
        width: 100%;
        height: 175px;
        top: 0;
        left: 0;
        background: #fff;
        z-index: 0
    }
    #sp2 .instaxshare_easy_example ul {
        margin-bottom: 30px
    }
    #sp2 .instaxshare_easy_example li {
        display: none;
        position: relative;
        z-index: 1
    }
    #sp2 .instaxshare_easy_example li:first-child {
        display: block
    }
    #sp2 .instaxshare_easy_example img {
        width: 220px;
        margin: 0 auto;
        display: block
    }
    #sp2 .instaxshare_easy_example b {
        text-align: center;
        font-size: 16px;
        font-weight: 700;
        display: block;
        margin: 18px 0
    }
    #sp2 .instaxshare_easy_example p {
        line-height: 1.8
    }
}

@media screen and (min-width:768px),
print {
    #sp2 .instaxshare_easy_example {
        margin-top: 50px
    }
    #sp2 .instaxshare_easy_example ul {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-bottom: 40px
    }
    #sp2 .instaxshare_easy_example li {
        width: 270px;
        margin: 0 13px
    }
    #sp2 .instaxshare_easy_example li p {
        margin: 0 15px
    }
    #sp2 .instaxshare_easy_example li img {
        width: 100%
    }
    #sp2 .instaxshare_easy_example b {
        text-align: center;
        font-size: 16px;
        font-weight: 700;
        display: block;
        margin: 18px 0;
        color: #1a181b
    }
    #sp2 .instaxshare_easy_example p {
        line-height: 1.8;
        color: #1a181b
    }
}

#sp2 .instaxshare_easy_sbox {
    background: url(../img/top/bg.jpg);
    background-size: 205px
}

@media screen and (min-width:768px),
print {
    #sp2 .instaxshare_easy_sbox {
        padding-top: 30px
    }
}

@media screen and (max-width:767px),
print {
    #sp2 .instaxshare_easy_sbox {
        padding-top: 10px
    }
}

#sp2 .instaxshare_easy_sbox p {
    padding: 0 16px
}

@media screen and (min-width:768px),
print {
    #sp2 .instaxshare_easy_sbox h6+p {
        text-align: center;
        line-height: 2
    }
}

#sp2 .instaxshare_easy_sbox.custom {
    overflow: hidden
}

#sp2 .instaxshare_easy_sbox.custom h6 {
    margin-bottom: 25px
}

#sp2 .instaxshare_easy_sbox.custom ul {
    width: 210%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0)
}

@media screen and (min-width:768px),
print {
    #sp2 .instaxshare_easy_sbox.custom li {
        margin: 30px 10px 60px;
        width: 276px
    }
    #sp2 .instaxshare_easy_sbox.custom li img {
        width: 100%
    }
}

@media screen and (max-width:767px),
print {
    #sp2 .instaxshare_easy_sbox.custom li {
        margin: 30px 5px
    }
}

@media screen and (min-width:768px),
print {
    #sp2 .instaxshare_easy_sbox.intelligence p {
        text-align: center
    }
}

#sp2 .instaxshare_easy_sbox.intelligence .if_icon {
    width: 60px;
    display: block
}

@media screen and (min-width:768px),
print {
    #sp2 .instaxshare_easy_sbox.intelligence .if_icon {
        margin: 35px auto 15px
    }
}

@media screen and (max-width:767px),
print {
    #sp2 .instaxshare_easy_sbox.intelligence .if_icon {
        margin: 25px auto 15px
    }
}

@media screen and (min-width:768px),
print {
    #sp2 .instaxshare_easy_sbox.intelligence .intelligence_image {
        padding: 40px 0 55px;
        width: 604px;
        margin: 0 auto;
        display: block
    }
}

@media screen and (max-width:767px),
print {
    #sp2 .instaxshare_easy_sbox.intelligence .intelligence_image {
        padding: 15px 16px 55px
    }
}

@media screen and (min-width:768px),
print {
    #sp2 .instaxshare_easy_sbox.conversion {
        padding: 30px 16px 60px
    }
}

@media screen and (max-width:767px),
print {
    #sp2 .instaxshare_easy_sbox.conversion {
        padding: 0 16px 40px
    }
}

@media screen and (min-width:768px),
print {
    #sp2 .instaxshare_easy_sbox.conversion h6 {
        margin-bottom: 35px
    }
}

@media screen and (max-width:767px),
print {
    #sp2 .instaxshare_easy_sbox.conversion h6 {
        margin-bottom: 25px
    }
}

#sp2 .instaxshare_easy_sbox.conversion ul {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

@media screen and (min-width:768px),
print {
    #sp2 .instaxshare_easy_sbox.conversion ul {
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-top: 30px;
        padding: 0 0 50px
    }
}

@media screen and (max-width:767px),
print {
    #sp2 .instaxshare_easy_sbox.conversion ul {
        margin-top: 20px;
        padding: 0 0 40px
    }
}

#sp2 .instaxshare_easy_sbox.conversion li {
    text-align: center
}

@media screen and (min-width:768px),
print {
    #sp2 .instaxshare_easy_sbox.conversion li {
        width: 300px;
        margin: 0 10px
    }
    #sp2 .instaxshare_easy_sbox.conversion li img {
        width: 100%
    }
}

@media screen and (max-width:767px),
print {
    #sp2 .instaxshare_easy_sbox.conversion li {
        width: 50%
    }
}

#sp2 .instaxshare_easy_sbox.conversion li p {
    margin-top: 5px;
    font-family: Quicksand
}

@media screen and (min-width:768px),
print {
    #sp2 .instaxshare_easy_sbox.conversion li p {
        font-size: 20px
    }
}

@media screen and (min-width:768px),
print {
    #sp2 .instaxshare_original {
        background: url(../img/top/bg.jpg);
        background-size: 205px;
        position: relative
    }
    #sp2 .instaxshare_original:before {
        content: '';
        position: absolute;
        width: 100%;
        height: 590px;
        top: 0;
        left: 0;
        background: #fff;
        z-index: 0
    }
    #sp2 .instaxshare_original .inner {
        overflow: hidden
    }
}

@media screen and (max-width:767px),
print {
    #sp2 .instaxshare_original {
        margin-bottom: 72px
    }
}

#sp2 .instaxshare_original_template {
    margin-top: 30px;
    padding: 0 16px 45px
}

@media screen and (max-width:767px),
print {
    #sp2 .instaxshare_original_template {
        background: url(../img/top/bg.jpg);
        background-size: 205px;
        position: relative
    }
    #sp2 .instaxshare_original_template:before {
        content: '';
        position: absolute;
        width: 100%;
        height: 175px;
        top: 0;
        left: 0;
        background: #fff;
        z-index: 0
    }
    #sp2 .instaxshare_original_template ul {
        margin-bottom: 30px
    }
    #sp2 .instaxshare_original_template li {
        display: none;
        position: relative;
        z-index: 1;
        text-align: center
    }
    #sp2 .instaxshare_original_template li:first-child {
        display: block
    }
    #sp2 .instaxshare_original_template img {
        width: 220px;
        margin: 0 auto;
        display: block
    }
    #sp2 .instaxshare_original_template b {
        text-align: center;
        font-size: 16px;
        font-weight: 700;
        display: block;
        margin: 18px 0
    }
    #sp2 .instaxshare_original_template p {
        line-height: 1.8
    }
}

@media screen and (min-width:768px),
print {
    #sp2 .instaxshare_original_template {
        margin-top: 50px
    }
    #sp2 .instaxshare_original_template p {
        color: #1a181b
    }
    #sp2 .instaxshare_original_template ul {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-bottom: 55px
    }
    #sp2 .instaxshare_original_template li {
        width: 236px;
        margin: 0 27px
    }
    #sp2 .instaxshare_original_template li p {
        line-height: 1.8;
        margin: 0 15px;
        color: #1a181b
    }
    #sp2 .instaxshare_original_template li img {
        width: 100%
    }
    #sp2 .instaxshare_original_template b {
        text-align: center;
        font-size: 16px;
        font-weight: 700;
        display: block;
        margin: 18px 0;
        color: #1a181b
    }
}

#sp2 .instaxshare_original_sbox {
    background: url(../img/top/bg.jpg);
    background-size: 205px;
    padding-top: 10px;
    padding-bottom: 20px
}

@media screen and (min-width:768px),
print {
    #sp2 .instaxshare_original_sbox h6+p {
        text-align: center
    }
}

#sp2 .instaxshare_original_sbox.collage {
    overflow: hidden
}

@media screen and (min-width:768px),
print {
    #sp2 .instaxshare_original_sbox.collage {
        padding-bottom: 50px
    }
}

#sp2 .instaxshare_original_sbox.collage h6 {
    margin-bottom: 25px
}

@media screen and (max-width:767px),
print {
    #sp2 .instaxshare_original_sbox.collage h6+p {
        padding: 0 16px
    }
}

#sp2 .instaxshare_original_sbox.collage ul {
    width: 210%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0)
}

@media screen and (min-width:768px),
print {
    #sp2 .instaxshare_original_sbox.collage li {
        margin: 30px 36px;
        width: 276px
    }
    #sp2 .instaxshare_original_sbox.collage li img {
        width: 100%
    }
}

@media screen and (max-width:767px),
print {
    #sp2 .instaxshare_original_sbox.collage li {
        margin: 30px 10px
    }
}

#sp2 .instaxshare_original_sbox.collage li p {
    text-align: center;
    font-weight: 700;
    font-size: 14px;
    margin-top: 10px
}

#sp2 .instaxshare_original_sbox.split {
    overflow: hidden
}

@media screen and (min-width:768px),
print {
    #sp2 .instaxshare_original_sbox.split {
        width: 50%;
        float: left;
        height: 750px
    }
}

@media screen and (max-width:767px),
print {
    #sp2 .instaxshare_original_sbox.split {
        padding: 10px 16px 55px
    }
}

#sp2 .instaxshare_original_sbox.split h6 {
    margin-bottom: 25px
}

#sp2 .instaxshare_original_sbox.split>p {
    margin-bottom: 30px;
    padding: 0
}

@media screen and (min-width:768px),
print {
    #sp2 .instaxshare_original_sbox.split img {
        width: 420px;
        margin: 0 auto;
        display: block
    }
}

#sp2 .instaxshare_original_sbox.square {
    overflow: hidden
}

@media screen and (min-width:768px),
print {
    #sp2 .instaxshare_original_sbox.square {
        width: 50%;
        float: left;
        text-align: center;
        height: 750px
    }
}

@media screen and (max-width:767px),
print {
    #sp2 .instaxshare_original_sbox.square {
        padding: 10px 16px 55px
    }
}

#sp2 .instaxshare_original_sbox.square h6 {
    margin-bottom: 25px
}

@media screen and (min-width:768px),
print {
    #sp2 .instaxshare_original_sbox.square h6 {
        left: auto;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

#sp2 .instaxshare_original_sbox.square h6+p {
    padding: 0;
    margin-bottom: 30px
}

#sp2 .instaxshare_original_sbox.square ul {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    padding-bottom: 15px
}

#sp2 .instaxshare_original_sbox.square li {
    text-align: center
}

@media screen and (min-width:768px),
print {
    #sp2 .instaxshare_original_sbox.square li {
        width: 206px;
        margin: 0 15px
    }
    #sp2 .instaxshare_original_sbox.square li img {
        width: 100%
    }
}

@media screen and (max-width:767px),
print {
    #sp2 .instaxshare_original_sbox.square li {
        width: 50%;
        margin: 0 5px
    }
}

#sp2 .instaxshare_original_sbox.square li span {
    display: block;
    margin: 5px 0
}

#sp2 .instaxshare_original_sbox.snstemp {
    overflow: hidden;
    padding: 10px 16px 55px
}

@media screen and (min-width:768px),
print {
    #sp2 .instaxshare_original_sbox.snstemp {
        width: 50%;
        float: left;
        height: 580px
    }
    #sp2 .instaxshare_original_sbox.snstemp img {
        width: 470px
    }
}

#sp2 .instaxshare_original_sbox.snstemp h6 {
    margin-bottom: 25px
}

#sp2 .instaxshare_original_sbox.snstemp>p {
    margin-bottom: 30px;
    padding: 0
}

#sp2 .instaxshare_original_sbox.limited {
    overflow: hidden;
    padding: 10px 16px 55px
}

@media screen and (min-width:768px),
print {
    #sp2 .instaxshare_original_sbox.limited {
        width: 50%;
        float: left;
        height: 580px;
        text-align: center
    }
    #sp2 .instaxshare_original_sbox.limited img {
        width: 432px
    }
}

#sp2 .instaxshare_original_sbox.limited h6 {
    margin-bottom: 25px
}

@media screen and (min-width:768px),
print {
    #sp2 .instaxshare_original_sbox.limited h6 {
        left: auto;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

#sp2 .instaxshare_original_sbox.limited>p {
    margin-bottom: 30px;
    padding: 0
}

#sp2 .instaxshare_original_sbox.realtime {
    overflow: hidden;
    padding: 10px 16px 55px
}

@media screen and (min-width:768px),
print {
    #sp2 .instaxshare_original_sbox.realtime {
        width: 50%;
        float: left;
        height: 690px;
        text-align: center;
        padding-bottom: 0
    }
    #sp2 .instaxshare_original_sbox.realtime img {
        width: 454px
    }
}

#sp2 .instaxshare_original_sbox.realtime h6 {
    margin-bottom: 25px
}

@media screen and (min-width:768px),
print {
    #sp2 .instaxshare_original_sbox.realtime h6 {
        left: auto;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

#sp2 .instaxshare_original_sbox.realtime>p {
    margin-bottom: 30px;
    padding: 0
}

#sp2 .instaxshare_original_sbox.seasonal {
    padding: 10px 16px 45px
}

@media screen and (min-width:768px),
print {
    #sp2 .instaxshare_original_sbox.seasonal {
        width: 50%;
        float: left;
        height: 690px;
        text-align: center;
        position: relative;
        padding-bottom: 0;
        margin-bottom: 70px
    }
}

@media screen and (max-width:767px),
print {
    #sp2 .instaxshare_original_sbox.seasonal {
        overflow: hidden
    }
}

#sp2 .instaxshare_original_sbox.seasonal h6 {
    margin-bottom: 25px
}

@media screen and (min-width:768px),
print {
    #sp2 .instaxshare_original_sbox.seasonal h6 {
        left: auto;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

#sp2 .instaxshare_original_sbox.seasonal h6+p {
    padding: 0;
    margin-bottom: 30px
}

#sp2 .instaxshare_original_sbox.seasonal .tag_only {
    margin-bottom: 40px
}

#sp2 .instaxshare_original_sbox.seasonal img {
    margin-bottom: 20px
}

@media screen and (min-width:768px),
print {
    #sp2 .instaxshare_original_sbox.seasonal img {
        width: 456px
    }
}

@media screen and (min-width:768px),
print {
    #sp2 .instaxshare_original_sbox.seasonal .btn_close {
        position: absolute;
        bottom: 0;
        left: 0;
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0)
    }
}

@media screen and (min-width:768px),
print {
    #sp2 .instaxshare_lots {
        background: url(../img/top/bg.jpg);
        background-size: 205px;
        position: relative
    }
    #sp2 .instaxshare_lots:before {
        content: '';
        position: absolute;
        width: 100%;
        height: 510px;
        top: 0;
        left: 0;
        background: #fff;
        z-index: 0
    }
}

@media screen and (max-width:767px),
print {
    #sp2 .instaxshare_lots {
        margin-bottom: 72px
    }
}

@media screen and (max-width:767px),
print {
    #sp2 .instaxshare_lots_first {
        margin-top: 72px;
        background: url(../img/top/bg.jpg);
        background-size: 205px;
        position: relative;
        padding: 0 16px 40px
    }
    #sp2 .instaxshare_lots_first:before {
        content: '';
        position: absolute;
        width: 100%;
        height: 112px;
        top: 0;
        left: 0;
        background: #fff;
        z-index: 0
    }
}

@media screen and (min-width:768px),
print {
    #sp2 .instaxshare_lots_first {
        padding: 0 16px 60px
    }
}

#sp2 .instaxshare_lots_first ul {
    position: relative;
    z-index: 1
}

@media screen and (min-width:768px),
print {
    #sp2 .instaxshare_lots_first ul {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

#sp2 .instaxshare_lots_first li {
    text-align: center;
    margin-bottom: 30px
}

@media screen and (min-width:768px),
print {
    #sp2 .instaxshare_lots_first li {
        width: 465px;
        margin: 70px 15px 40px
    }
    #sp2 .instaxshare_lots_first li img {
        width: 100%
    }
}

#sp2 .instaxshare_lots_first li p {
    font-size: 14px;
    font-weight: 500;
    margin-top: 20px
}

#sp2 .instaxshare_lots_close {
    background: url(../img/top/bg.jpg);
    background-size: 205px;
    position: relative
}

@media screen and (max-width:767px),
print {
    #sp2 .instaxshare_lots_close {
        padding: 0 16px 40px
    }
}

@media screen and (min-width:768px),
print {
    #sp2 .instaxshare_lots_close {
        padding: 50px 16px
    }
}

#sp2 .instaxshare_lots_more {
    position: relative
}

@media screen and (min-width:768px),
print {
    #sp2 .instaxshare_lots_more {
        padding: 0 16px 60px;
        text-align: center
    }
}

@media screen and (max-width:767px),
print {
    #sp2 .instaxshare_lots_more {
        padding: 0 16px 35px;
        background: url(../img/top/bg.jpg);
        background-size: 205px;
        overflow: hidden
    }
}

#sp2 .instaxshare_lots_more ul {
    position: relative;
    z-index: 1
}

@media screen and (min-width:768px),
print {
    #sp2 .instaxshare_lots_more ul {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media screen and (max-width:767px),
print {
    #sp2 .instaxshare_lots_more ul {
        margin: 0
    }
}

#sp2 .instaxshare_lots_more ul+p {
    text-align: center;
    font-weight: 500
}

@media screen and (min-width:768px),
print {
    #sp2 .instaxshare_lots_more ul+p {
        margin: 10px 0 60px
    }
}

@media screen and (max-width:767px),
print {
    #sp2 .instaxshare_lots_more ul+p {
        margin-bottom: 40px
    }
}

#sp2 .instaxshare_lots_more ul+p a {
    text-decoration: underline
}

#sp2 .instaxshare_lots_more li {
    text-align: center
}

@media screen and (min-width:768px),
print {
    #sp2 .instaxshare_lots_more li {
        margin: 0 11px 40px;
        width: 306px
    }
    #sp2 .instaxshare_lots_more li img {
        width: 100%
    }
}

@media screen and (max-width:767px),
print {
    #sp2 .instaxshare_lots_more li {
        margin-bottom: 30px
    }
}

#sp2 .instaxshare_lots_more li p {
    font-weight: 500;
    margin-top: 20px
}

@media screen and (min-width:768px),
print {
    #sp2 .instaxshare_lots_more li p {
        font-size: 16px
    }
}

@media screen and (max-width:767px),
print {
    #sp2 .instaxshare_lots_more li p {
        font-size: 14px
    }
}

@media screen and (min-width:768px),
print {
    #sp2 .instaxshare_cheki {
        background: url(../img/top/bg.jpg);
        background-size: 205px;
        position: relative;
        padding: 0 16px 35px;
        padding-top: 70px
    }
    #sp2 .instaxshare_cheki:before {
        content: '';
        position: absolute;
        width: 100%;
        height: 545px;
        top: 0;
        left: 0;
        background: #fff;
        z-index: 0
    }
}

@media screen and (min-width:768px),
print {
    #sp2 .instaxshare_cheki_main {
        text-align: center;
        margin: 40px 0
    }
}

@media screen and (max-width:767px),
print {
    #sp2 .instaxshare_cheki_main {
        margin: 40px 0 0;
        background: url(../img/top/bg.jpg);
        background-size: 205px;
        position: relative;
        padding: 0 16px 35px
    }
    #sp2 .instaxshare_cheki_main:before {
        content: '';
        position: absolute;
        width: 100%;
        height: 72px;
        top: 0;
        left: 0;
        background: #fff;
        z-index: 0
    }
}

#sp2 .instaxshare_cheki_main img {
    position: relative;
    z-index: 1;
    padding: 0 20px;
    margin-bottom: 20px
}

@media screen and (min-width:768px),
print {
    #sp2 .instaxshare_cheki_main img {
        padding: 0;
        width: 646px
    }
}

#sp2 .instaxshare_cheki_main p {
    line-height: 1.8
}

#sp2 .instaxshare_cheki_specification {
    position: relative;
    background: url(../img/top/bg.jpg);
    background-size: 205px;
    font-size: 12px
}

@media screen and (min-width:768px),
print {
    #sp2 .instaxshare_cheki_specification {
        text-align: center;
        padding: 45px 16px
    }
}

@media screen and (max-width:767px),
print {
    #sp2 .instaxshare_cheki_specification {
        padding: 20px 16px 45px
    }
}

#sp2 .instaxshare_cheki_specification:after {
    content: "";
    width: 32px;
    height: 1px;
    background: #000;
    position: absolute;
    top: 0;
    left: 16px
}

@media screen and (min-width:768px),
print {
    #sp2 .instaxshare_cheki_specification:after {
        width: 56px;
        left: 0;
        right: 0;
        margin: 0 auto
    }
}

#sp2 .instaxshare_cheki_specification b {
    margin-bottom: 5px;
    display: inline-block
}

#sp2 .instaxshare_cheki_specification .pdf {
    margin-top: 32px;
    text-align: center
}

@media screen and (min-width:768px),
print {
    #sp2 .instaxshare_cheki_specification .pdf {
        position: relative;
        display: inline-block;
        padding-right: 40px;
        margin-bottom: 35px
    }
    #sp2 .instaxshare_cheki_specification .pdf br {
        display: none
    }
}

@media screen and (max-width:767px),
print {
    #sp2 .instaxshare_cheki_specification .pdf {
        display: block;
        margin-bottom: 25px
    }
}

#sp2 .instaxshare_cheki_specification .pdf img {
    display: block
}

@media screen and (min-width:768px),
print {
    #sp2 .instaxshare_cheki_specification .pdf img {
        position: absolute;
        width: 27px;
        right: 0;
        top: -6px
    }
}

@media screen and (max-width:767px),
print {
    #sp2 .instaxshare_cheki_specification .pdf img {
        width: 32px;
        margin: 0 auto 5px
    }
}

#sp2 .instaxshare_cheki_specification .pdf p {
    text-decoration: underline
}

#sp2 .instaxshare_cheki_specification small {
    font-size: 10px
}

@media screen and (min-width:768px),
print {
    #sp2 .instaxshare_cheki_specification small {
        display: block
    }
}

#sp2 .instaxshare_cheki_specification small a {
    text-decoration: underline
}

@media screen and (min-width:768px),
print {
    #sp2 .instaxshare_app {
        position: relative;
        height: 1000px
    }
    #sp2 .instaxshare_app:before {
        content: "";
        position: absolute;
        height: 700px;
        width: 853px;
        background: url(../img/top/app_bg2.jpg) no-repeat top left;
        background-size: cover;
        top: 300px;
        left: 50%;
        margin-left: -954px
    }
}

@media screen and (max-width:767px),
print {
    #sp2 .instaxshare_app {
        padding-top: 84px;
        padding-bottom: 30px;
        background: url(../img/top/app_bg_sp.jpg) no-repeat top center;
        background-size: contain
    }
}

#sp2 .instaxshare_app_mobile {
    display: block
}

@media screen and (min-width:768px),
print {
    #sp2 .instaxshare_app_mobile {
        width: 230px;
        -webkit-transform: translate(-215px, 0);
        transform: translate(-215px, 0);
        position: absolute;
        left: 50%;
        top: 115px
    }
}

@media screen and (max-width:767px),
print {
    #sp2 .instaxshare_app_mobile {
        margin: 0 auto;
        width: 170px
    }
}

@media screen and (min-width:768px),
print {
    #sp2 .instaxshare_app_box {
        width: 450px;
        position: absolute;
        left: 50%;
        margin-left: 40px;
        top: 86px
    }
}

@media screen and (max-width:767px),
print {
    #sp2 .instaxshare_app_box {
        width: 100%
    }
}

#sp2 .instaxshare_app_box_icon {
    display: block
}

@media screen and (min-width:768px),
print {
    #sp2 .instaxshare_app_box_icon {
        width: 104px;
        margin: 0 auto 15px
    }
}

@media screen and (max-width:767px),
print {
    #sp2 .instaxshare_app_box_icon {
        width: 80px;
        margin: 20px auto 15px
    }
}

#sp2 .instaxshare_app_box h4 {
    text-align: center;
    margin-bottom: 18px
}

@media screen and (min-width:768px),
print {
    #sp2 .instaxshare_app_box h4 {
        font-size: 26px
    }
}

@media screen and (max-width:767px),
print {
    #sp2 .instaxshare_app_box h4 {
        font-size: 20px
    }
}

#sp2 .instaxshare_app_box h4+p {
    text-align: center;
    font-size: 12px;
    line-height: 1.8
}

#sp2 .instaxshare_app_device {
    text-align: center;
    font-size: 10px
}

@media screen and (min-width:768px),
print {
    #sp2 .instaxshare_app_device {
        margin: 35px auto 50px;
        width: 100%;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media screen and (max-width:767px),
print {
    #sp2 .instaxshare_app_device {
        margin: 35px auto;
        width: 212px
    }
}

@media screen and (min-width:768px),
print {
    #sp2 .instaxshare_app_device li {
        width: 180px;
        margin: 0 8px
    }
    #sp2 .instaxshare_app_device li img {
        width: 100%
    }
}

@media screen and (max-width:767px),
print {
    #sp2 .instaxshare_app_device li {
        margin-bottom: 25px
    }
}

#sp2 .instaxshare_app_device a {
    display: block
}

@media screen and (min-width:768px),
print {
    #sp2 .instaxshare_app_device a {
        margin-bottom: 5px
    }
}

#sp2 .instaxshare_app_detail {
    font-size: 10px;
    padding: 0 16px;
    line-height: 1.8
}

@media screen and (min-width:768px),
print {
    #sp2 .instaxshare_app_detail {
        line-height: 2
    }
}

@media screen and (min-width:768px),
print {
    .instaxshare_spec .inner {
        max-width: 1040px;
        margin: 0 auto
    }
}

@media screen and (max-width:767px),
print {
    .instaxshare_spec .inner {
        padding: 0 16px
    }
}

.instaxshare_spec h1 {
    text-align: center;
    font-weight: 700
}

@media screen and (min-width:768px),
print {
    .instaxshare_spec h1 {
        margin: 80px auto 40px;
        width: 122px
    }
}

@media screen and (max-width:767px),
print {
    .instaxshare_spec h1 {
        margin: 0 auto;
        font-size: 14px;
        width: 82px;
        margin: 45px auto 35px
    }
}

.instaxshare_spec h1 span {
    display: block;
    font-weight: 700
}

@media screen and (min-width:768px),
print {
    .instaxshare_spec h1 span {
        margin-top: 20px;
        font-size: 18px;
        letter-spacing: .2em
    }
}

@media screen and (max-width:767px),
print {
    .instaxshare_spec h1 span {
        margin-top: 5px;
        font-size: 14px
    }
}

@media screen and (min-width:768px),
print {
    .instaxshare_spec_name {
        width: 1040px
    }
}

.instaxshare_spec_name h2 {
    display: block
}

@media screen and (min-width:768px),
print {
    .instaxshare_spec_name h2 {
        font-size: 24px;
        border-bottom: 3px solid #000;
        padding-bottom: 8px
    }
}

@media screen and (max-width:767px),
print {
    .instaxshare_spec_name h2 {
        font-size: 16px;
        border-bottom: 2px solid #000;
        padding-bottom: 8px
    }
}

@media screen and (min-width:768px),
print {
    .instaxshare_spec_name img {
        float: right
    }
}

@media screen and (max-width:767px),
print {
    .instaxshare_spec_name img {
        margin: 0 auto;
        max-width: 400px
    }
}

.instaxshare_spec_name ul {
    clear: both
}

@media screen and (min-width:768px),
print {
    .instaxshare_spec_name ul {
        padding-top: 35px;
        margin-left: 270px
    }
}

@media screen and (max-width:767px),
print {
    .instaxshare_spec_name ul {
        margin-top: 25px
    }
}

.instaxshare_spec_name li {
    font-size: 14px;
    position: relative;
    line-height: 2;
    vertical-align: middle
}

@media screen and (min-width:768px),
print {
    .instaxshare_spec_name li {
        display: inline-block;
        margin-right: 18px;
        margin-bottom: 5px
    }
}

.instaxshare_spec_name li:before {
    content: "1";
    position: relative;
    display: inline-block;
    background: #000;
    border-radius: 50%;
    color: #fff;
    width: 18px;
    height: 18px;
    text-align: center;
    line-height: 18px;
    font-size: 9px;
    top: -1px;
    margin-right: 8px
}

.instaxshare_spec_name li:nth-child(2):before {
    content: "2"
}

.instaxshare_spec_name li:nth-child(3):before {
    content: "3"
}

.instaxshare_spec_name li:nth-child(4):before {
    content: "4"
}

.instaxshare_spec_name li:nth-child(5):before {
    content: "5"
}

.instaxshare_spec_name li:nth-child(6):before {
    content: "6"
}

.instaxshare_spec_name li:nth-child(7):before {
    content: "7"
}

.instaxshare_spec_name li:nth-child(8):before {
    content: "8"
}

.instaxshare_spec_name li:nth-child(9):before {
    content: "9"
}

.instaxshare_spec_name li:nth-child(10):before {
    content: "10"
}

.instaxshare_spec_name li:nth-child(11):before {
    content: "11"
}

.instaxshare_spec_name li:nth-child(12):before {
    content: "12"
}

.instaxshare_spec_name_sp2 {
    border-bottom: 1px solid #dcdcdc
}

@media screen and (min-width:768px),
print {
    .instaxshare_spec_name_sp2 {
        padding-top: 27px;
        padding-bottom: 40px;
        position: relative
    }
}

@media screen and (max-width:767px),
print {
    .instaxshare_spec_name_sp2 {
        padding-top: 30px;
        padding-bottom: 40px
    }
}

.instaxshare_spec_name_sp2 h3 {
    display: block
}

.instaxshare_spec_name_sp2 h3 img {
    width: 100%
}

@media screen and (min-width:768px),
print {
    .instaxshare_spec_name_sp2 h3 {
        width: 161px;
        position: absolute;
        top: 225px;
        left: 62px
    }
}

@media screen and (max-width:767px),
print {
    .instaxshare_spec_name_sp2 h3 {
        width: 104px;
        margin: 0 auto 30px
    }
}

@media screen and (min-width:768px),
print {
    .instaxshare_spec_name_sp3 {
        padding-top: 45px;
        padding-bottom: 40px;
        position: relative
    }
}

@media screen and (max-width:767px),
print {
    .instaxshare_spec_name_sp3 {
        padding-top: 45px;
        padding-bottom: 65px
    }
}

.instaxshare_spec_name_sp3 h3 {
    display: block
}

.instaxshare_spec_name_sp3 h3 img {
    width: 100%
}

@media screen and (min-width:768px),
print {
    .instaxshare_spec_name_sp3 h3 {
        width: 160px;
        position: absolute;
        top: 244px;
        left: 62px
    }
}

@media screen and (max-width:767px),
print {
    .instaxshare_spec_name_sp3 h3 {
        width: 104px;
        margin: 0 auto 30px
    }
}

@media screen and (min-width:768px),
print {
    .instaxshare_spec_color {
        padding-bottom: 100px;
        width: 1040px
    }
}

@media screen and (max-width:767px),
print {
    .instaxshare_spec_color {
        padding-bottom: 65px
    }
}

.instaxshare_spec_color h2 {
    display: block
}

@media screen and (min-width:768px),
print {
    .instaxshare_spec_color h2 {
        font-size: 24px;
        border-bottom: 3px solid #000;
        padding-bottom: 8px
    }
}

@media screen and (max-width:767px),
print {
    .instaxshare_spec_color h2 {
        font-size: 16px;
        border-bottom: 2px solid #000;
        padding-bottom: 8px
    }
}

.instaxshare_spec_color_wrap {
    overflow: hidden
}

@media screen and (min-width:768px),
print {
    .instaxshare_spec_color dl {
        float: left;
        width: 500px
    }
    .instaxshare_spec_color dl:first-child {
        margin-right: 40px
    }
}

@media screen and (max-width:767px),
print {
    .instaxshare_spec_color dl {
        margin-top: 30px
    }
}

.instaxshare_spec_color dt {
    display: block;
    margin: 0 auto 30px
}

@media screen and (min-width:768px),
print {
    .instaxshare_spec_color dt {
        width: 140px
    }
    .instaxshare_spec_color dt img {
        width: 100%
    }
}

@media screen and (max-width:767px),
print {
    .instaxshare_spec_color dt {
        width: 104px
    }
}

.instaxshare_spec_color dd {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.instaxshare_spec_color dd p {
    text-align: center
}

@media screen and (min-width:768px),
print {
    .instaxshare_spec_color dd p {
        font-size: 14px
    }
}

@media screen and (max-width:767px),
print {
    .instaxshare_spec_color dd p {
        font-size: 12px
    }
}

.instaxshare_spec_color dd p:first-child {
    margin-right: 8%
}

.instaxshare_spec_color dd p span {
    display: block
}

@media screen and (max-width:767px),
print {
    .instaxshare_spec_color dd p span {
        margin-top: 5px
    }
}

@media screen and (min-width:768px),
print {
    .instaxshare_spec_color_sp2 {
        margin-top: 72px
    }
    .instaxshare_spec_color_sp2 dt {
        margin-bottom: 53px
    }
    .instaxshare_spec_color_sp2 span {
        margin-top: 12px
    }
    .instaxshare_spec_color_sp3 {
        margin-top: 48px
    }
    .instaxshare_spec_color_sp3 dt {
        margin-bottom: 32px
    }
    .instaxshare_spec_color_sp3 span {
        margin-top: 25px
    }
}

@media screen and (min-width:768px),
print {
    .instaxshare_spec_detail {
        padding-bottom: 100px;
        width: 1040px
    }
}

@media screen and (max-width:767px),
print {
    .instaxshare_spec_detail {
        padding-bottom: 65px
    }
}

.instaxshare_spec_detail h2 {
    display: block
}

@media screen and (min-width:768px),
print {
    .instaxshare_spec_detail h2 {
        font-size: 24px;
        border-bottom: 3px solid #000;
        padding-bottom: 8px
    }
}

@media screen and (max-width:767px),
print {
    .instaxshare_spec_detail h2 {
        font-size: 16px;
        border-bottom: 2px solid #000;
        padding-bottom: 8px
    }
}

@media screen and (min-width:768px),
print {
    .instaxshare_spec_detail_wrap {
        overflow: hidden
    }
}

@media screen and (min-width:768px),
print {
    .instaxshare_spec_detail .spec_box {
        float: left;
        width: 500px
    }
}

@media screen and (min-width:768px),
print {
    .instaxshare_spec_detail .spec_box+.spec_box {
        margin-left: 40px
    }
    .instaxshare_spec_detail .spec_box+.spec_box h3 {
        margin: 40px auto
    }
}

@media screen and (max-width:767px),
print {
    .instaxshare_spec_detail .spec_box+.spec_box {
        margin-top: 45px
    }
}

.instaxshare_spec_detail .spec_box h3 {
    display: block
}

@media screen and (min-width:768px),
print {
    .instaxshare_spec_detail .spec_box h3 {
        width: 160px;
        margin: 68px auto
    }
    .instaxshare_spec_detail .spec_box h3 img {
        width: 100%
    }
}

@media screen and (max-width:767px),
print {
    .instaxshare_spec_detail .spec_box h3 {
        width: 104px;
        margin: 30px auto
    }
}

.instaxshare_spec_detail .spec_box dl {
    border-top: 2px solid #000;
    font-size: 14px
}

.instaxshare_spec_detail .spec_box dt {
    font-weight: 700
}

@media screen and (min-width:768px),
print {
    .instaxshare_spec_detail .spec_box dt {
        width: 160px;
        display: block;
        float: left;
        padding-bottom: 25px;
        padding-top: 25px;
        border-bottom: 1px solid #000;
        clear: both
    }
}

@media screen and (max-width:767px),
print {
    .instaxshare_spec_detail .spec_box dt {
        margin: 20px 0 8px;
        display: block
    }
}

.instaxshare_spec_detail .spec_box dd {
    display: block;
    border-bottom: 1px solid #dcdcdc
}

@media screen and (min-width:768px),
print {
    .instaxshare_spec_detail .spec_box dd {
        width: 340px;
        display: block;
        float: left;
        padding-bottom: 25px;
        padding-top: 25px;
        white-space: nowrap
    }
}

@media screen and (max-width:767px),
print {
    .instaxshare_spec_detail .spec_box dd {
        padding-bottom: 20px
    }
}

.instaxshare_spec .spec_caution {
    clear: both
}

@media screen and (min-width:768px),
print {
    .instaxshare_spec .spec_caution {
        padding-top: 40px
    }
}

@media screen and (max-width:767px),
print {
    .instaxshare_spec .spec_caution {
        margin-top: 45px
    }
}

.instaxshare_spec .spec_caution small {
    line-height: 2;
    text-indent: -1em;
    margin-left: 1em;
    display: block
}

@media screen and (min-width:768px),
print {
    .instaxshare_spec .spec_caution small {
        font-size: 12px
    }
}

@media screen and (max-width:767px),
print {
    .instaxshare_spec .spec_caution small {
        font-size: 10px
    }
}

@media screen and (min-width:768px),
print {
    .instaxshare_question {
        width: 800px;
        margin: 0 auto;
        padding-bottom: 80px
    }
}

@media screen and (max-width:767px),
print {
    .instaxshare_question {
        padding: 0 16px 46px
    }
}

.instaxshare_question h1 {
    text-align: center
}

@media screen and (min-width:768px),
print {
    .instaxshare_question h1 {
        margin: 80px auto 70px
    }
}

@media screen and (max-width:767px),
print {
    .instaxshare_question h1 {
        width: 177px;
        margin: 40px auto 35px
    }
}

.instaxshare_question h1 img {}

.instaxshare_question h1 span {
    display: block;
    font-weight: 700
}

@media screen and (min-width:768px),
print {
    .instaxshare_question h1 span {
        margin-top: 5px;
        font-size: 18px;
        letter-spacing: .2em
    }
}

@media screen and (max-width:767px),
print {
    .instaxshare_question h1 span {
        margin-top: 5px;
        font-size: 14px
    }
}

.instaxshare_question .q_box {
    box-shadow: 0 2px 0 0 #dfdfdf;
    margin-bottom: 24px;
    position: relative
}

@media screen and (min-width:768px),
print {
    .instaxshare_question .q_box {
        border: 3px solid #0a080a;
        font-size: 14px
    }
}

@media screen and (max-width:767px),
print {
    .instaxshare_question .q_box {
        border: 2px solid #0a080a
    }
}

.instaxshare_question .q_box.on dt span:after {
    height: 0
}

.instaxshare_question .q_box>dt {
    display: block;
    position: relative
}

@media screen and (min-width:768px),
print {
    .instaxshare_question .q_box>dt {
        cursor: pointer
    }
}

.instaxshare_question .q_box>dt span {
    display: block;
    position: relative;
    width: 100%
}

@media screen and (min-width:768px),
print {
    .instaxshare_question .q_box>dt span {
        padding: 25px 55px 25px 90px
    }
}

@media screen and (max-width:767px),
print {
    .instaxshare_question .q_box>dt span {
        padding: 15px 30px 15px 60px
    }
}

.instaxshare_question .q_box>dt span:before {
    content: "";
    background: #1b1b1b;
    display: block;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

@media screen and (min-width:768px),
print {
    .instaxshare_question .q_box>dt span:before {
        width: 14px;
        height: 4px;
        right: 20px
    }
}

@media screen and (max-width:767px),
print {
    .instaxshare_question .q_box>dt span:before {
        width: 10px;
        height: 2px;
        right: 12px
    }
}

.instaxshare_question .q_box>dt span:after {
    content: "";
    background: #1b1b1b;
    display: block;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    right: 16px;
    transition: height .25s linear
}

@media screen and (min-width:768px),
print {
    .instaxshare_question .q_box>dt span:after {
        width: 4px;
        height: 14px;
        right: 25px
    }
}

@media screen and (max-width:767px),
print {
    .instaxshare_question .q_box>dt span:after {
        width: 2px;
        height: 10px;
        right: 16px
    }
}

.instaxshare_question .q_box>dt:before {
    content: "Q";
    font-weight: 700;
    color: #fff;
    font-family: Quicksand;
    display: block;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -55%);
    transform: translate(0, -55%);
    left: 0;
    text-align: center;
    z-index: 1
}

@media screen and (min-width:768px),
print {
    .instaxshare_question .q_box>dt:before {
        font-size: 32px;
        width: 69px
    }
}

@media screen and (max-width:767px),
print {
    .instaxshare_question .q_box>dt:before {
        font-size: 24px;
        width: 48px
    }
}

.instaxshare_question .q_box>dt:after {
    content: "";
    background: #1b1b1b;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 0
}

@media screen and (min-width:768px),
print {
    .instaxshare_question .q_box>dt:after {
        width: 69px
    }
}

@media screen and (max-width:767px),
print {
    .instaxshare_question .q_box>dt:after {
        width: 48px
    }
}

.instaxshare_question .q_box>dd {
    position: relative;
    display: none
}

@media screen and (min-width:768px),
print {
    .instaxshare_question .q_box>dd {
        padding: 25px 55px 25px 90px;
        border-top: 3px solid #0a080a
    }
}

@media screen and (max-width:767px),
print {
    .instaxshare_question .q_box>dd {
        padding: 15px 30px 15px 60px;
        border-top: 2px solid #0a080a
    }
}

.instaxshare_question .q_box>dd:before {
    content: "A";
    font-weight: 700;
    color: #1b1b1b;
    font-size: 24px;
    font-family: Quicksand;
    display: block;
    position: absolute;
    top: 37px;
    -webkit-transform: translate(0, -55%);
    transform: translate(0, -55%);
    left: 0;
    text-align: center;
    z-index: 1
}

@media screen and (min-width:768px),
print {
    .instaxshare_question .q_box>dd:before {
        font-size: 32px;
        width: 69px
    }
}

@media screen and (max-width:767px),
print {
    .instaxshare_question .q_box>dd:before {
        font-size: 24px;
        width: 48px
    }
}

.instaxshare_question .q_box>dd:after {
    content: "";
    background: #e5e5e5;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 0
}

@media screen and (min-width:768px),
print {
    .instaxshare_question .q_box>dd:after {
        width: 69px
    }
}

@media screen and (max-width:767px),
print {
    .instaxshare_question .q_box>dd:after {
        width: 48px
    }
}

#footerParts {
    position: relative
}

@media screen and (min-width:768px),
print {
    #footerParts {
        height: 40px
    }
}

#language {
    background: #fff
}

@media screen and (min-width:768px),
print {
    #language {
        display: none
    }
}

@media screen and (max-width:767px),
print {
    #language {
        text-align: center
    }
}

@media screen and (min-width:768px),
print {
    #language ul {
        float: right
    }
}

@media screen and (max-width:767px),
print {
    #language ul {
        padding: 10px 0;
        text-align: center
    }
}

#language ul li {
    font-size: 12px
}

@media screen and (min-width:768px),
print {
    #language ul li {
        float: left
    }
}

@media screen and (max-width:767px),
print {
    #language ul li {
        display: inline-block
    }
}

#language ul li a {
    display: block;
    box-sizing: border-box;
    height: 30px;
    line-height: 1.5;
    color: #000;
    text-decoration: none
}

@media screen and (min-width:768px),
print {
    #language ul li a {
        padding: 5px 12px
    }
}

@media screen and (max-width:767px),
print {
    #language ul li a {
        padding: 5px 6px
    }
}

#footerWrap {
    width: 100%;
    overflow: hidden;
    z-index: 100;
    bottom: 0;
    left: 0
}

@media screen and (min-width:768px),
print {
    #footerWrap {
        position: absolute;
        min-width: 1000px
    }
}

#footerWrap a,
#footerWrap p,
#footerWrap div,
#footerWrap span,
#footerWrap li,
#footerWrap ul {
    box-sizing: content-box
}

#footerWrap #footer {
    background: #000;
    width: 100%;
    z-index: 100
}

@media screen and (min-width:768px),
print {
    #footerWrap #footer {
        height: 40px
    }
}

@media screen and (max-width:767px),
print {
    #footerWrap #footer {
        padding: 10px 0
    }
}

#footerWrap #footer #footerMain {
    z-index: 100;
    position: relative;
    margin: 0 auto
}

@media screen and (min-width:768px),
print {
    #footerWrap #footer #footerMain {
        width: 1000px
    }
}

#footerMain .languageBtn {
    float: right;
    display: block;
    height: 40px;
    background: #333;
    position: relative;
    margin-left: 10px
}

@media screen and (max-width:767px),
print {
    #footerMain .languageBtn {
        display: none
    }
}

#footerMain .languageBtn a {
    display: block;
    height: 40px;
    color: #fff;
    padding: 2px 15px;
    box-sizing: border-box;
    font-size: 14px;
    text-decoration: none;
    position: relative;
    transition-duration: .3s;
    line-height: 2.3;
    cursor: pointer
}

#footerMain .languageBtn a .rel {
    position: relative
}

#footerMain .languageBtn a:before {
    content: '';
    display: block;
    position: absolute;
    height: 100%;
    width: 0;
    left: 0;
    top: 0;
    background: #f5f5f5;
    transition-duration: .3s;
    transition-timing-function: cubic-bezier(0, .95, .35, 1)
}

#footerMain .languageBtn a:hover {
    color: #000
}

#footerMain .languageBtn a:hover:before {
    width: 100%
}

#language .footerInner {
    z-index: 100;
    position: relative;
    margin: 0 auto
}

@media screen and (min-width:768px),
print {
    #language .footerInner {
        width: 1000px
    }
}

#footer .share {
    font-size: 11px;
    line-height: 1.2em;
    padding-bottom: .3em;
    color: #fff
}

#footer li a {
    color: #ccc;
    text-decoration: none
}

#footer li a:hover,
#footer li a:focus {
    text-decoration: underline
}

#footer #copy {
    font-size: 10px;
    color: #606060;
    line-height: 1.2em;
    padding-top: 13px;
    display: block;
    width: 205px;
    padding-left: 0;
    height: 15px;
    overflow: hidden
}

@media screen and (min-width:768px),
print {
    #footer #copy {
        float: left
    }
}

@media screen and (max-width:767px),
print {
    #footer #copy {
        width: 100%;
        text-align: center
    }
}

#footer #copy a {
    color: #999
}

#footer #footerEnd {
    clear: both;
    font-family: Noto Sans
}

#footer #footerEnd #copy img {
    padding-right: 10px;
    vertical-align: -15%
}

#footer #footerEnd ul {
    margin: 0;
    padding: 6px 0 0
}

@media screen and (min-width:768px),
print {
    #footer #footerEnd ul {
        float: right
    }
}

@media screen and (max-width:767px),
print {
    #footer #footerEnd ul {
        text-align: center;
        overflow: hidden
    }
}

* html #footer #footerEnd ul {
    padding-right: 0
}

#footer #footerEnd li {
    color: #fff;
    width: auto;
    white-space: nowrap;
    font-size: 12px;
    line-height: 1.3em;
    padding: 0;
    margin-right: 24px
}

@media screen and (min-width:768px),
print {
    #footer #footerEnd li {
        text-align: right;
        float: left;
        display: block
    }
}

@media screen and (max-width:767px),
print {
    #footer #footerEnd li {
        display: inline-block
    }
}

@media screen and (min-width:768px),
print {
    #footer #footerEnd li.textList {
        padding-top: 7px
    }
}

@media screen and (max-width:767px),
print {
    #footer #footerEnd li.textList {
        vertical-align: top;
        padding-top: 7px
    }
}

#footer #footerEnd li.last {
    padding-right: 0
}

#footer #footerEnd li a {
    color: #fff;
    padding-right: 0;
    white-space: nowrap
}

#footer #footerEnd li a.icExternal {
    background-image: url(../images/common/ic_external.gif);
    background-repeat: no-repeat;
    background-position: right top;
    padding-right: 18px;
    margin-right: 0;
    white-space: nowrap
}

#footer #footerEnd li.share {
    font-size: 12px;
    color: #fff;
    width: 26px;
    padding: 0;
    padding-left: 9px;
    margin-top: 1px;
    margin-right: 0;
    overflow: hidden
}

@media screen and (min-width:768px),
print {
    #footer #footerEnd li.share {
        text-align: right;
        display: block
    }
}

@media screen and (max-width:767px),
print {
    #footer #footerEnd li.share {
        display: inline-block
    }
}

#footer #footerEnd .share a {
    background-image: none;
    margin: 0;
    padding: 0
}

#footer #footerEnd .share img {
    vertical-align: -20%
}

.instaxshare_header .lang {
    background: rgba(51, 51, 51, 1);
    border: 1px solid #fff;
    color: #fff;
    margin-left: 20px;
    position: absolute;
    right: 45px;
    top: 30px;
}

.instaxshare_header .lang .trigger:after {
    display: inline-block;
    content: url(../img/common/ico-arw-dwn.svg);
    width: 10px;
    height: auto;
    margin-left: 10px;
}

.instaxshare_header .lang .trigger.open:after {
    transform: rotate(180deg);
}

.instaxshare_header .lang ul li {
    padding: 5px 10px;
}

.instaxshare_header .lang .child {
    display: none;
    height: auto;
    width: auto;
}

.instaxshare_header .lang a {
    overflow: visible !Important;
}

.instaxshare_header .lang .fr {
    float: none !Important;
}

.q_box p+p {
    margin-top: 10px;
}

.q_box_detail {}

.q_box p+.q_box_detail {
    margin-top: 20px;
}

.q_box_detail dt {
    font-weight: bold;
}

.q_box_detail.list-num>dt {
    margin-left: 0;
}

.a_box_detail dt {
    margin-left: 1.5em;
}

.q_box_detail dt+dt,
.q_box_detail dd+dt {
    margin-top: 20px;
}

.q_box_detail dd {
    padding-top: 5px;
}

.q_box .q_box_detail+.q_box_link {
    margin-top: 30px;
}

.q_box_link a,
.a_box_link a,
a.q_box_link,
a.a_box_link {
    text-decoration: underline;
}

.q_box_detail *+strong {
    display: block;
    margin-top: 10px;
}

.list-num {
    list-style: decimal inside;
    margin-left: 0;
}

.list-num>li,
.list-num>dt {
    display: list-item;
    padding-left: 2em;
    text-indent: -1.5em;
}

.q_box_detail.list-num>li,
.q_box_detail.list-num>dt {
    display: list-item;
    padding-left: 1.5em;
    text-indent: -1.5em;
}

.list-num>li:nth-of-type(n+2) {
    margin-top: 0.5em;
}

.list-num>dt:nth-of-type(n+2) {
    margin-top: 1.5em;
}

.list-num>dd {
    padding-left: 2em;
}

.list-num>li:before {
    content: " ";
    display: inline-block;
    margin-right: 0.5em;
}

.list-num-child {
    counter-reset: listNum;
    list-style: none;
    margin-left: 1em;
}

.list-num .list-num-child {
    margin-left: 0.5em;
}

.list-num-child>li {
    padding-left: 1.5em;
    text-indent: -0.5em;
}

.list-num-child>li:nth-of-type(n+2) {
    margin-top: 0.5em;
}

.list-num-child>li:before {
    counter-increment: listNum;
    content: "("counter(listNum)")";
    display: inline-block;
    margin-left: -1em;
    margin-right: 0.5em;
}

.list-bar>li {
    padding-left: 1em;
    text-indent: -0.5em;
}

.list-bar>li:before {
    content: "-";
    display: inline-block;
}

.list-num>li p,
.list-num-child>li p {
    display: inline-block;
}

.list-dot {
    list-style: disc inside;
    margin-left: 0;
}

.list-dot>li {
    margin-left: 1.5em;
    text-indent: -1.5em;
}

.list-dot>li+li {
    margin-top: 10px;
}

.list-dot>li:before {
    display: none;
}

.notice {
    text-indent: -1em;
    padding-left: 1em;
}

.instaxshare_question h2 {
    font-size: 1.35rem;
    text-align: center;
}

.a_box {
    margin: 60px auto 0;
}

.a_box_lead {
    text-align: center;
}

.a_box .list-num li,
.a_box .list-num-child li {
    /*  margin-top: 12px;*/
}

.a_box>.list-num>li,
.a_box>.list-num-child>li,
.a_box>.a_box_detail {
    margin-top: 40px;
}

.a_box p+.list-num,
.a_box p+.list-num-child,
.a_box p+.a_box_detail {
    margin-top: 20px;
}

.a_box .list-num li>p,
.a_box .list-num-child li>p {
    display: inline;
}

.a_box .list-num>li>.a_box_img,
.a_box .list-num-child>li>.a_box_img {
    display: inline-block;
    margin: 5px 0;
}

.a_box_link.link-back {
    margin-top: 50px;
    text-align: center;
}

.a_box p+.q_box_detail {
    margin-top: 10px;
}


/* SP2 App2 */

#sp2 .instaxshare_app.box h3:after {
    display: none;
}

#sp2 .instaxshare_app_box_label {
    background: #000;
    color: #fff;
    display: inline-block;
    font-size: 0.9rem;
    padding: 2px 12px;
    position: relative;
    top: -15px;
}

#sp2 .instaxshare_app_box_label.app2 {
    background: #0c9abb;
}

#sp2 .instaxshare_app_btn {
    padding: 0 20px 20px;
}

#sp2 .instaxshare_app_btn a {
    background: #f87718;
    border-radius: 4px;
    color: #fff;
    display: block;
    padding: 10px 20px;
    text-align: center;
}

#sp2 .instaxshare_app_btn a:before {
    display: inline-block;
    content: url(../img/common/ico_arw-link.png);
    margin-right: 15px;
}

@media screen and (min-width: 768px),
print {
    .instaxshare_header .instaxshare_nav {
        width: 580px;
        text-align: right;
    }
    .instaxshare_header .sns {
        padding-right: 140px;
    }
    .instaxshare_header .instaxshare_nav .lang-clone {
        display: none;
    }
    .instaxshare_header .lang .trigger {
        font-weight: bold;
        padding: 10px;
        display: block;
    }
    .instaxshare_header .lang ul li:hover {
        background: rgba(255, 255, 255, 0.3);
    }
    .instaxshare_header .lang ul li:first-of-type {
        margin-top: -5px;
    }
    /* SP2 App2 */
    #sp2 .instaxshare_app.box h3 {
        margin-bottom: 40px;
    }
    #sp2 .instaxshare_app.app2 {
        background: url(../img/top/sp2/app_bg3-bg.jpg) center -110px no-repeat;
        background-size: cover;
        height: auto;
        margin-bottom: 60px;
    }
    #sp2 .instaxshare_app.app2 .inner {
        min-width: 1040px;
        min-height: 100px;
        margin: auto;
        position: relative;
    }
    #sp2 .instaxshare_app.app2 .inner:first-of-type {
        padding-top: 100px;
    }
    #sp2 .instaxshare_app.app2 .inner:nth-of-type(2) {
        padding-right: 200px;
    }
    #sp2 .instaxshare_app.app2:before {
        height: 490px;
        width: 580px;
        background: url(../img/top/sp2/app_bg3.jpg) no-repeat top left;
        background-size: cover;
        top: 60px;
        left: 50%;
        margin-left: -160px;
    }
    #sp2 .instaxshare_app_mobile.app2 {
        bottom: -20px;
        left: inherit;
        right: -15px;
        top: inherit;
        transform: none;
        width: 210px;
    }
    #sp2 .instaxshare_app_box.app2 {
        background: rgba(255, 255, 255, 0.85);
        margin-left: 0;
        padding-top: 30px;
        position: inherit;
        top: inherit;
        left: 0;
        width: 420px;
    }
    #sp2 .instaxshare_app_box_catch {
        text-align: center;
        font-size: 0.65rem;
    }
    /* #sp2 .instaxshare_app_device {
   padding-bottom: 40px;
  } */
    #sp2 .instaxshare_app_device.app2 {
        padding-bottom: 20px;
    }
    #sp2 .instaxshare_app_btn {
        margin-top: -30px;
    }
    .a_box .a_box_img {
        max-width: 160px;
        min-width: 160px;
    }
    .a_box .a_box_img.full {
        height: 270px;
        max-width: none;
    }
}

@media screen and (max-width: 767px) {
    header {
        position: relative;
    }
    .instaxshare_header .lang-wrap {
        display: none;
    }
    .lang-clone {
        padding: 20px;
    }
    .lang-clone li {
        border: none !Important;
    }
    .lang-clone .lang {
        margin-left: 0;
        padding: 0 10px 10px;
        position: relative;
        top: 0;
        left: 0;
    }
    .instaxshare_header .lang .trigger {
        font-weight: 600;
        font-size: 1.4rem !Important;
    }
    .instaxshare_header .lang .trigger.open:after {
        position: relative;
        top: 10px;
    }
    .lang-clone .lang a {
        text-align: center;
        padding: 5px !Important;
    }
    .lang-clone .lang a span {
        float: none !Important;
        display: inline-block !Important;
    }
    .lang-clone .lang .child ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    .instaxshare_product_bnrs {
        width: 80vw !Important;
    }
    .scroll_hz {
        overflow: scroll;
        position: relative;
    }
    .scroll_hz ul {
        left: inherit !important;
        transform: inherit !important;
    }
    /* SP2 App2 */
    #sp2 .instaxshare_app {
        background-position: center 300px;
        margin-bottom: 20px;
        padding-top: 70px;
    }
    #sp2 .instaxshare_app.app2 {
        background: none;
        padding-bottom: 0;
    }
    #sp2 .instaxshare_app.app2:before {
        background: url(../img/top/sp2/app_bg3.jpg) right -30px top -70px no-repeat;
        background-size: 120%;
        display: block;
        height: auto;
        margin-bottom: 0;
        width: 100%;
        height: 200px;
        content: ".";
        position: absolute;
        z-index: 1;
    }
    #sp2 .instaxshare_app.app2 .inner:first-of-type {
        position: relative;
        z-index: 2;
        margin-top: -80px;
    }
    #sp2 .instaxshare_app_mobile.app2 {
        margin-left: 20px;
        width: 150px;
    }
    #sp2 .instaxshare_app_box_catch {
        text-align: center;
        font-size: 0.65rem;
    }
    .a_box .a_box_img {
        width: 50%;
    }
    .a_box .a_box_img.full {
        width: 100%;
    }
}


/* MY SQUARE GALLERY */

#msg {
    overflow: hidden;
}

#msg.box:before {
    display: none;
}

#msg .inner {
    color: #ffffff;
    margin: auto;
}

#msg dt {
    margin-top: 30px;
    text-align: center;
}

#msg dt .box__msg_lead {
    display: block;
    font-size: 115%;
    margin-top: 18px;
}

#msg dd {
    display: flex;
    display: -ms-flexbox;
    display: -webkit-flex;
    margin-top: 60px;
}

#msg .box__msg_img {
    margin-top: -22px;
}

#msg .box__msg_step {}

#msg .box__msg_step .notice {
    display: block;
    font-size: 75%;
}

#msg .list__step {
    display: flex;
    display: -ms-flexbox;
    display: -webkit-flex;
}

#msg .list__step_ttl-num {
    color: #ce1f28;
    display: block;
    font-family: YuGo;
    font-size: 100%;
    font-weight: 500;
}

#msg .list__step_ttl-txt {
    display: block;
    font-size: 115%;
}

#msg .box__msg_info {
    -webkit-align-items: center;
    align-items: center;
    display: flex;
    display: -ms-flexbox;
    display: -webkit-flex;
    -ms-flex-align: center;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    line-height: 1.8;
    margin-top: 30px;
}

#msg .box__msg_btn {
    line-height: 1.8;
    margin-top: 25px;
    text-align: center;
}

#msg .box__msg_btn a {
    display: flex;
    display: -ms-flexbox;
    display: -webkit-flex;
}

#msg .box__msg_btn a {
    -webkit-align-items: center;
    align-items: center;
    border: 2.5px solid #313131;
    -ms-flex-align: center;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-top: 25px;
    padding-right: 15px;
}

#msg .box__msg_btn a:after {
    content: url(../img/top/sp3/msg__btn-arrow.png);
    display: inline-block;
}

#msg .box__msg_btn a img {
    margin: 0;
    max-width: 100%;
    width: auto;
}

#msg {
    background: #222222;
}

@media screen and (max-width:767px),
print {
    #msg {}
    #msg .pc-only {
        display: none !important;
    }
    #msg .inner {
        padding: 70px 0 56px;
    }
    #msg img {
        margin: auto;
        max-width: 90%;
    }
    #msg dl {
        padding: 0 16px;
    }
    #msg dt img {
        max-width: 80%;
    }
    #msg dd {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    #msg .box__msg_img {
        margin-top: -50px;
        overflow: hidden;
    }
    #msg .box__msg_img img {
        margin-bottom: -75px;
    }
    #msg .box__msg_step {
        margin-top: 25px;
    }
    #msg .box__msg_step,
    #msg .list__step {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    #msg .list__step li {
        -webkit-align-items: center;
        align-items: center;
        display: flex;
        display: -ms-flexbox;
        display: -webkit-flex;
        -ms-flex-align: center;
        -ms-flex-pack: justify;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        width: 100%;
    }
    #msg .list__step li:nth-of-type(n+2) {
        margin-top: 12px;
    }
    #msg .list__step_img {
        width: 50%;
    }
    #msg .list__step_img img {
        display: block;
        width: 100%;
    }
}

@media screen and (min-width:768px),
print {
    #msg {
        padding-bottom: 0;
    }
    #msg .sp-only {
        display: none !important;
    }
    #msg .inner {
        /*max-width: 1020px;*/
        padding-bottom: 60px;
    }
    #msg .box__msg_img img {
        width: 240px;
    }
    #msg .list__step li:nth-of-type(n+2) {
        margin-left: 28px;
    }
    #msg .list__step_img img {
        display: block;
        height: auto;
        margin-top: 10px;
        max-width: 224px;
    }
}


/* !faq__________Page
---------------------------------------------------------- */

.addImgBox {
    padding: 26px 0 0;
    margin: 0 -16px;
}

.q_box .addImgBox p+p {
    margin: 0;
}

.addImgBox img {
    width: 100%;
}

.addImgBox p {
    float: left;
    width: 33.33%;
    padding: 0 16px 20px;
    box-sizing: border-box;
}

.addIcon {
    position: relative;
}

.addIcon:before {
    position: absolute;
    right: -12px;
    top: 0;
    bottom: 0;
    margin: auto;
    content: '';
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 16px solid #1d1d1d;
}

.r5p:before {
    right: -5px;
}

.addTable {
    padding: 30px 0;
}

.addTable table {
    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd;
    width: 100%;
}

.addTable table tr {}

.addTable table tr th,
.addTable table tr td {
    text-align: center;
    font-size: 14px;
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
    padding: 10px;
    box-sizing: border-box;
}

.addTable table tr th {
    color: #fff;
    background-color: #c4c4c4;
    font-weight: bold;
}

.addTable table tr td {
    color: #000;
    background-color: #fff;
}

.addTable table.table01 tr td:first-child {
    background-color: #f1f1f1;
}

.addTable table tr td.gray {
    background-color: #f1f1f1;
}

.addTable table.middle tr td {
    vertical-align: middle;
}

.addTable table tr td strong {
    font-weight: bold;
}

.mts50 {
    margin-top: 50px;
}

.mts25 {
    margin-top: 25px;
}

.mts20 {
    margin-top: 20px;
}

.pc {
    display: block;
}

.sp {
    display: none;
}

.q_box_detail_child li {
    padding-left: 2.5em;
    text-indent: -2.5em;
}


/*** タブレット 768x ~ 959px***/

@media screen and (max-width: 768px) {
    .addImgBox {
        padding: 10px 0 0;
        margin: 0;
    }
    .addImgBox p {
        float: none;
        width: 100%;
        padding: 0 0 25px;
    }
    .q_box .addImgBox p+p {
        margin-top: 10px;
    }
    .addIcon:before {
        display: none;
    }
    .r5p:before {
        display: none;
    }
    .addIcon:after {
        position: absolute;
        right: 10px;
        left: 0;
        bottom: 0;
        margin: auto;
        content: '';
        width: 0;
        height: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top: 16px solid #1d1d1d;
    }
    .addTable {
        padding: 20px 0;
        margin-left: -2em;
    }
    .addTable table {
        width: calc(100% + 1em);
    }
    .addTable table tr th,
    .addTable table tr td {
        padding: 8px 10px;
        font-size: 10px;
    }
    .mts50,
    .mts25,
    .mts20 {
        margin-top: 0;
    }
    .pc {
        display: none;
    }
    .sp {
        display: block;
    }
    .middle01 tr td:nth-child(2) {
        text-align: left
    }
    /* -------------- 追記1026 --------------- */
    .instax_share main .q_box img {
        width: 200px;
        padding-left: 10px;
    }
    .instax_share main .pd10_sp {
        padding-left: 10px;
    }
    /* -------------- 追記1026終わり --------------- */
}


/* !faq__________Page
---------------------------------------------------------- */


/* !notes__________Page
---------------------------------------------------------- */

.instaxshare_notes h2 {
    font-size: 1.35rem;
    text-align: center;
}

.notes_subtitle {
    margin-bottom: 50px;
}

@media screen and (min-width:768px),
print {
    .instaxshare_notes {
        width: 800px;
        margin: 0 auto;
        padding-bottom: 80px
    }
}

@media screen and (max-width:767px),
print {
    .instaxshare_notes {
        padding: 0 16px 46px
    }
}

.instaxshare_notes h1 {
    text-align: center
}

@media screen and (min-width:768px),
print {
    .instaxshare_notes h1 {
        width: 150px;
        margin: 80px auto 70px
    }
}

@media screen and (max-width:767px),
print {
    .instaxshare_notes h1 {
        width: 110px;
        margin: 40px auto 35px
    }
}

.instaxshare_notes h1 img {
    width: 100%
}

.instaxshare_notes h1 span {
    display: block;
    font-weight: 700
}

@media screen and (min-width:768px),
print {
    .instaxshare_notes h1 span {
        margin-top: 20px;
        font-size: 18px;
        letter-spacing: .2em
    }
}

@media screen and (max-width:767px),
print {
    .instaxshare_notes h1 span {
        margin-top: 8px;
        font-size: 14px
    }
}

.instaxshare_notes .notes_subtitle h2 {
    font-size: 1.5rem;
    font-weight: bold;
}

.instaxshare_notes .inner {
    max-width: 1040px;
    text-align: center;
}

.notesTable {
    padding: 30px 0;
}

.notesTable table {
    width: 100%;
}

.notesTable table tr th,
.notesTable table tr td {
    text-align: center;
    font-size: 14px;
    border: 1px solid #ddd;
    padding: 10px;
    vertical-align: middle;
    box-sizing: border-box;
}

.notesTable table tr th {
    color: #000;
    font-weight: bold;
}

.notesTable table tr td {
    color: #000;
    background-color: #fff;
}

.notesTable table.table01 tr td:first-child {
    background-color: #f1f1f1;
}

.notesTable table tr td.gray {
    background-color: #f1f1f1;
}

.notesTable table.middle tr td {
    vertical-align: middle;
}

.notesTable table tr td strong {
    font-weight: bold;
}

.notesTable table caption {
    caption-side: bottom;
    text-align: right;
}

.notes_box {
    margin-top: 30px;
    display: flex;
    flex-wrap: wrap;
}

.notes_inner_box {
    width: 50%;
    padding: 20px;
    text-align: center;
}

.notes_inner_box p {
    font-weight: bold;
}

.procedure_img {
    padding: 20px;
}

.notes_box .notes_inner_box:first-child img {
    width: 60%;
}

.notes_box .notes_inner_box:nth-of-type(n+2) img {
    width: 70%;
}

.notes_inner_box img {
    border: 2px solid #ddd;
}

.notesIcon {
    position: relative;
}

.notesIcon span {
    padding: 0 10px;
}

.notesIcon:after {
    content: '▶';
    margin-left: 20px;
    font-size: large
}

span.notes_caution {
    background: linear-gradient(transparent 60%, #FFF100 60%);
}

.box_text_left {
    text-align: left;
}

@media screen and (max-width: 768px) {
    .notesTable table caption {
        font-size: small
    }
    .notes_inner_box {
        width: 100%;
    }
    .procedure_img {
        padding: 10px 30px;
    }
    .notesTable {
        padding: 20px 15px;
        margin-left: -1.5em;
    }
    .notesTable table {
        width: calc(100% + 1em);
    }
    .notesTable table tr th,
    .notesTable table tr td {
        padding: 8px 3px;
        font-size: 10px;
    }
    .notesIcon:after {
        content: '▼';
        margin-left: 5px;
    }
}