@charset "utf-8";

  html {
font-family: sans-serif;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
body {
margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
display: block;
}
audio,
canvas,
progress,
video {
display: inline-block;
vertical-align: baseline;
}
audio:not([controls]) {
display: none;
height: 0;
}
[hidden],
template {
display: none;
}
a {
background-color: transparent;
}
abbr[title] {
border-bottom: 1px dotted;
}
b,
strong {
font-weight: 700;
}
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
img {
border: 0;
}
svg:not(:root) {
overflow: hidden;
}
figure {
margin: 0;
}
hr {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
code,
kbd,
pre,
samp {
font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
color: inherit;
font: inherit;
margin: 0;
}
select {
text-transform: none;
}
button {
overflow: visible;
}
button,
input,
select,
textarea {
max-width: 100%;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
}
button[disabled],
html input[disabled] {
cursor: default;
opacity: .5;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
input[type="checkbox"],
input[type="radio"] {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin-right: 0.4375em;
padding: 0;
}
input[type="date"]::-webkit-inner-spin-button,
input[type="date"]::-webkit-outer-spin-button,
input[type="time"]::-webkit-inner-spin-button,
input[type="time"]::-webkit-outer-spin-button,
input[type="datetime-local"]::-webkit-inner-spin-button,
input[type="datetime-local"]::-webkit-outer-spin-button,
input[type="week"]::-webkit-inner-spin-button,
input[type="week"]::-webkit-outer-spin-button,
input[type="month"]::-webkit-inner-spin-button,
input[type="month"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
input[type="search"] {
-webkit-appearance: textfield;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
fieldset {
border: 1px solid #d1d1d1;
margin: 0 0 1.75em;
min-width: inherit;
padding: 0.875em;
}
fieldset > :last-child {
margin-bottom: 0;
}
legend {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
vertical-align: top;
}
optgroup {
font-weight: bold;
}
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
button,
textarea,
p,
blockquote,
th,
td {
margin: 0;
padding: 0;
}
* {
zoom: 1;
}
li {
list-style: none;
}
ul,
ol,
li {
zoom: normal;
} ul {
letter-spacing: -.40em; }
ul li {
letter-spacing: normal; } html {
font-family: sans-serif;
font-size: 62.5%;
}
@font-face {
font-family: Noto Sans Japanese Light;
font-style: normal;
font-weight: 200;
src: url(/wp/wp-content/themes/koheishimizu/font/NotoSansCJKjp-Light.woff) format("woff"), url(/wp/wp-content/themes/koheishimizu/font/NotoSansCJKjp-Light.ttf) format("truetype")
}
@font-face {
font-family: Noto Sans Japanese Medium;
font-style: normal;
font-weight: 500;
src: url(/wp/wp-content/themes/koheishimizu/font/NotoSansCJKjp-Medium.woff) format("woff"), url(/wp/wp-content/themes/koheishimizu/font/NotoSansCJKjp-Medium.ttf) format("truetype")
}
@font-face {
font-family: Noto Sans Japanese Bold;
font-style: normal;
font-weight: 700;
src: url(/wp/wp-content/themes/koheishimizu/font/NotoSansCJKjp-Bold.woff) format("woff"), url(/wp/wp-content/themes/koheishimizu/font/NotoSansCJKjp-Bold.ttf) format("truetype")
}
img {
-ms-interpolation-mode: bicubic;
height: auto;
}
body,
html {
width: auto;
height: auto;
font-weight: 200;
font-family: Noto Sans Japanese Light, 游ゴシック, Yu Gothic, 游ゴシック体, YuGothic, Hiragino Kaku Gothic ProN, ヒラギノ角ゴ ProN, Hiragino Kaku Gothic Pro, Meiryo, メイリオ, sans-serif;
}
body {
margin: 0;
padding: 80px 0 0 0; text-align: center;
color: #000;
font-style: normal;
font-variant: normal;
font-size: 14px;
font-size: 1.4rem;
line-height: 160%;
background-color: #fff;
vertical-align: top;
text-align: top;
}
* html body {
overflow: hidden; }
p {
text-align: left;
letter-spacing: 0;
}
.txt p {
margin-bottom: 1.5em;
}
h2 {
margin: 60px 0 0 -6px;
padding: 0;
font-size: 60px;
font-size: 6.0rem;
color: #000;
float: left;
}
#p-home h2,
#p-home-test h2 {
width: 100%;
margin: 0 0 60px 0;
float: none;
text-align: center;
display: block;
clear: both;
line-height: 120%;
}
h3 {
margin: 0 0 30px 0;
padding: 0;
font-size: 30px;
font-size: 3.0rem;
color: #000;
display: table;
clear: both;
line-height: 110%;
}
b,
strong,
h2,
h3,
#newsDetail .title,
#profile .artistNameEn,
#profile-test .artistNameEn,
.release-info .artist,
.release-info .title,
.readMore a.button[class~=black],
.buylink a.button[class~=black],
.newslink a.button[class~=black],
#photoList .date,
#photoList .title,
#goodsList .title,
#goodsList .soldout,
.newsList .title .category,
#newsDetail .title .category,
#member .name,
#links dt,
#other-release dt,
#other-release .or-artist,
#other-release .or-title {
font-weight: 500;
font-family: Noto Sans Japanese Medium, 游ゴシック, Yu Gothic, 游ゴシック体, YuGothic, Hiragino Kaku Gothic ProN, ヒラギノ角ゴ ProN, Hiragino Kaku Gothic Pro, Meiryo, メイリオ, sans-serif;
}
.txt {
word-wrap: break-word;
text-align: left;
}
.red {
color: #CC0000;
}
.nowrap {
white-space: nowrap;
}
.category {
line-height: 110%;
}
.jp,
.en {
width: 100%;
}
.photoBy {
width: 100%;
margin: 0;
padding: 0;
display: block;
clear: both;
text-align: right;
}
hr {
border: none;
border-width: 0;
border-bottom: 1px dotted #000;
margin: 2em 0;
display: block;
clear: both;
height: 1px;
}
select {
color: #000;
border: 1px solid #FFF;
}
iframe {
box-sizing: border-box;
}
.movie {
position: relative;
width: 100%;
padding-top: 56.25%;
}
.movie iframe {
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
}
#floatBlock {
display: block;
clear: both;
line-height: 1px;
height: 1px;
width: 100%;
} #language a,
#toPageTop a,
.pagetop a,
.snsIcon a,
.dateSet .kara {
white-space: nowrap;
text-indent: 100%;
overflow: hidden;
display: block;
}
a {
color: #FFCC00;
cursor: pointer;
}
a:link,
a:visited {
text-decoration: none;
}
a:hover,
a:active {
text-decoration: underline;
}
#footer a,
.newsList a,
h2 a {
color: #000;
}
#footer a:link,
#footer a:visited,
.newsList a:link,
.newsList a:visited,
h2 a:link,
h2 a:visited {
text-decoration: none;
color: #000;
}
.newsList a:hover,
.newsList a:active,
h2 a:hover,
h2 a:active {
text-decoration: none;
color: #FFCC00;
}
.newsList a:hover .dateSet,
.newsList a:active .dateSet {
border: 2px solid #FFCC00;
}
.newsList a:hover .dateSet .kara,
.newsList a:active .dateSet .kara {
background-color: #FFCC00;
}
#header a {
color: #fff;
}
#header a:link,
#header a:visited {
text-decoration: none;
color: #fff;
}
#header a:hover,
#header a:active {
text-decoration: none;
color: #FFCC00;
}
.txt a {
color: #cc9900;
}
.txt a:link,
.txt a:visited {
text-decoration: underline;
color: #cc9900;
}
.txt a:hover,
.txt a:active {
text-decoration: none;
color: #cc9900;
} a:hover img {
opacity: 0.5;
filter: alpha(opacity=50);
-ms-filter: "alpha( opacity=50 )";
}
#header a img {
opacity: 1;
filter: alpha(opacity=100);
-ms-filter: "alpha( opacity=100 )";
}
#member a:hover .photo,
#member a:active .photo,
#links a:hover img,
#links a:active img,
#other-release a:hover img,
#other-release a:active img,
#photoList a:hover img,
#photoList a:active img,
#goodsList a:hover img,
#goodsList a:active img,
a:hover .yt,
a:active .yt {
opacity: 1;
filter: alpha(opacity=100);
-ms-filter: "alpha( opacity=100 )";
border: 1px solid #FFCC00 !important;
}
.alignleft,
img.alignleft {
display: inline;
float: left;
margin-right: 2em;
margin-left: 0;
margin-bottom: 2em;
padding: 0;
}
.alignright,
img.alignright {
display: inline;
float: right;
margin-left: 2em;
padding: 0;
}
.aligncenter,
img.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
padding: 3em 0 0 0;
}
.alignnone,
img.alignnone {
clear: both;
display: block;
margin: 0;
margin-top: 1em;
padding: 0;
}
img.alignleft,
img.alignright,
img.aligncenter,
img.alignnone {
margin-bottom: 2em;
max-width: 880px;
height: auto;
}
img.img-border {
border: 1px solid #000;
}
.alignleft,
.alignright {
width: 400px;
height: auto;
}
.wp-pagenavi {
text-align: center;
margin: 0 0 3em 0;
padding: 0;
}
.wp-pagenavi .current {
background-color: #fff;
color: #000;
}
.wp-pagenavi .pages {
background-color: #CCCCCC;
}
.wp-pagenavi a:link,
.wp-pagenavi a:visited,
.wp-pagenavi a:active,
.wp-pagenavi a:hover {
text-decoration: none;
color: #000;
}
.pagetop {
display: none;
position: fixed;
bottom: 30px;
right: 30px;
}
.pagetop a {
display: block;
width: 40px;
height: 40px;
background-image: url(/wp/wp-content/themes/koheishimizu/img/gototop.png);
background-position: 0 0;
background-repeat: no-repeat;
background-size: 40px 80px;
line-height: 40px;
}
.pagetop a:hover,
.pagetop a:active {
background-position: 0 -40px;
}
#link_to_top {
margin-top: -80px; padding-top: 80px; }
#under_construction {
margin: 200px auto;
text-align: center;
font-size: 30px;
font-size: 3.0rem
}
#live_under_construction {
margin: 100px auto;
text-align: center;
}
#footer {
width: 100%;
margin: 0;
padding: 150px 0 40px 0;
text-align: center;
display: table;
clear: both;
color: #000;
}
#footer em {
font-style: normal;
margin-right: 5px;
}
.float_clear {
width: 100%;
display: block;
clear: both;
line-height: 1px;
height: 1px;
}
.snsIcon {
display: inline-block;
width: 34px;
height: 34px;
background: none;
margin: 0 5px 0 0;
padding: 0;
overflow: hidden;
} .snsIcon a {
display: inline-block;
width: 34px;
height: 34px;
background-position: 0 0;
background-repeat: no-repeat;
background-size: 34px 68px;
line-height: 34px;
}
.snsIcon a:hover,
.snsIcon a:active {
background-position: 0 -34px;
}
.fb a {
background-image: url(/wp/wp-content/themes/koheishimizu/img/sns_fb.png);
}
.gp a {
background-image: url(/wp/wp-content/themes/koheishimizu/img/sns_gp.png);
}
.ig a {
background-image: url(/wp/wp-content/themes/koheishimizu/img/sns_ig.png);
}
.sc a {
background-image: url(/wp/wp-content/themes/koheishimizu/img/sns_sc.png);
}
.tw a {
background-image: url(/wp/wp-content/themes/koheishimizu/img/sns_tw.png);
}
.yt a {
background-image: url(/wp/wp-content/themes/koheishimizu/img/sns_yt.png);
}
.x a {
background-image: url(/wp/wp-content/themes/koheishimizu/img/sns_x.png);
}
#snsButton {
width: 100%;
margin: 0;
padding: 60px 0;
text-align: center;
vertical-align: top;
}
#snsButton ul {
text-align: center;
margin: 0 auto;
}
#snsButton .snsIcon {
display: inline-block;
width: 120px;
height: 120px;
background: none;
margin: 0;
padding: 0;
} #snsButton .snsIcon a {
display: inline-block;
width: 120px;
height: 120px;
background-position: 0 0;
background-repeat: no-repeat;
background-size: 120px 240px;
line-height: 120px;
}
#snsButton .snsIcon a:hover,
#snsButton .snsIcon a:active {
background-position: 0 -120px;
}
#snsButton .fb a {
background-image: url(/wp/wp-content/themes/koheishimizu/img/sns_fb_w.png);
}
#snsButton .gp a {
background-image: url(/wp/wp-content/themes/koheishimizu/img/sns_gp_w.png);
}
#snsButton .ig a {
background-image: url(/wp/wp-content/themes/koheishimizu/img/sns_ig_w.png);
}
#snsButton .sc a {
background-image: url(/wp/wp-content/themes/koheishimizu/img/sns_sc_w.png);
}
#snsButton .tw a {
background-image: url(/wp/wp-content/themes/koheishimizu/img/sns_tw_w.png);
}
#snsButton .yt a {
background-image: url(/wp/wp-content/themes/koheishimizu/img/sns_yt_w.png);
}
#snsButton .x a {
background-image: url(/wp/wp-content/themes/koheishimizu/img/sns_x_w.png);
}
#sb-site {
margin: 0;
padding: 80px 0 0 0 !important; text-align: center;
width: 100%;
display: table;
clear: both;
background-color: #fff;
}
#innerBox {
width: 880px;
min-width: 920px;
display: block;
margin: 0 auto;
padding: 0 20px;
text-align: left;
box-sizing: border-box;
overflow: hidden;
} #shareBtnSet {
display: none;
}
#header {
margin: 0;
padding: 0;
width: 100%;
background-color: #666;
text-align: center;
height: 80px; position: fixed;  top: 0; left: 0; z-index: 100;
border-bottom: 1px solid #fff;
} #header h1 {
width: 120px;
height: 108px;
margin: 10px 0 0 0;
padding: 0;
display: block;
float: left;
}
#header h1 img {
width: 120px;
height: auto;
} #p-music .release-info {
margin-top: -100px;
padding-top: 100px;
} #header #innerBox {
position: relative;
}
#navi {
position: absolute;
top: 0;
left: 180px;
margin: 0;
padding: 0;
display: inline-table;
width: 680px;
}
#navi ul {
display: block;
white-space: nowrap;
overflow: hidden;
}
#navi li {
margin: 0 0 0 15px;
padding: 0;
list-style: none;
display: inline-block;
line-height: 80px;
}
#navi li a {
display: block;
height: 50px;
color: #000;
}
#navi li a:hover {
color: #FFCC00;
text-decoration: none;
}
#p-home .navi-home a,
#p-home-test .navi-home a,
#p-news .navi-news a,
#p-live .navi-live a,
#p-media .navi-media a,
#p-profile .navi-profile a,
#p-profile-test .navi-profile a,
#p-music .navi-music a,
#p-works .navi-works a,
#p-videos .navi-videos a,
#p-photos .navi-photos a,
#p-goods .navi-goods a,
#p-contact .navi-contact a {
color: #FFCC00;
}
#main {
width: 100%;
text-align: left;
margin: 60px 0 0 0;
padding: 0;
display: inline-block;
clear: both;
}
#newsDetail,
#commonDetail,
#profile,
#profile-test,
#member,
#links,
#other-release,
#release,
#demo,
#play,
#videoList,
#linkList,
#photoList,
#goodsList {
width: 100%;
margin: 0;
padding: 0 0 20px 0;
display: table;
clear: both;
text-align: left;
}
#other-release,
#release,
#demo {
padding: 0 0 60px 0;
margin: 0 0 60px 0;
}
#home-video #videoList,
#home-link #linkList {
padding: 0;
text-align: center;
}
#archive,
#detailDate {
width: 100%;
margin: 0;
padding: 0 0 40px 0;
display: table;
clear: both;
}
#archive:first-child {
padding: 0 0 40px 0;
}
#archive .year,
#detailDate .date {
margin: 0;
padding: 0;
display: block;
text-align: left;
float: left;
font-size: 24px;
font-size: 2.4rem;
}
#archive .year {
width: 40%;
}
#detailDate .date span {
margin: 0;
padding: 0 5px 0 5px;
font-size: 18px;
font-size: 1.8rem;
}
#archive .pull-down {
width: 40%;
margin: 0;
padding: 0;
display: block;
text-align: right;
float: right;
font-size: 12px;
font-size: 1.2rem;
color: #000;
} .release-info {
margin: 0 0 80px 0;
padding: 0;
width: 100%;
display: block;
clear: both;
box-sizing: border-box;
}
#home-new-release .release-info {
margin: 0 auto -20px auto;
padding: 0 0 40px 0;
}
.release-info .jacket {
width: 440px;
margin: 0 0 20px 0;
padding: 0;
display: block;
float: left;
}
.release-info .jacket img {
width: 100%;
border: 1px solid #000;
}
.release-info .rightBox {
width: 400px;
margin: 0;
padding: 0;
display: table;
float: right;
}
.release-info .baseinfo,
.release-info .trackList,
.release-info .releaseDetail {
width: 100%;
margin: 0 0 30px 0;
padding: 0;
display: block;
}
.release-info .releaseDetail {
margin: 0;
}
.release-info .artist {
padding: 0 0 10px 0;
font-size: 18px;
font-size: 1.8rem;
line-height: 120%;
}
.release-info .title {
padding: 0 0 20px 0;
font-size: 18px;
font-size: 1.8rem;
line-height: 120%;
}
.release-info .baseinfo .info_date {
margin: 0;
display: block;
clear: both;
padding: 0 0 20px 0;
font-size: 18px;
font-size: 1.8rem;
}
.release-info .baseinfo .info_1 {
margin: 0;
display: block;
clear: both;
padding: 0 0 3px 0;
font-size: 12px;
font-size: 1.2rem;
}
.release-info .trackList p {
margin: 0 0 0.5em 0;
padding: 0;
font-size: 12px;
font-size: 1.2rem;
}
.release-info .trackList ul,
.release-info .trackList dl {
margin: 0 0 1em 0;
padding: 0;
}
.release-info .trackList li {
margin: 0 0 0.5em 2em;
padding: 0;
list-style-type: decimal;
font-size: 12px;
font-size: 1.2rem;
line-height: 120%;
}
.release-info .trackList dd {
margin: 0 0 0.5em 0.2em;
padding: 0;
font-size: 12px;
font-size: 1.2rem;
line-height: 120%;
}
.releaseDetail .txt {
margin: 0;
padding: 0;
display: table;
clear: both;
width: 100%;
} .releaseDetail .jp,
.releaseDetail .en {
display: table;
clear: both;
padding: 0 0 30px 0;
width: 100%;
}
.release-info .video {
width: 100%;
margin: 0 0 30px 0;
padding: 0;
display: block;
clear: both;
}
.release-info .video iframe {
margin-bottom: 20px;
}
.buylink,
.newslink {
width: 100%;
display: block;
clear: both;
}
.buylink ul {
width: 100%;
list-style: none;
margin: 0;
padding: 0;
}
.buylink li {
margin: 6px 6px 0 0;
padding: 0;
display: inline-block;
text-align: center;
}
.buylink a.button[class~=black],
.newslink a.button[class~=black] {
display: inline-block;
height: 30px;
color: #fff;
background: #FFCC00;
padding: 0 8px;
font-size: 12px;
font-size: 1.2rem;
line-height: 30px;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
text-decoration: none;
}
.buylink a.button[class~=black]:hover,
.newslink a.button[class~=black]:hover {
text-decoration: none;
background: #CC9900;
}
.newslink a {
margin: 10px 10px 0 0;
display: inline-block;
text-align: center;
}
#demo dl {
width: 100%;
display: block;
clear: both;
}
#demo dd {
width: 100%;
margin: 0 0 20px 0;
padding: 0;
display: block;
clear: both;
}
#play dl {
width: 900px;
display: block;
clear: both;
overflow: hidden;
}
#play dd {
width: 290px;
margin: 0 0 20px 0;
padding: 0;
display: inline-block;
overflow: hidden;
}
#play dd iframe {
width: 100%;
}
#other-release dd img {
margin: 0 0 10px 0;
}
#other-release .or-artist,
#other-release .or-title,
#other-release .or-info_date,
#other-release .or-comment {
margin: 0 0 10px 0;
padding: 0;
display: block;
clear: both;
line-height: 120%;
}
#other-release .or-comment {
font-size: 10px;
font-size: 1.0rem;
}
#home-new-release .innerBox {
text-align: center !important;
}
#home-new-release .jacket,
#home-new-release .baseinfo,
#home-new-release .buylink {
display: block;
clear: both;
text-align: center;
}
#home-new-release .jacket {
margin: 0 auto 20px auto;
float: none;
}
#home-new-release .baseinfo {
margin: 0;
} .newsList {
width: 100%;
display: table;
clear: both;
margin: 0 0 20px 0;
padding: 0;
}
.dateSet {
width: 120px;
height: 120px;
min-height: 120px;
margin: 5px 0 0 0;
padding: 0;
display: table-cell;
border: 2px solid #000;
vertical-align: top;
box-sizing: border-box;
text-align: center;
}
.dateSet ul {
margin: 0;
padding: 0;
text-align: center;
}
.dateSet li {
padding: 0;
display: inline-block;
clear: both;
text-align: center;
width: 100%;
box-sizing: border-box;
}
.dateSet .date {
margin: 0 0 10px 0;
font-size: 30px;
font-size: 3.0rem;
}
.dateSet .year {
margin: 10px 0 10px 0;
}
.dateSet .week,
.dateSet .year {
font-size: 16px;
font-size: 1.6rem;
}
.dateSet .d_start {
margin: 0;
}
.dateSet .d_end {
margin: 0 0 20px 0;
}
.dateSet .kara {
height: 12px;
width: 1px;
background-color: #000;
margin: 3px auto;
}
.newsList .title {
margin: 0;
padding: 0 0 0 20px;
display: table-cell;
vertical-align: top;
font-size: 18px;
font-size: 1.8rem;
line-height: 110%;
}
.newsList .title a {
text-align: left;
display: inline-block;
}
.newsList .title .place {
display: block;
clear: both;
font-size: 12px;
font-size: 1.2rem;
padding: 8px 0 0 0;
}
.newsList .title .category {
display: block;
clear: both;
}
.newsList span {
margin: 0 0 1em 0;
padding: 0;
text-align: left;
display: block;
}
#newsDetail .title {
margin: 0 0 30px 0;
padding: 0;
display: block;
clear: both;
font-size: 20px;
font-size: 2.0rem;
line-height: 110%;
}
#newsDetail .title .place {
display: block;
clear: both;
font-size: 14px;
font-size: 1.4rem;
padding: 8px 0 0 0;
}
#newsDetail .title .category {
display: block;
clear: both;
padding: 0 0 1em 0;
font-size: 140%;
}
#newsDetail .txt {
margin: 0;
padding: 0;
display: table;
clear: both;
width: 100%;
}
#newsDetail .jp {
display: table;
clear: both;
margin: 0 0 40px 0;
}
#newsDetail .en {
display: table;
clear: both;
padding: 40px 0 0 0;
border-top: 1px solid #FFF;
width: 100%;
} #profile .artistNameEn,
#profile-test .artistNameEn {
margin: 0;
padding: 0 0 10px 0;
font-size: 60px;
font-size: 6.0rem;
display: block;
clear: both;
line-height: 120%;
}
#home-profile #profile .artistNameEn {
padding: 0 0 30px 0;
}
#profile .artistNameJp,
#profile-test .artistNameJp {
margin: 0;
padding: 0 0 40px 0;
font-size: 18px;
font-size: 1.8rem;
display: block;
clear: both;
line-height: 120%;
}
#profile .artistPhoto,
#profile .txt,
#profile-test .artistPhoto,
#profile-test .txt {
display: table;
clear: both;
margin: 0;
padding: 0 0 50px 0;
width: 100%;
}
#profile .artistPhoto img,
#profile-test .artistPhoto img {
width: 100%;
max-width: 880px;
height: auto;
}
#profile .txt .jp,
#profile .txt .en,
#profile .txt .officialAccount,
#profile-test .txt .jp,
#profile-test .txt .en,
#profile-test .txt .officialAccount {
display: table;
clear: both;
margin: 0;
padding: 0 0 50px 0;
width: 100%;
}
#profile .txt .officialAccount li,
#profile-test .txt .officialAccount li {
margin: 0 5px 0 0;
padding: 0;
list-style: none;
display: inline-block;
}
#profile .txt .officialAccount strong,
#profile-test .txt .officialAccount strong {
margin: 0 0 10px 0;
padding: 0;
display: block;
clear: both;
}
#home-profile #profile .txt {
padding: 0;
}
#member dl {
margin: 0 -5% 0 0;
padding: 0;
display: block;
clear: both;
letter-spacing: -.40em; position: relative;
}
#member dd {
margin: 0 5% 20px 0;
padding: 0;
display: inline-block; vertical-align: top; letter-spacing: normal; width: 45%;
font-size: 14px;
font-size: 1.4rem;
position: relative;
text-align: left;
}
#member .photo {
margin: 0 0 20px 0;
width: 100%;
display: table;
clear: both;
border: 1px solid #FFF;
box-sizing: border-box;
}
#member .name {
margin: 0 0 20px 0;
padding: 0;
float: left;
font-size: 20px;
font-size: 2.0rem;
}
#member .sns {
margin: 0;
padding: 0;
float: right;
}
#member img {
margin: 0 0 0 5px;
padding: 0;
display: inline-block;
width: 30px;
}
#member p {
margin: 0 0 10px 0;
padding: 0;
display: block;
clear: both;
}
#links dl,
#other-release dl {
margin: 0 -3% 0 0;
padding: 0;
display: block;
clear: both;
letter-spacing: -.40em; position: relative;
}
#links dt,
#other-release dt {
margin: 0 0 10px 0;
padding: 0;
display: block; clear: both;
vertical-align: top; letter-spacing: normal; width: 100%;
text-align: left;
}
#links dd,
#other-release dd {
margin: 0 3% 3% 0;
padding: 0;
display: inline-block; vertical-align: top; letter-spacing: normal; width: 30%;
position: relative;
text-align: left;
}
#links img,
#other-release img {
margin: 0;
width: 100%;
display: table;
clear: both;
border: 1px solid #000;
box-sizing: border-box;
} #videoList dl {
margin: 0 -5% 0 0;
padding: 0;
display: block;
clear: both;
letter-spacing: -.40em; overflow: hidden;
position: relative;
}
#videoList dd {
margin: 0 5% 30px 0;
padding: 0;
display: inline-block; vertical-align: top; letter-spacing: normal; width: 45%;
font-size: 14px;
font-size: 1.4rem;
line-height: 120%;
position: relative;
text-align: left;
}
#videoList img {
margin: 0 0 8px 0;
width: 100%;
display: table;
clear: both;
box-sizing: border-box;
border: 1px solid #000;
}
#videoList dd .yt {
width: 100%;
}
#videoList dd .playBtn {
position: absolute;
top: 40%;
left: 43%;
width: 40px;
height: 40px;
border: none;
}
#home-video #videoList img {
border: 1px solid #FFF;
}
#home-video #videoList dd .playBtn {
border: none !important;
}  #linkList dl {
margin: 0 -5% 0 0;
padding: 0;
display: block;
clear: both;
letter-spacing: -.40em; overflow: hidden;
position: relative;
}
#linkList dd {
margin: 0 5% 30px 0;
padding: 0;
display: inline-block; vertical-align: top; letter-spacing: normal; width: 45%;
font-size: 14px;
font-size: 1.4rem;
line-height: 120%;
position: relative;
text-align: left;
}
#linkList img {
margin: 0 auto 8px auto;
width: 100%;
display: table;
clear: both;
box-sizing: border-box;
border: 1px solid #000;
} #home-link #linkList dl {
margin: 0;
}
#home-link #linkList dd {
margin: 0 auto 30px auto;
width: 50%;
display: block;
clear: both;
} #goodsList dl {
margin: 0 -3% 0 0;
padding: 0;
display: block;
clear: both;
letter-spacing: -.40em; overflow: hidden;
position: relative;
}
#goodsList dd {
margin: 0 3% 30px 0;
padding: 0;
display: inline-block; vertical-align: top; letter-spacing: normal; width: 30%;
position: relative;
text-align: left;
}
#goodsList img {
margin: 0 0 8px 0;
width: 100%;
display: table;
clear: both;
border: 1px solid #FFF;
box-sizing: border-box;
}
#goodsList .title,
#goodsList .size,
#goodsList .price,
#goodsList .info {
margin: 0 0 10px 0;
padding: 0;
display: block;
clear: both;
line-height: 120%;
}
#goodsList .title {
font-size: 16px;
font-size: 1.6rem;
}
#goodsList .size,
#goodsList .price,
#goodsList .info {
font-size: 12px;
font-size: 1.2rem;
}
#goodsList .soldout {
font-size: 12px;
font-size: 1.2rem;
padding: 5px 0;
color: #FFF;
background-color: #FF0000;
text-align: center;
font-weight: bold;
box-sizing: border-box;
margin: 0 1px 10px 1px;
}
#goods-bnr {
display: inline-block;
clear: both;
margin: 0;
padding: 60px 0;
width: 100%;
text-align: center;
}
#goods-bnr a {
display: inline-block;
clear: both;
margin: 0 auto;
padding: 0 0 10px 0;
width: 100%;
max-width: 500px;
text-align: center;
}
#goods-bnr img {
width: 100%;
height: auto;
margin: 0;
padding: 0;
} #photoList ul {
margin: 16px -1% 60px 0;
padding: 0;
display: block;
clear: both;
letter-spacing: -.40em; overflow: hidden;
position: relative;
}
#photoList li {
margin: 0 1% 1% 0;
padding: 0;
display: inline-block; vertical-align: top; letter-spacing: normal; width: 13%;
position: relative;
}
#photoList li img {
margin: 0 0 1% 0;
width: 100%;
display: table;
clear: both;
border: 1px solid #000;
box-sizing: border-box;
}
#photoList .date,
#photoList .title,
#photoList .photographer {
margin: 0;
padding: 0;
display: block;
clear: both;
}
#photoList .date,
#photoList .title,
#photoList .photographer {
font-size: 18px;
font-size: 1.8rem;
}
#photoList .photographer {
margin: 5px 0 0 0;
font-size: 14px;
font-size: 1.4rem;
} .readMore {
width: 100%;
margin: 30px 0 0 0;
padding: 0;
display: block;
clear: both;
text-align: center;
}
.readMore a.button[class~=black] {
display: inline-block;
height: 50px;
color: #fff;
background: #FFCC00;
padding: 0 50px;
font-size: 16px;
font-size: 1.6rem;
line-height: 50px;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
}
.readMore a.button[class~=black]:hover {
text-decoration: none;
background: #CC9900;
}
#home-news,
#home-live,
#home-profile,
#home-video,
#home-link,
#home-officialaccount,
#home-new-release {
width: 100%;
margin: 0;
padding: 60px 0;
display: block;
clear: both;
background-position: top center;
background-repeat: no-repeat;
background-size: cover;
background-attachment: fixed;
}
#home-link,
#home-new-release {
text-align: center;
}
.whiteVer h2,
.whiteVer .newsList a,
.whiteVer .newsList a:link,
.whiteVer .newsList a:visited,
.whiteVer .artistNameEn,
.whiteVer .txt,
.whiteVer dd {
color: #fff;
}
.whiteVer .newsList a:hover,
.whiteVer .newsList a:active {
color: #FFCC00;
}
.whiteVer .dateSet {
border: 2px solid #fff;
}
.whiteVer .dateSet .kara {
background-color: #fff;
}
#p-home #footer,
#p-home-test #footer {
padding: 40px 0 40px 0;
}
.bg-slider {
width: 100vw;
height: calc((var(--vh, 1vh) * 100) - 80px);
background-position: top center;
background-size: cover;
display: flex;
align-items: center;
justify-content: center;
position: relative;
}
.bg-slider__title {
color: #fff;
font-size: 48px;
font-size: 4.8rem;
line-height: 1.5;
font-weight: bold;
text-align: center;
text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
font-weight: 500;
font-family: Noto Sans Japanese Medium, 游ゴシック, Yu Gothic, 游ゴシック体, YuGothic, Hiragino Kaku Gothic ProN, ヒラギノ角ゴ ProN, Hiragino Kaku Gothic Pro, Meiryo, メイリオ, sans-serif;
}
.bg-slider__arrow {
position: absolute;
bottom: 60px;
left: 0;
right: 0;
margin: auto;
}
.bg-slider__arrow img {
width: 100px;
height: auto;
}
#link01 {
margin-top: -70px;
padding-top: 70px;
height: 0;
} #commonDetail .txt {
margin: 1em 0 0 0;
padding: 0;
display: block;
clear: both;
width: 100%;
}
.page404 {
width: 100%;
margin: 0 auto;
padding: 20px 0;
display: block;
clear: both;
text-align: center;
}
.page404 p {
width: 100%;
font-size: 15px;
margin: 2em 0;
text-align: center;
line-height: 160%;
}
.page404 dl,
.page404 dt,
.page404 dd {
margin: 0 auto;
padding: 0;
display: block;
clear: both;
text-align: center;
line-height: 130%;
}
.page404 dt {
font-size: 60px;
}
.page404 dd {
font-size: 30px;
padding: 0 0 1em 0 !important;
}
.page404 .btnBox {
padding: 1em 0 2em 0;
} .for_mobile {
display: none;
}
@media only screen and (max-width: 960px) {
body {
min-width: initial;
} #home-news,
#home-live,
#home-profile,
#home-profile-test,
#home-video,
#home-link,
#home-officialaccount,
#home-new-release {
background-attachment: local;
}
#home-live,
#home-officialaccount {
background-position: center;
} #home-new-release .release-info {
margin: -20px auto;
padding: 0;
}
}
@media only screen and (max-width: 768px) { .for_pc {
display: none;
}
.for_mobile {
display: block;
}
body {
font-size: 14px;
font-size: 1.4rem;
}
h2 {
width: 50%;
margin: 0 0 0 -3px;
padding: 22px 0 0 0;
font-size: 40px;
font-size: 4.0rem;
}
h3 {
margin: 0 0 30px 0;
padding: 0;
font-size: 30px;
font-size: 3.0rem;
color: #000;
display: table;
clear: both;
}
#other-release h3 {
font-size: 20px;
font-size: 2.0rem;
}
img.size-full,
img.size-large,
img.size-medium,
img.size-thumbnail,
#profile .artistPhoto img,
#profile-test .artistPhoto img {
width: 100% !important;
max-width: 100% !important;
height: auto;
}
img.alignnone,
img.alignleft,
img.alignright,
img.aligncenter,
#artistDetail img {
display: block !important;
clear: both !important;
margin: 0 0 2em 0 !important;
}
img.img-border {
border: 1px solid #000;
}
img.img-border {
border: 1px solid #000;
}
.wp-pagenavi {
text-align: center;
margin: 0 0 3em 0;
padding: 0;
font-size: 9px !important;
}
.wp-pagenavi .current {
background-color: #000;
color: #000;
}
.wp-pagenavi .pages {
background-color: #CCCCCC;
}
.wp-pagenavi a:link,
.wp-pagenavi a:visited,
.wp-pagenavi a:active,
.wp-pagenavi a:hover {
text-decoration: none !important;
color: #000 !important;
}
.wp-pagenavi a {
margin: 0 1px 2px 1px !important;
}
.wp-pagenavi span,
.wp-pagenavi a {
padding-right: 3px !important;
padding-left: 3px !important;
}
#footer,
#innerBox {
width: 100%;
min-width: 100%;
}
#footer {
width: 100%;
min-width: 100%;
padding: 100px 0 40px 0;
} #header {
background-color: #666; height: 50px; }
body {
padding: 60px 0 0 0; }
#link_to_top {
margin-top: -60px; padding-top: 60px; }
#under_construction {
margin: 100px auto;
text-align: center;
font-size: 24px;
font-size: 2.4rem
}
#sb-site {
padding: 70px 0 0 0 !important; } #header h1 {
width: 80px;
margin: 4px auto 0 auto;
padding: 0;
float: none;
line-height: 0;
}
#header h1 img {
width: 80px !important;
height: auto !important;
margin: 0;
padding: 0;
}
#language {
position: absolute;
top: 0;
right: 20px;
}
#language li {
margin: 10px 0 0 5px;
}
#language a {
width: 40px;
height: 40px;
line-height: 40px;
background-size: 40px 40px;
}
.pagetop {
bottom: 20px;
right: 20px;
}
.pagetop a {
width: 40px;
height: 40px;
background-size: 40px 80px;
line-height: 40px;
}
.pagetop a:hover,
.pagetop a:active {
background-position: 0 -40px;
}
.txt {
word-break: break-all;
} #p-music .release-info {
margin-top: -80px;
padding-top: 80px;
}
#other-release,
#release,
#demo {
padding: 0 0 0 0;
margin: 0 0 40px 0;
} .release-info .rightBox {
width: 100%;
float: none;
clear: both;
}
.release-info .jacket,
.release-info .baseinfo,
.release-info .trackList,
.release-info .releaseDetail {
width: 100%;
margin: 0 0 30px 0;
float: none;
}
.release-info .releaseDetail {
margin: 0;
}
.release-info .jacket img {
width: 100%;
}
.release-info .artist,
.release-info .title,
.release-info .baseinfo .info_date {
padding: 0 0 10px 0;
padding: 0 0 20px 0;
font-size: 22px;
font-size: 2.2rem;
line-height: 120%;
}
.release-info .artist {
padding: 0 0 10px 0;
}
.release-info .baseinfo .info_1,
.release-info .trackList p,
.release-info .trackList li,
.release-info .trackList dd,
.release-info .releaseDetail {
font-size: 16px;
font-size: 1.6rem;
}
.buylink a.button[class~=black] {
padding: 0 6px;
font-size: 12px;
font-size: 1.2rem;
line-height: 28px;
}
#demo dd {
margin: 0 0 10px 0;
}
#play dl {
width: 100%;
}
#play dd {
width: 100%;
display: block;
clear: both;
}
#play dd iframe {
width: 100%;
} .dateSet {
width: 80px;
height: 80px;
min-height: 80px;
}
.dateSet .date {
margin: 0 0 0 0;
font-size: 18px;
font-size: 1.8rem;
}
.dateSet .week,
.dateSet .year {
font-size: 12px;
font-size: 1.2rem;
}
.dateSet .year {
margin: 3px 0 0 0;
}
.dateSet .d_start {
margin: 0;
}
.dateSet .d_end {
margin: -10px 0 20px 0;
}
.dateSet .kara {
height: 6px;
margin: 2px auto;
}
.newsList span {
word-break: break-all;
} #profile .artistNameEn,
#profile-test .artistNameEn {
font-size: 28px;
font-size: 2.8rem;
}
#profile .artistNameJp,
#profile-test .artistNameJp {
font-size: 14px;
font-size: 1.4rem;
}
#member dl {
margin: 0;
}
#member dd {
margin: 0 0 40px 0;
width: 100%;
}
#links dl,
#other-release dl {
margin: 0 -5% 0 0;
}
#links dd,
#other-release dd {
margin: 0 5% 5% 0;
width: 45%;
} #videoList dd {
font-size: 12px;
font-size: 1.2rem;
}
#videoList dd .playBtn {
top: 28%;
left: 43%;
width: 25px;
height: 23px;
}  #linkList dd {
font-size: 12px;
font-size: 1.2rem;
}
#linkList dd .playBtn {
top: 28%;
left: 43%;
width: 25px;
height: 23px;
} #home-link #linkList dd {
margin: 0 0 30px 0;
width: 100%;
} #goodsList dl {
margin: 0 -5% 0 0;
}
#goodsList dd {
margin: 0 5% 30px 0;
width: 45%;
}
#goodsList .title {
font-size: 14px;
font-size: 1.4rem;
} #photoList ul {
margin: 16px -3% 60px 0;
}
#photoList li {
margin: 0 2% 2% 0;
width: 31%;
}
#photoList .date,
#photoList .title,
#photoList .photographer {
font-size: 14px;
font-size: 1.4rem;
}
#photoList .photographer {
font-size: 12px;
font-size: 1.2rem;
} #snsButton .snsIcon {
width: 90px;
height: 90px;
}
#snsButton .snsIcon a {
width: 90px;
height: 90px;
background-size: 90px 180px;
line-height: 90px;
}
#snsButton .snsIcon a:hover,
#snsButton .snsIcon a:active {
background-position: 0 -90px;
}
.bg-slider {
margin-top: -20px;
height: calc((var(--vh, 1vh) * 100) - 30px);
}
.bg-slider__title {
font-size: 6vw;
text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
}
.bg-slider__arrow {
bottom: 60px;
}
.bg-slider__arrow img {
width: 80px;
}
#link01 {
margin-top: -40px;
padding-top: 40px;
} #header .sb-toggle-left {
position: absolute;
top: 15px;
left: 20px;
}
#header .sb-toggle-left img {
width: 30px;
}
.sb-slidebar {
z-index: 1000;
}
.sb-slidebar li {
list-style: none;
font-size: 17px;
font-size: 1.7rem;
line-height: 1.1;
font-weight: 200;
text-align: left;
letter-spacing: 5px;
}
.sb-slidebar li a {
display: block;
text-decoration: none;
color: #fff;
padding: 11px 0 11px 20px;
}
.sb-slidebar .menu_title {
border-top: none;
border-top: bottom;
display: block;
text-decoration: none;
color: #fff;
margin: 0 0 10px 0;
padding: 0 0 0 20px;
background-color: #999;
line-height: 50px;
} .page404 {
padding: 0;
margin-top: -40px;
}
.page404 dd {
padding: 0 0 1em 0;
}
.page404 .btnBox {
padding: 0;
}
}html, body, #sb-site, .sb-site-container, .sb-slidebar { margin: 0;
padding: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
html, body {
width: 100%;
overflow-x: hidden; }
html {
height: 100%; }
body {
min-height: 100%;
height: auto;
position: relative; } html.sb-scroll-lock.sb-active:not(.sb-static) {
overflow: hidden;
} html.sb-web-app,
html.sb-web-app body {
height: 100%;
overflow: hidden;
}
html.sb-web-app body {
-webkit-overflow-scrolling: touch;
} #sb-site, .sb-site-container { width: 100%;
position: relative;
z-index: 1;   } .sb-slidebar {
height: 100%;
overflow-y: auto; position: fixed;
top: 0;
z-index: 0; display: none; background-color: #222222; -webkit-transform: translate(0px); }
.sb-left {
left: 0; }
.sb-right {
right: 0; }
html.sb-static .sb-slidebar,
.sb-slidebar.sb-static {
position: absolute; }
.sb-slidebar.sb-active {
display: block; }
.sb-style-overlay {
z-index: 9999; }
.sb-momentum-scrolling {
-webkit-overflow-scrolling: touch; } .sb-slidebar {
width: 30%;
}
.sb-width-thin {
width: 15%;
}
.sb-width-wide {
width: 45%;
}
@media (max-width: 480px) { .sb-slidebar {
width: 70%;
}
.sb-width-thin {
width: 55%;
}
.sb-width-wide {
width: 85%;
}
}
@media (min-width: 481px) { .sb-slidebar {
width: 55%;
}
.sb-width-thin {
width: 40%;
}
.sb-width-wide {
width: 70%;
}
}
@media (min-width: 768px) { .sb-slidebar {
width: 40%;
}
.sb-width-thin {
width: 25%;
}
.sb-width-wide {
width: 55%;
}
}
@media (min-width: 992px) { .sb-slidebar {
width: 30%;
}
.sb-width-thin {
width: 15%;
}
.sb-width-wide {
width: 45%;
}
}
@media (min-width: 1200px) { .sb-slidebar {
width: 20%;
}
.sb-width-thin {
width: 5%;
}
.sb-width-wide {
width: 35%;
}
} .sb-slide, #sb-site, .sb-site-container, .sb-slidebar {
-webkit-transition: -webkit-transform 400ms ease;
-moz-transition: -moz-transform 400ms ease;
-o-transition: -o-transform 400ms ease;
transition: transform 400ms ease;
-webkit-transition-property: -webkit-transform, left, right; -webkit-backface-visibility: hidden; } .sb-hide { 
display: none; }html.swipebox-html.swipebox-touch {
overflow: hidden !important;
}
#swipebox-overlay img {
border: none !important;
}
#swipebox-overlay {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 99999 !important;
overflow: hidden;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
#swipebox-container {
position: relative;
width: 100%;
height: 100%;
}
#swipebox-slider {
-webkit-transition: -webkit-transform 0.4s ease;
transition: transform 0.4s ease;
height: 100%;
left: 0;
top: 0;
width: 100%;
white-space: nowrap;
position: absolute;
display: none;
cursor: pointer;
}
#swipebox-slider .slide {
height: 100%;
width: 100%;
line-height: 1px;
text-align: center;
display: inline-block;
}
#swipebox-slider .slide:before {
content: "";
display: inline-block;
height: 50%;
width: 1px;
margin-right: -1px;
}
#swipebox-slider .slide img,
#swipebox-slider .slide .swipebox-video-container,
#swipebox-slider .slide .swipebox-inline-container {
display: inline-block;
max-height: 100%;
max-width: 100%;
margin: 0;
padding: 0;
width: auto;
height: auto;
vertical-align: middle;
}
#swipebox-slider .slide .swipebox-video-container {
background: none;
max-width: 1140px;
max-height: 100%;
width: 100%;
padding: 5%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
#swipebox-slider .slide .swipebox-video-container .swipebox-video {
width: 100%;
height: 0;
padding-bottom: 56.25%;
overflow: hidden;
position: relative;
}
#swipebox-slider .slide .swipebox-video-container .swipebox-video iframe {
width: 100% !important;
height: 100% !important;
position: absolute;
top: 0;
left: 0;
}
#swipebox-slider .slide-loading {
background: url(//koheishimizu.net/wp/wp-content/themes/koheishimizu/js/swipebox/img/loader.gif) no-repeat center center;
}
#swipebox-bottom-bar,
#swipebox-top-bar {
-webkit-transition: 0.5s;
transition: 0.5s;
position: absolute;
left: 0;
z-index: 999;
height: 50px;
width: 100%;
}
#swipebox-bottom-bar {
bottom: -50px;
}
#swipebox-bottom-bar.visible-bars {
-webkit-transform: translate3d(0, -50px, 0);
transform: translate3d(0, -50px, 0);
}
#swipebox-top-bar {
top: -50px;
}
#swipebox-top-bar.visible-bars {
-webkit-transform: translate3d(0, 50px, 0);
transform: translate3d(0, 50px, 0);
}
#swipebox-title {
display: block;
width: 100%;
text-align: center;
}
#swipebox-prev,
#swipebox-next,
#swipebox-close {
background-image: url(//koheishimizu.net/wp/wp-content/themes/koheishimizu/js/swipebox/img/icons.png);
background-repeat: no-repeat;
border: none !important;
text-decoration: none !important;
cursor: pointer;
width: 50px;
height: 50px;
top: 0;
}
#swipebox-arrows {
display: block;
margin: 0 auto;
width: 100%;
height: 50px;
}
#swipebox-prev {
background-position: -32px 13px;
float: left;
}
#swipebox-next {
background-position: -78px 13px;
float: right;
}
#swipebox-close {
top: 0;
right: 0;
position: absolute;
z-index: 9999;
background-position: 15px 12px;
}
.swipebox-no-close-button #swipebox-close {
display: none;
}
#swipebox-prev.disabled,
#swipebox-next.disabled {
opacity: 0.3;
}
.swipebox-no-touch #swipebox-overlay.rightSpring #swipebox-slider {
-webkit-animation: rightSpring 0.3s;
animation: rightSpring 0.3s;
}
.swipebox-no-touch #swipebox-overlay.leftSpring #swipebox-slider {
-webkit-animation: leftSpring 0.3s;
animation: leftSpring 0.3s;
}
.swipebox-touch #swipebox-container:before, .swipebox-touch #swipebox-container:after {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: all .3s ease;
transition: all .3s ease;
content: ' ';
position: absolute;
z-index: 999;
top: 0;
height: 100%;
width: 20px;
opacity: 0;
}
.swipebox-touch #swipebox-container:before {
left: 0;
-webkit-box-shadow: inset 10px 0px 10px -8px #656565;
box-shadow: inset 10px 0px 10px -8px #656565;
}
.swipebox-touch #swipebox-container:after {
right: 0;
-webkit-box-shadow: inset -10px 0px 10px -8px #656565;
box-shadow: inset -10px 0px 10px -8px #656565;
}
.swipebox-touch #swipebox-overlay.leftSpringTouch #swipebox-container:before {
opacity: 1;
}
.swipebox-touch #swipebox-overlay.rightSpringTouch #swipebox-container:after {
opacity: 1;
}
@-webkit-keyframes rightSpring {
0% {
left: 0;
}
50% {
left: -30px;
}
100% {
left: 0;
}
}
@keyframes rightSpring {
0% {
left: 0;
}
50% {
left: -30px;
}
100% {
left: 0;
}
}
@-webkit-keyframes leftSpring {
0% {
left: 0;
}
50% {
left: 30px;
}
100% {
left: 0;
}
}
@keyframes leftSpring {
0% {
left: 0;
}
50% {
left: 30px;
}
100% {
left: 0;
}
}
@media screen and (min-width: 800px) {
#swipebox-close {
right: 10px;
}
#swipebox-arrows {
width: 92%;
max-width: 800px;
}
} #swipebox-overlay {
background: #0d0d0d;
}
#swipebox-bottom-bar,
#swipebox-top-bar {
text-shadow: 1px 1px 1px black;
background: #000;
opacity: 0.95;
}
#swipebox-top-bar {
color: white !important;
font-size: 15px;
line-height: 43px;
font-family: Helvetica, Arial, sans-serif;
}