@charset 'UTF-8';
 html
{
box-sizing: border-box;
}
*,
*::before,
*::after
{
box-sizing: inherit;
}
img
{
vertical-align: bottom;
}
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video
{
font: inherit;
font-size: 100%;
margin: 0;
padding: 0;
vertical-align: bottom; 
border: 0;
} article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section
{
display: block;
}
body
{
line-height: 1;
}
ol,
ul
{
list-style: none;
}
blockquote,
q
{
quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after
{
content: '';
content: none;
}
table
{
border-spacing: 0; 
border-collapse: collapse;
}
@-ms-viewport
{
width: device-width;
}
html
{
-ms-overflow-style: scrollbar;
}
body
{
line-height: 1.5;
color: #000;
background-color: #fff;
}
@media (max-width: 767px)
{
body
{
font-size: .7rem !important;
}
}
button
{
cursor: pointer;
}
a
{
text-decoration: none; 
color: #000;
}
table
{
border-collapse: collapse;
}
button:focus
{
outline: 1px dotted;
outline: 5px auto -webkit-focus-ring-color;
}
input,
button,
select,
textarea
{
line-height: inherit;
}
textarea
{
resize: vertical;
}
fieldset
{
min-width: 0;
margin: 0;
padding: 0;
border: 0;
}
legend
{
font-size: 1.5rem;
line-height: inherit; 
display: block;
width: 100%;
margin-bottom: .5rem;
padding: 0;
}
input[type='search']
{
-webkit-appearance: none;
}
output
{
display: inline-block;
}
[hidden]
{
display: none !important;
}
@media print
{
*,
*::before,
*::after,
p::first-letter,
div::first-letter,
blockquote::first-letter,
li::first-letter,
p::first-line,
div::first-line,
blockquote::first-line,
li::first-line
{
box-shadow: none !important; 
text-shadow: none !important;
}
a,
a:visited
{
text-decoration: underline;
}
abbr[title]::after
{
content: ' (' attr(title) ')';
}
pre
{
white-space: pre-wrap !important;
}
pre,
blockquote
{
border: 1px solid #999;
page-break-inside: avoid;
}
thead
{
display: table-header-group;
}
tr,
img
{
page-break-inside: avoid;
}
p,
h2,
h3
{
orphans: 3;
widows: 3;
}
h2,
h3
{
page-break-after: avoid;
}
.navbar
{
display: none;
}
.badge
{
border: 1px solid #000;
}
.table
{
border-collapse: collapse !important;
}
.table td,
.table th
{
background-color: #fff !important;
}
.table-bordered th,
.table-bordered td
{
border: 1px solid #ddd !important;
}
}
body
{
font-family: 'a-otf-futo-go-b101-pr6n',sans-serif;
font-size: 1rem; 
font-weight: 500;
letter-spacing: .1rem;
}
@media (max-width: 767px)
{
body
{
font-size: .7rem;
}
}
html
{
overflow-y: scroll;
}
html,
body
{
overflow: hidden;
height: 100%;
}
#cat_je .globalNavi
{
background: red;
}
#cat_je .globalNavi
{
z-index: 98;
padding: 30px 0;
text-align: center; 
background: #fff;
box-shadow: -10px 20px 20px rgba(0, 0, 0, .5);
box-shadow: -10px 20px 20px rgba(0, 0, 0, .2);
}
#cat_je .globalNavi > ul
{
width: 100%;
margin: 0 auto;
}
@media (min-width: 992px)
{
#cat_je .globalNavi > ul
{
width: 940px;
}
}
#cat_je .globalNavi > ul li
{
font-family: 'din-condensed', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 20px;
font-size: 1.25rem; 
font-weight: 300;
display: inline-block;
margin: 0 5px;
letter-spacing: .1rem;
}
@media (max-width: 767px)
{
#cat_je .globalNavi > ul li
{
font-size: .875rem;
}
}
#cat_je .globalNavi > ul li .font_ja
{
font-size: 18px;
font-size: 1.125rem;
}
@media (max-width: 767px)
{
#cat_je .globalNavi > ul li .font_ja
{
font-size: .7875rem;
}
}
#cat_je .globalNavi > ul li a
{
line-height: 1;
display: block;
padding: 2px 2px 0 4px;
transition: background-color .2s linear, color .2s linear; 
color: #000;
}
#cat_je .globalNavi > ul li a:hover
{
color: #fff; 
background-color: #e9518e;
}
#cat_je .globalNavi > ul li.active
{
background: #e9518e;
}
#cat_je .globalNavi > ul li.active a
{
display: block; 
color: #fff;
}
#cat_je .globalNavi > ul li.artists
{
font-size: 15px;
font-size: .9375rem;
line-height: 1.3; 
padding-left: 20px;
}
@media (max-width: 767px)
{
#cat_je .globalNavi > ul li.artists
{
font-size: .65625rem;
}
}
#cat_je .globalNavi .menu_wrapper
{
position: relative;
width: 100%; 
margin: 0 auto;
}
@media (min-width: 992px)
{
#cat_je .globalNavi .menu_wrapper
{
width: 860px;
}
}
#cat_je .globalNavi .menu_wrapper p.menu
{
font-family: 'din-condensed', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 15px;
font-size: .9375rem;
font-weight: 300;
position: absolute;
top: -30px;
right: -60px; 
letter-spacing: .1rem;
}
@media (max-width: 767px)
{
#cat_je .globalNavi .menu_wrapper p.menu
{
font-size: .65625rem;
}
}
#cat_je .globalNavi .menu_wrapper p.menu .icon_arrow
{
position: relative; 
display: inline-block;
}
#cat_je .globalNavi .menu_wrapper p.menu .icon_arrow:after
{
position: absolute;
top: 33%;
right: -12px;
display: inline-block;
width: 0;
height: 0;
content: '';
border-top: 8px solid #e9518e; 
border-right: 4px solid transparent;
border-left: 4px solid transparent;
}
#cat_je .globalNavi .menu_wrapper p.menu .icon_arrow:hover
{
color: #f085b0;
}
#cat_je .globalNavi .menu_wrapper p.menu a
{
display: block;
width: 180px;
padding: 10px 0; 
text-align: center;
}
#cat_je .globalNavi .menu_wrapper .menu_contents
{
font-family: 'din-condensed', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-weight: 300;
position: absolute;
z-index: 10;
top: 10px;
right: -60px;
display: none; 
text-align: center;
letter-spacing: .1rem;
box-shadow: 0 10px 10px rgba(0, 0, 0, .1);
}
#cat_je .globalNavi .menu_wrapper .menu_contents ul
{
width: 180px;
background: #f6f6f6;
}
#cat_je .globalNavi .menu_wrapper .menu_contents ul li
{
font-size: 15px;
font-size: .9375rem;
display: block;
background: #fff;
}
@media (max-width: 767px)
{
#cat_je .globalNavi .menu_wrapper .menu_contents ul li
{
font-size: .65625rem;
}
}
#cat_je .globalNavi .menu_wrapper .menu_contents ul li a
{
display: block;
padding: 5px 0;
transition: background .2s ease-in-out; 
border-top: 1px solid #c1c1c1;
background: #fff;
}
#cat_je .globalNavi .menu_wrapper .menu_contents ul li a:hover
{
transition: background .2s ease-in-out;
}
#cat_je .globalNavi .menu_wrapper .menu_contents ul li a .font_ja
{
font-size: 14px;
font-size: .875rem;
}
@media (max-width: 767px)
{
#cat_je .globalNavi .menu_wrapper .menu_contents ul li a .font_ja
{
font-size: .6125rem;
}
}
#cat_je .globalNavi .menu_wrapper .menu_contents ul li a:hover
{
color: #fff; 
background: #e9518e;
}
#cat_je .globalNavi .menu_wrapper .menu_contents ul li.artists
{
font-size: 14px;
font-size: .875rem;
padding: 1rem 0 .7rem 0; 
background: #f6f6f6;
}
@media (max-width: 767px)
{
#cat_je .globalNavi .menu_wrapper .menu_contents ul li.artists
{
font-size: .6125rem;
}
}
#cat_je .globalNavi .menu_wrapper .menu_contents ul li.artist a
{
border-top: none; 
background: #f6f6f6;
}
#cat_je .globalNavi .menu_wrapper .menu_contents ul li.artist a:hover
{
color: #fff; 
background: #e9518e;
}
#cat_je .globalNavi .menu_wrapper .menu_contents ul li.active a
{
color: #fff; 
background: #e9518e;
}
#cat_je .globalNavi ul
{
margin: 0 auto;
}
#cat_je .globalNavi ul li a
{
padding: 2px 0 0 2px !important;
}
#cat_je .icon_sp_menu
{
position: fixed;
z-index: 99; 
top: 12px;
right: 15px;
cursor: pointer;
}
#cat_je .icon_sp_menu svg
{
z-index: 9999;
width: 20px;
height: 20px;
fill: #fff;
}
@media (min-width: 768px)
{
#cat_je .icon_sp_menu svg
{
width: 20px; 
height: 20px;
}
}
#cat_je .icon_sp_menu.color_black svg
{
fill: #000;
}
#cat_je .globalNavi_sp
{
position: absolute;
z-index: 100; 
top: 0;
right: 0;
display: none;
width: 100%;
}
#cat_je .globalNavi_sp.on
{
display: block;
}
#cat_je .globalNavi_sp .navi_contents
{
font-family: 'din-condensed', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-weight: 300;
position: absolute;
z-index: 2;
top: 0;
top: 0;
right: -220px;
width: 220px;
height: 100%;
transition: margin-left .5s ease-out;
letter-spacing: .1rem; 
background: rgba(50, 50, 50, .9);
}
#cat_je .globalNavi_sp .navi_contents .icon_close
{
position: relative;
cursor: pointer;
}
#cat_je .globalNavi_sp .navi_contents .icon_close svg
{
position: absolute;
z-index: 2;
top: 12px;
right: 15px;
width: 20px; 
height: 20px;
fill: #848484;
}
#cat_je .globalNavi_sp .navi_contents h1
{
font-size: 1.1rem;
padding: .8rem 0;
text-align: center;
color: #848484;
background: rgba(50, 50, 50, .9);
}
#cat_je .globalNavi_sp .navi_contents h1.jwest
{
font-size: 1.0rem; 
padding: .8rem 0 .8rem .5rem;
text-align: left;
}
#cat_je .globalNavi_sp .navi_contents ul
{
text-align: center;
}
#cat_je .globalNavi_sp .navi_contents ul li
{
font-size: 1rem;
}
#cat_je .globalNavi_sp .navi_contents ul.artist_globalNavi li
{
border-bottom: none; 
background: #fff;
}
#cat_je .globalNavi_sp .navi_contents ul.artist_globalNavi li a
{
display: block;
padding: .5rem 0;
}
#cat_je .globalNavi_sp .navi_contents ul.artist_globalNavi li:nth-child(2n)
{
background: #f6f6f6;
}
#cat_je .globalNavi_sp .navi_contents ul.artist_globalNavi li.category
{
font-family: 'din-condensed', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 1.3rem;
font-weight: 400;
letter-spacing: .1rem;
}
#cat_je .globalNavi_sp .navi_contents ul.artist_globalNavi li.category a
{
position: relative; 
display: block;
padding: 0 0;
}
#cat_je .globalNavi_sp .navi_contents ul.artist_globalNavi li.category a .img_bg
{
width: 100%;
height: 150px; 
background-position: center top;
background-size: cover;
}
#cat_je .globalNavi_sp .navi_contents ul.artist_globalNavi li.category a p
{
position: absolute;
bottom: 0;
left: 0;
width: 100%; 
padding: .25rem;
text-align: center;
background: rgba(255, 255, 255, .8);
}
#cat_je .globalNavi_sp .navi_contents ul.artist_globalNavi li.active a
{
color: #ccc;
}
#cat_je .globalNavi_sp .navi_contents ul.global
{
border-top: 2px solid #848484;
}
#cat_je .globalNavi_sp .navi_contents ul.global li a
{
display: block;
padding: .5rem 0;
color: #fff;
border-bottom: 2px solid #848484;
}
#cat_je .globalNavi_sp .navi_contents ul.artists
{
margin-top: 2rem;
}
#cat_je .globalNavi_sp .navi_contents ul.artists li
{
margin: 0 0 .8rem 0;
background-position: center top;
background-size: cover;
}
#cat_je .globalNavi_sp .navi_contents ul.artists li a
{
position: relative;
display: block;
width: 220px; 
height: 110px;
}
#cat_je .globalNavi_sp .navi_contents ul.artists li a img
{
width: 100%; 
height: auto;
}
#cat_je .globalNavi_sp .navi_contents ul.artists li a p
{
position: absolute;
bottom: 0;
left: 0;
width: 100%; 
padding: .25rem;
text-align: center;
background: rgba(255, 255, 255, .8);
}
#cat_je .globalNavi_sp .navi_contents ul.artists li a p.font_ja
{
font-size: .8rem;
}
#cat_je .globalNavi_sp .navi_contents ul.artists li a p span.font_ja
{
font-size: .9rem;
}
#cat_je footer
{
padding: 1rem; 
text-align: center;
color: #fff;
background: #e9518e;
}
@media (min-width: 768px)
{
#cat_je footer
{
padding: 3rem 0;
}
}
#cat_je footer a
{
text-decoration: none; 
color: #fff;
}
#cat_je footer a:hover
{
text-decoration: underline;
}
#cat_je footer ul.sns
{
margin-bottom: .5rem; 
text-align: center;
}
@media (min-width: 768px)
{
#cat_je footer ul.sns
{
margin-bottom: 1rem;
}
}
#cat_je footer ul.sns li
{
display: inline-block;
margin: 0 5px;
}
#cat_je footer ul.sns li svg
{
width: 22px; 
height: 22px;
transition: opacity .2s ease-in-out;
opacity: 1;
fill: #fff;
}
#cat_je footer ul.sns li svg:hover
{
transition: opacity .2s ease-in-out;
}
#cat_je footer ul.sns li svg:hover
{
opacity: .7;
}
@media (min-width: 768px)
{
#cat_je footer ul.sns li svg
{
width: 30px; 
height: 30px;
}
}
#cat_je footer .terms
{
font-size: 14px;
font-size: .875rem;
margin-bottom: .5rem;
}
@media (max-width: 767px)
{
#cat_je footer .terms
{
font-size: .6125rem;
}
}
@media (min-width: 768px)
{
#cat_je footer .terms
{
margin-bottom: 1rem;
}
}
#cat_je footer .copyright
{
font-family: 'din-condensed', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-weight: 300;
letter-spacing: .1rem;
}
@media (max-width: 767px)
{
#cat_je footer .copyright
{
font-size: 12px;
font-size: .75rem;
}
}
@media (max-width: 767px) and (max-width: 767px)
{
#cat_je footer .copyright
{
font-size: .525rem;
}
}
#cat_je
{
background: #e9518e url(//www.jehp.jp/wp-content/themes/je/images/je/bg_kinki_sp.png) no-repeat left top;
background-size: contain;
}
@media (min-width: 768px)
{
#cat_je
{
background: #e9518e url(//www.jehp.jp/wp-content/themes/je/images/je/bg_kinki_sp.png) no-repeat left top;
background-size: contain;
}
}
@media (min-width: 992px)
{
#cat_je
{
background: #e9518e url(//www.jehp.jp/wp-content/themes/je/images/je/bg_kinki.png) no-repeat left top;
background-size: contain;
}
}
#cat_je .main_visual
{
position: relative;
}
@media (min-width: 768px)
{
#cat_je .main_visual
{
min-height: 600px;
}
}
#cat_je .main_visual .triangle_wrapper .logo
{
position: absolute;
z-index: 999; 
top: 10px;
left: 10px;
}
@media (min-width: 992px)
{
#cat_je .main_visual .triangle_wrapper .logo
{
position: absolute;
top: 20px;
left: 20px;
}
}
#cat_je .main_visual .triangle_wrapper .logo img
{
width: 50px; 
height: auto;
}
@media (min-width: 992px)
{
#cat_je .main_visual .triangle_wrapper .logo img
{
width: 100px; 
height: auto;
}
}
#cat_je .main_visual .triangle_wrapper .triangle
{
position: absolute;
width: 200px;
height: 200px;
transform: rotate(-40deg) translateY(-150px) translateX(0px);
background: #e9518e;
box-shadow: -10px 15px 20px rgba(0, 0, 0, .2);
}
@media (min-width: 992px)
{
#cat_je .main_visual .triangle_wrapper .triangle
{
width: 400px;
height: 400px;
transform: rotate(-40deg) translateY(-310px) translateX(0px);
box-shadow: -10px 20px 20px rgba(0, 0, 0, .2);
}
}
#cat_je .main_visual .slider
{
padding: 2.5rem 0 0;
text-align: center;
}
@media (min-width: 768px)
{
#cat_je .main_visual .slider
{
padding: 4rem 0 0;
}
}
#cat_je .main_visual .slider article
{
width: 80%;
margin: 0 auto;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px; 
box-shadow: -20px 20px 20px rgba(0, 0, 0, .2);
}
@media (min-width: 768px)
{
#cat_je .main_visual .slider article
{
width: 580px; 
height: auto;
}
}
#cat_je .main_visual .slider article a
{
position: relative; 
display: block;
}
#cat_je .main_visual .slider article a:before
{
position: absolute;
z-index: 1;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%; 
content: '';
}
#cat_je .main_visual .slider article img
{
border-top-left-radius: 10px; 
border-top-right-radius: 10px;
}
@media (max-width: 991px)
{
#cat_je .main_visual .slider article img
{
width: 100%;
}
}
#cat_je .main_visual .slider article ul
{
position: relative;
z-index: 2;
text-align: center;
}
#cat_je .main_visual .slider article ul li.name
{
font-family: 'futura-pt', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 60px;
font-size: 3.75rem;
font-weight: 300;
position: absolute;
top: -100px;
left: 0;
width: 100%;
text-align: center;
letter-spacing: .1rem; 
color: #fff;
}
@media (max-width: 767px)
{
#cat_je .main_visual .slider article ul li.name
{
font-size: 2.625rem;
}
}
@media (min-width: 768px)
{
#cat_je .main_visual .slider article ul li.name
{
font-size: 70px;
font-size: 4.375rem;
position: absolute;
top: -155px;
left: 0;
}
}
@media (min-width: 768px) and (max-width: 767px)
{
#cat_je .main_visual .slider article ul li.name
{
font-size: 3.0625rem;
}
}
#cat_je .main_visual .slider article ul li.btn-enter
{
font-family: 'futura-pt-condensed', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 40px;
font-size: 2.5rem;
font-weight: 400;
line-height: 1.3;
position: absolute;
top: -45px;
right: 50%;
left: 50%;
width: 130px;
padding: 0;
transition: background .2s ease-in-out;
transform: translateX(-50%); 
text-align: center;
letter-spacing: .1rem;
color: #fff;
border-radius: 40px;
background-color: rgba(255, 255, 255, .3);
}
#cat_je .main_visual .slider article ul li.btn-enter:hover
{
transition: background .2s ease-in-out;
}
@media (max-width: 767px)
{
#cat_je .main_visual .slider article ul li.btn-enter
{
font-size: 1.75rem;
}
}
#cat_je .main_visual .slider article ul li.btn-enter:hover
{
background: #b3b3b3;
}
@media (min-width: 768px)
{
#cat_je .main_visual .slider article ul li.btn-enter
{
font-family: 'futura-pt-condensed', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 40px;
font-size: 2.5rem;
font-weight: 400;
line-height: 1.3;
position: absolute;
top: -65px;
right: 50%;
left: 50%;
width: 200px;
padding: 0; 
transition: background .2s ease-in-out;
text-align: center;
letter-spacing: .1rem;
color: #fff;
border-radius: 40px;
background-color: rgba(255, 255, 255, .3);
}
#cat_je .main_visual .slider article ul li.btn-enter:hover
{
transition: background .2s ease-in-out;
}
}
@media (min-width: 768px) and (max-width: 767px)
{
#cat_je .main_visual .slider article ul li.btn-enter
{
font-size: 1.75rem;
}
}
@media (min-width: 768px)
{
#cat_je .main_visual .slider article ul li.btn-enter:hover
{
background: #b3b3b3;
}
}
#cat_je .main_visual .slider article p.text
{
padding: 15px 10px;
text-align: center;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px; 
background: #fff;
}
#cat_je .main_visual .slider article.jwest ul li.name
{
font-family: 'futura-pt', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 50px;
font-size: 3.125rem;
font-weight: 300;
letter-spacing: .1rem;
}
@media (max-width: 767px)
{
#cat_je .main_visual .slider article.jwest ul li.name
{
font-size: 2.1875rem;
}
}
@media (min-width: 768px)
{
#cat_je .main_visual .slider article.jwest ul li.name
{
font-size: 70px;
font-size: 4.375rem;
position: absolute;
top: -155px;
left: 0;
}
}
@media (min-width: 768px) and (max-width: 767px)
{
#cat_je .main_visual .slider article.jwest ul li.name
{
font-size: 3.0625rem;
}
}
#cat_je .main_visual .slider .slider_navi
{
padding: .75rem 0;
}
@media (min-width: 768px)
{
#cat_je .main_visual .slider .slider_navi
{
padding: 1.5rem 0;
}
}
#cat_je .main_visual .slider .slider_navi li
{
display: inline-block;
margin: 0 5px;
}
#cat_je .main_visual .slider .slider_navi li a
{
display: block;
width: 20px;
height: 20px;
background: url(//www.jehp.jp/wp-content/themes/je/images/je/icon-bullet.png) no-repeat center center;
}
@media (max-width: 767px)
{
#cat_je .main_visual .slider .slider_navi li a
{
width: 15px;
height: 15px;
background: url(//www.jehp.jp/wp-content/themes/je/images/je/icon-bullet-sp.png) no-repeat center center;
background-size: 15px;
}
}
#cat_je .main_visual .slider .slider_navi li.active a
{
width: 20px;
height: 20px;
background: url(//www.jehp.jp/wp-content/themes/je/images/je/icon-bullet-active.png) no-repeat center center;
}
@media (max-width: 767px)
{
#cat_je .main_visual .slider .slider_navi li.active a
{
width: 15px;
height: 15px;
background: url(//www.jehp.jp/wp-content/themes/je/images/je/icon-bullet-active-sp.png) no-repeat center center;
background-size: 15px;
}
}
#cat_je .sectionBlock.newRelease
{
padding-bottom: 4rem;
}
@media (max-width: 767px)
{
#cat_je .sectionBlock.newRelease
{
padding: 0rem 0 2em 0;
}
}
#cat_je .sectionBlock.newRelease h1
{
font-family: 'din-condensed', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 30px;
font-size: 1.875rem;
font-weight: 300;
width: 100%;
margin: 0 auto;
padding: 1rem 0 1rem 3rem;
letter-spacing: .1rem;
color: #e9518e;
background: url(//www.jehp.jp/wp-content/themes/je/images/je/icon-new-release.png) no-repeat 1rem 1rem;
background-size: 25px auto;
}
@media (min-width: 992px)
{
#cat_je .sectionBlock.newRelease h1
{
width: 860px;
}
}
@media (max-width: 767px)
{
#cat_je .sectionBlock.newRelease h1
{
font-size: 1.3125rem;
}
}
@media (min-width: 768px)
{
#cat_je .sectionBlock.newRelease h1
{
padding: 1.7rem 0 1.7rem 3rem;
}
}
@media (min-width: 768px)
{
#cat_je .sectionBlock.newRelease h1
{
font-family: 'din-condensed', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 30px;
font-size: 1.875rem;
font-weight: 300;
width: 100%;
margin: 0 auto;
padding: 1rem 0 1rem 4rem;
letter-spacing: .1rem;
color: #e9518e;
background: url(//www.jehp.jp/wp-content/themes/je/images/je/icon-new-release.png) no-repeat 1rem 1.8rem;
background-size: 40px auto;
}
}
@media (min-width: 768px) and (min-width: 992px)
{
#cat_je .sectionBlock.newRelease h1
{
width: 860px;
}
}
@media (min-width: 768px) and (max-width: 767px)
{
#cat_je .sectionBlock.newRelease h1
{
font-size: 1.3125rem;
}
}
@media (min-width: 768px) and (min-width: 768px)
{
#cat_je .sectionBlock.newRelease h1
{
padding: 1.7rem 0 1.7rem 4rem;
}
}
@media (min-width: 992px)
{
#cat_je .sectionBlock.newRelease h1
{
font-family: 'din-condensed', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 30px;
font-size: 1.875rem;
font-weight: 300;
width: 100%;
margin: 0 auto;
padding: 1rem 0 1rem 3rem;
letter-spacing: .1rem;
color: #e9518e;
background: url(//www.jehp.jp/wp-content/themes/je/images/je/icon-new-release.png) no-repeat left 1.8rem;
background-size: 40px auto;
}
}
@media (min-width: 992px) and (min-width: 992px)
{
#cat_je .sectionBlock.newRelease h1
{
width: 860px;
}
}
@media (min-width: 992px) and (max-width: 767px)
{
#cat_je .sectionBlock.newRelease h1
{
font-size: 1.3125rem;
}
}
@media (min-width: 992px) and (min-width: 768px)
{
#cat_je .sectionBlock.newRelease h1
{
padding: 1.7rem 0 1.7rem 3rem;
}
}
#cat_je .sectionBlock.newRelease .slider
{
position: relative; 
width: 100%;
margin: 0 auto;
text-align: center;
}
@media (min-width: 992px)
{
#cat_je .sectionBlock.newRelease .slider
{
width: 885px;
}
}
#cat_je .sectionBlock.newRelease .slider .arrow li
{
position: absolute;
z-index: 10;
top: 50%;
left: 0;
display: block;
width: 60px;
height: 60px;
cursor: pointer;
transition: opacity .1s linear; 
transform: translateY(-50%);
}
#cat_je .sectionBlock.newRelease .slider .arrow li:hover
{
opacity: .8;
}
#cat_je .sectionBlock.newRelease .slider .arrow li.arrow_l
{
display: none; 
background: url(//www.jehp.jp/wp-content/themes/je/images/common/icon-slide-arrow-l.png) no-repeat center center;
}
@media (max-width: 991px)
{
#cat_je .sectionBlock.newRelease .slider .arrow li.arrow_l
{
background-size: 35px auto;
}
}
#cat_je .sectionBlock.newRelease .slider .arrow li.arrow_r
{
right: 0; 
left: inherit;
background: url(//www.jehp.jp/wp-content/themes/je/images/common/icon-slide-arrow-r.png) no-repeat center center;
}
@media (max-width: 991px)
{
#cat_je .sectionBlock.newRelease .slider .arrow li.arrow_r
{
background-size: 35px auto;
}
}
@media (min-width: 992px)
{
#cat_je .sectionBlock.newRelease .slider .arrow li.arrow_l
{
left: -60px;
}
#cat_je .sectionBlock.newRelease .slider .arrow li.arrow_r
{
right: -60px;
}
}
#cat_je .sectionBlock.newRelease .slider .items-container
{
font-size: 0; 
overflow: hidden;
width: 90%;
margin-right: auto;
margin-left: auto;
}
@media (min-width: 992px)
{
#cat_je .sectionBlock.newRelease .slider .items-container
{
width: 100%;
margin-right: 0; 
margin-left: 0;
}
}
#cat_je .sectionBlock.newRelease .slider .items
{
width: 9999px;
text-align: left;
}
#cat_je .sectionBlock.newRelease .slider article
{
position: relative;
display: inline-block;
width: 100px;
padding: 0 10px; 
vertical-align: top;
}
@media (min-width: 992px)
{
#cat_je .sectionBlock.newRelease .slider article
{
width: 260px;
margin: 0 15px; 
padding: 0;
}
}
#cat_je .sectionBlock.newRelease .slider article a
{
display: block;
margin: 0;
padding: 0;
color: #fff;
}
#cat_je .sectionBlock.newRelease .slider article a:before
{
position: absolute;
z-index: 2;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
content: '';
background-color: rgba(0, 0, 0, 0);
}
#cat_je .sectionBlock.newRelease .slider article a img
{
width: 100%;
}
#cat_je .sectionBlock.newRelease .slider article .images
{
position: relative;
z-index: 1; 
transform: scale(.9);
transform-style: preserve-3d;
perspective: 2500;
}
#cat_je .sectionBlock.newRelease .slider article .images li
{
position: absolute;
width: 100%;
height: auto;
transform-origin: top 50%;
opacity: 0; 
transform-style: preserve-3d;
}
#cat_je .sectionBlock.newRelease .slider article .images li img
{
position: absolute;
top: 50%;
left: 50%;
width: 100%;
height: auto;
transform: translateY(-50%) translateX(-50%);
}
#cat_je .sectionBlock.newRelease .slider article p
{
font-size: 14px;
font-size: .875rem;
display: inline-block;
padding-top: 10px; 
text-align: left;
color: #fff;
}
@media (max-width: 767px)
{
#cat_je .sectionBlock.newRelease .slider article p
{
font-size: .6125rem;
}
}
#cat_je .sectionBlock.newRelease .slider article .texts li
{
font-size: 14px;
font-size: .875rem;
display: inline-block;
display: none;
overflow: hidden;
padding-top: 10px;
text-align: center;
white-space: nowrap;
text-overflow: ellipsis; 
color: #fff;
}
@media (max-width: 767px)
{
#cat_je .sectionBlock.newRelease .slider article .texts li
{
font-size: .6125rem;
}
}
#cat_je .sectionBlock.newRelease .slider article .texts li a
{
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
#cat_je .sectionBlock.banner
{
padding: 25px 0; 
background: #e5e5e5;
}
#cat_je .sectionBlock.banner ul
{
width: 60%;
margin: 0 auto;
text-align: center;
}
@media (min-width: 768px)
{
#cat_je .sectionBlock.banner ul
{
width: 100%;
}
}
#cat_je .sectionBlock.banner ul li
{
margin-bottom: 20px;
text-align: center;
letter-spacing: -40em; 
border-radius: 6px;
}
@media (min-width: 768px)
{
#cat_je .sectionBlock.banner ul li
{
box-sizing: content-box; 
width: 40%;
}
}
@media (min-width: 992px)
{
#cat_je .sectionBlock.banner ul li
{
box-sizing: border-box; 
width: auto;
}
}
#cat_je .sectionBlock.banner ul li img
{
width: 100%;
border: 1px solid #cdcdcd;
border-radius: 6px;
}
@media (min-width: 768px)
{
#cat_je .sectionBlock.banner ul li
{
display: inline-block;
margin-bottom: 0;
padding-right: 38px;
}
}
@media (min-width: 992px)
{
#cat_je .sectionBlock.banner ul li
{
box-sizing: content-box; 
width: 400px;
}
}
#cat_je .sectionBlock.banner ul li:last-child
{
margin-bottom: 0; 
padding-right: 0;
}
#cat_je .sectionBlock.banner ul li a
{
position: relative; 
display: block;
transition: opacity .2s ease-in-out;
letter-spacing: normal;
opacity: 1;
}
#cat_je .sectionBlock.banner ul li a:hover
{
transition: opacity .2s ease-in-out;
}
#cat_je .sectionBlock.banner ul li a:hover
{
opacity: .6;
}
#cat_je .sectionBlock.banner ul li a:before
{
position: absolute;
z-index: 1;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
content: '';
}
#cat_je .sectionBlock.info
{
background: transparent url(//www.jehp.jp/wp-content/themes/je/images/je/bg_stripe.png);
}
#cat_je .sectionBlock.info h1
{
font-family: 'din-condensed', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 30px;
font-size: 1.875rem;
font-weight: 300;
width: 100%;
margin: 0 auto;
padding: 1rem 0 1rem 3rem;
letter-spacing: .1rem;
color: #e9518e;
background: url(//www.jehp.jp/wp-content/themes/je/images/je/icon-info.png) no-repeat .75rem 1.5rem;
background-size: 30px auto;
}
@media (min-width: 992px)
{
#cat_je .sectionBlock.info h1
{
width: 860px;
}
}
@media (max-width: 767px)
{
#cat_je .sectionBlock.info h1
{
font-size: 1.3125rem;
}
}
@media (min-width: 768px)
{
#cat_je .sectionBlock.info h1
{
padding: 1.7rem 0 1.7rem 3rem;
}
}
@media (max-width: 767px)
{
#cat_je .sectionBlock.info h1
{
line-height: 1.2;
}
}
@media (min-width: 768px)
{
#cat_je .sectionBlock.info h1
{
font-family: 'din-condensed', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 30px;
font-size: 1.875rem;
font-weight: 300;
width: 100%;
margin: 0 auto;
padding: 1rem 0 1rem 4.5rem;
letter-spacing: .1rem;
color: #e9518e;
background: url(//www.jehp.jp/wp-content/themes/je/images/je/icon-info.png) no-repeat .75rem 3.5rem;
background-size: 50px auto;
}
}
@media (min-width: 768px) and (min-width: 992px)
{
#cat_je .sectionBlock.info h1
{
width: 860px;
}
}
@media (min-width: 768px) and (max-width: 767px)
{
#cat_je .sectionBlock.info h1
{
font-size: 1.3125rem;
}
}
@media (min-width: 768px) and (min-width: 768px)
{
#cat_je .sectionBlock.info h1
{
padding: 1.7rem 0 1.7rem 4.5rem;
}
}
@media (min-width: 992px)
{
#cat_je .sectionBlock.info h1
{
font-family: 'din-condensed', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 30px;
font-size: 1.875rem;
font-weight: 300;
width: 100%;
margin: 0 auto;
padding: 1rem 0 1rem 3.5rem;
letter-spacing: .1rem;
color: #e9518e;
background: url(//www.jehp.jp/wp-content/themes/je/images/je/icon-info.png) no-repeat left 3.5rem;
background-size: 50px auto;
}
}
@media (min-width: 992px) and (min-width: 992px)
{
#cat_je .sectionBlock.info h1
{
width: 860px;
}
}
@media (min-width: 992px) and (max-width: 767px)
{
#cat_je .sectionBlock.info h1
{
font-size: 1.3125rem;
}
}
@media (min-width: 992px) and (min-width: 768px)
{
#cat_je .sectionBlock.info h1
{
padding: 1.7rem 0 1.7rem 3.5rem;
}
}
#cat_je .sectionBlock.info h1 span
{
font-size: 15px;
font-size: .9375rem;
display: block;
}
@media (max-width: 767px)
{
#cat_je .sectionBlock.info h1 span
{
font-size: .65625rem;
}
}
@media (min-width: 768px)
{
#cat_je .sectionBlock.info h1 span
{
font-size: 24px;
font-size: 1.5rem;
}
}
@media (min-width: 768px) and (max-width: 767px)
{
#cat_je .sectionBlock.info h1 span
{
font-size: 1.05rem;
}
}
#cat_je .sectionBlock.info .list_wrapper
{
padding-bottom: 1rem;
}
@media (min-width: 768px)
{
#cat_je .sectionBlock.info .list_wrapper
{
padding-bottom: 2.5rem;
}
}
#cat_je .sectionBlock.info .list_wrapper article
{
width: 100%;
background: #fff;
}
#cat_je .sectionBlock.info .list_wrapper article a
{
display: block;
width: 100%; 
margin: 0 auto;
padding: 1rem 1.5rem;
}
#cat_je .sectionBlock.info .list_wrapper article a::after
{
display: table; 
clear: both;
content: '';
}
@media (min-width: 992px)
{
#cat_je .sectionBlock.info .list_wrapper article a
{
width: 860px;
}
}
@media (min-width: 992px)
{
#cat_je .sectionBlock.info .list_wrapper article a
{
padding: 2rem 0;
}
}
#cat_je .sectionBlock.info .list_wrapper article a ul
{
font-family: 'din-condensed', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-weight: 300;
display: inline-block;
width: 40%;
margin-right: 3%;
vertical-align: middle;
letter-spacing: .1rem;
}
@media (min-width: 992px)
{
#cat_je .sectionBlock.info .list_wrapper article a ul
{
width: 150px; }
}
#cat_je .sectionBlock.info .list_wrapper article a ul li
{
margin: 0 auto; 
text-align: center;
}
@media (min-width: 992px)
{
#cat_je .sectionBlock.info .list_wrapper article a ul li
{
width: 150px;
text-align: center;
}
}
#cat_je .sectionBlock.info .list_wrapper article a ul li.date
{
font-size: 18px;
font-size: 1.125rem;
}
@media (max-width: 767px)
{
#cat_je .sectionBlock.info .list_wrapper article a ul li.date
{
font-size: .7875rem;
}
}
#cat_je .sectionBlock.info .list_wrapper article a ul li.category
{
line-height: 1.2; 
width: 6rem;
text-align: center;
color: #fff;
border-radius: 2px;
background: #e9518e;
}
@media (min-width: 992px)
{
#cat_je .sectionBlock.info .list_wrapper article a ul li.category
{
width: 90%;
margin: 0 inherit;
}
}
#cat_je .sectionBlock.info .list_wrapper article a ul li.category.font_ja
{
font-size: 12px;
font-size: .75rem;
padding: .2rem 0;
}
@media (max-width: 767px)
{
#cat_je .sectionBlock.info .list_wrapper article a ul li.category.font_ja
{
font-size: .525rem;
}
}
#cat_je .sectionBlock.info .list_wrapper article a p
{
display: inline-block;
width: 55%; 
vertical-align: middle;
}
@media (min-width: 992px)
{
#cat_je .sectionBlock.info .list_wrapper article a p
{
width: 670px !important;
}
}
#cat_je .sectionBlock.info .list_wrapper article a p span.state
{
font-family: 'din-condensed', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 14px;
font-size: .875rem;
font-weight: 300;
margin-left: 5px; 
padding: 0 7px;
text-align: center;
letter-spacing: .1rem;
color: #fff;
border-radius: 20px;
background: #e30000;
}
@media (max-width: 767px)
{
#cat_je .sectionBlock.info .list_wrapper article a p span.state
{
font-size: .6125rem;
}
}
#cat_je .sectionBlock.info .list_wrapper article a p span.state:hover
{
text-decoration: none;
}
#cat_je .sectionBlock.info .list_wrapper article a p span.text:hover
{
text-decoration: underline;
}
#cat_je .sectionBlock.info .list_wrapper article:nth-child(2n-1)
{
background: #e9518e;
}
#cat_je .sectionBlock.info .list_wrapper article:nth-child(2n-1) a
{
color: #fff;
}
#cat_je .sectionBlock.info .list_wrapper article:nth-child(2n-1) a ul li.category
{
color: #e9518e; 
border-radius: 2px;
background: #fff;
}
#cat_je .sectionBlock.info .list_wrapper article a
{
border-bottom: none !important;
}
#cat_je .sectionBlock.info .list_wrapper article:first-child a
{
border-top: none !important;
}
#cat_je .sectionBlock.info .btn_more
{
font-size: 30px;
font-size: 1.875rem;
line-height: 1.3;
display: block;
width: 110px;
margin: 1.5rem auto;
padding: .4rem 0;
transition: background .2s ease-in-out;
text-align: center;
color: #fff;
border: none; 
border-radius: 40px;
background-color: #e9518e;
box-shadow: 0 0 5px #666;
}
@media (max-width: 767px)
{
#cat_je .sectionBlock.info .btn_more
{
font-size: 1.3125rem;
}
}
#cat_je .sectionBlock.info .btn_more:hover
{
transition: background .2s ease-in-out;
}
#cat_je .sectionBlock.info .btn_more:hover
{
background: #a33963;
}
@media (max-width: 767px)
{
#cat_je .sectionBlock.info .btn_more
{
padding: 3px 0;
}
}
@media (min-width: 768px)
{
#cat_je .sectionBlock.info .btn_more
{
width: 200px;
margin: 2.5rem auto;
padding: .6rem 0;
}
}
#cat_je .sectionBlock.spotMovie
{
padding: 0 1.5rem 1.5rem; 
background: transparent url(//www.jehp.jp/wp-content/themes/je/images/je/bg_stripe.png);
}
@media (min-width: 992px)
{
#cat_je .sectionBlock.spotMovie
{
padding: 0 0 4rem 0;
}
}
#cat_je .sectionBlock.spotMovie h1
{
font-family: 'din-condensed', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 30px;
font-size: 1.875rem;
font-weight: 300;
width: 100%;
margin: 0 auto;
padding: 1rem 0 1rem 2.1rem;
letter-spacing: .1rem;
color: #e9518e;
background: url(//www.jehp.jp/wp-content/themes/je/images/je/icon-movie.png) no-repeat left .7rem;
background-size: 25px auto;
}
@media (min-width: 992px)
{
#cat_je .sectionBlock.spotMovie h1
{
width: 860px;
}
}
@media (max-width: 767px)
{
#cat_je .sectionBlock.spotMovie h1
{
font-size: 1.3125rem;
}
}
@media (min-width: 768px)
{
#cat_je .sectionBlock.spotMovie h1
{
padding: 1.7rem 0 1.7rem 2.1rem;
}
}
@media (min-width: 768px)
{
#cat_je .sectionBlock.spotMovie h1
{
font-family: 'din-condensed', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 30px;
font-size: 1.875rem;
font-weight: 300;
width: 100%;
margin: 0 auto;
padding: 1rem 0 1rem 3rem;
letter-spacing: .1rem;
color: #e9518e;
background: url(//www.jehp.jp/wp-content/themes/je/images/je/icon-movie.png) no-repeat left 1.2rem;
background-size: 37px auto;
}
}
@media (min-width: 768px) and (min-width: 992px)
{
#cat_je .sectionBlock.spotMovie h1
{
width: 860px;
}
}
@media (min-width: 768px) and (max-width: 767px)
{
#cat_je .sectionBlock.spotMovie h1
{
font-size: 1.3125rem;
}
}
@media (min-width: 768px) and (min-width: 768px)
{
#cat_je .sectionBlock.spotMovie h1
{
padding: 1.7rem 0 1.7rem 3rem;
}
}
#cat_je .sectionBlock.spotMovie .spotMovie_contents
{
padding-bottom: 1.5rem;
}
@media (min-width: 992px)
{
#cat_je .sectionBlock.spotMovie .spotMovie_contents
{
padding-bottom: 4rem;
}
}
#cat_je .sectionBlock.spotMovie .spotMovie_contents.last
{
padding-bottom: 0;
}
#cat_je .sectionBlock.spotMovie .movie_wrapper
{
width: 100%;
margin: 0 auto;
}
@media (min-width: 992px)
{
#cat_je .sectionBlock.spotMovie .movie_wrapper
{
width: 860px;
}
}
#intro-movie
{
position: fixed;
z-index: 999;
top: 0;
right: 0;
display: block;
width: 100%;
height: 100%;
background-color: #fff;
}
#intro-movie video
{
position: fixed;
z-index: -1; 
top: 50%;
right: 50%;
width: auto;
min-width: 100%;
height: auto;
min-height: 100%;
}
#intro-movie .btn-skip
{
position: absolute;
z-index: 10;
right: 10px;
bottom: 10px;
cursor: pointer;
}
#intro-movie .btn-skip:hover
{
opacity: .8;
}
.index
{
background-repeat: repeat; 
background-position: top;
background-size: auto;
}
@media (min-width: 768px)
{
.index
{
background-size: auto;
}
}
@media (min-width: 992px)
{
.index
{
background-attachment: fixed;
}
}
.index .main_visual
{
position: relative;
overflow: hidden;
height: 384px;
background-color: #fff; 
background-position: 50% 0;
background-size: cover;
}
@media (min-width: 768px)
{
.index .main_visual
{
height: 520px;
}
}
@media (min-width: 992px)
{
.index .main_visual
{
height: 800px;
background-attachment: fixed;
}
}
.index .main_visual .bg
{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
background-position: 50% 0;
background-size: cover;
}
@media (min-width: 992px)
{
.index .main_visual .bg
{
background-attachment: fixed;
}
}
.index .main_visual .triangle_wrapper .logo
{
position: absolute;
z-index: 999; 
top: 10px;
left: 10px;
}
@media (min-width: 992px)
{
.index .main_visual .triangle_wrapper .logo
{
position: absolute;
top: 20px;
left: 20px;
}
}
.index .main_visual .triangle_wrapper .logo img
{
width: 50px; 
height: auto;
}
@media (min-width: 992px)
{
.index .main_visual .triangle_wrapper .logo img
{
width: 100px; 
height: auto;
}
}
.index .main_visual .triangle_wrapper .triangle
{
position: absolute;
width: 200px;
height: 200px;
transform: rotate(-40deg) translateY(-150px) translateX(0px);
background: #000;
box-shadow: -10px 15px 20px rgba(0, 0, 0, .2);
}
@media (min-width: 992px)
{
.index .main_visual .triangle_wrapper .triangle
{
width: 400px;
height: 400px;
transform: rotate(-40deg) translateY(-310px) translateX(0px);
box-shadow: -10px 20px 20px rgba(0, 0, 0, .2);
}
}
.index .main_visual .ob_triangle
{
display: none;
}
.index .artistName
{
position: absolute;
bottom: 0;
left: 50%;
width: 100%;
transform: translateX(-50%) translateY(0%);
text-align: center;
color: #fff;
}
@media (min-width: 992px)
{
.index .artistName
{
display: none;
}
}
@media (min-width: 768px)
{
.index .sectionBlock.info
{
background-color: rgba(255, 255, 255, .8);
}
}
@media (min-width: 992px)
{
.index .sectionBlock.info
{
background: none;
}
}
@media (max-width: 767px)
{
.index .sectionBlock.info h1
{
padding-bottom: 0 !important;
}
}
.index .sectionBlock.info .tab_menu
{
margin: 0 0 1rem 0;
}
@media (min-width: 768px)
{
.index .sectionBlock.info .tab_menu
{
margin: 0 0 3rem 0; 
box-shadow: -10px 10px 10px rgba(0, 0, 0, .1);
}
}
.index .sectionBlock.info .list_wrapper
{
padding-bottom: 1rem;
}
@media (min-width: 768px)
{
.index .sectionBlock.info .list_wrapper
{
padding-bottom: 2.5rem;
}
}
.index .sectionBlock.info .list_wrapper article
{
margin: 0 auto;
}
.index .sectionBlock.info .list_wrapper article:first-child a
{
border-top: 1px solid #848484;
}
.index .sectionBlock.info .list_wrapper article a
{
display: block;
width: 100%;
margin: 0 auto;
padding: .5rem 0; 
border-bottom: 1px solid #848484;
}
.index .sectionBlock.info .list_wrapper article a::after
{
display: table; 
clear: both;
content: '';
}
@media (min-width: 992px)
{
.index .sectionBlock.info .list_wrapper article a
{
width: 860px;
padding: 1rem 0;
}
}
.index .sectionBlock.info .list_wrapper article a ul
{
font-family: 'din-condensed', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-weight: 300;
display: inline-block;
width: 25%;
vertical-align: middle;
letter-spacing: .1rem;
}
@media (min-width: 768px)
{
.index .sectionBlock.info .list_wrapper article a ul
{
width: 20%;
}
}
@media (min-width: 992px)
{
.index .sectionBlock.info .list_wrapper article a ul
{
width: 20%;
}
}
.index .sectionBlock.info .list_wrapper article a ul li
{
text-align: center;
}
.index .sectionBlock.info .list_wrapper article a ul li.date
{
font-size: 20px;
font-size: 1.25rem;
}
@media (max-width: 767px)
{
.index .sectionBlock.info .list_wrapper article a ul li.date
{
font-size: .875rem;
}
}
@media (min-width: 768px)
{
.index .sectionBlock.info .list_wrapper article a ul li
{
margin: 0 auto;
}
}
.index .sectionBlock.info .list_wrapper article a p
{
font-size: 17px;
font-size: 1.0625rem;
display: inline-block;
width: 70%; 
vertical-align: middle;
}
@media (max-width: 767px)
{
.index .sectionBlock.info .list_wrapper article a p
{
font-size: .74375rem;
}
}
@media (min-width: 768px)
{
.index .sectionBlock.info .list_wrapper article a p
{
width: 78%;
}
}
@media (min-width: 992px)
{
.index .sectionBlock.info .list_wrapper article a p
{
width: 78%;
}
}
.index .sectionBlock.info .list_wrapper article a p span.state
{
font-family: 'din-condensed', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 14px;
font-size: .875rem;
font-weight: 300;
margin-left: 5px; 
padding: 0 7px;
text-align: center;
letter-spacing: .1rem;
color: #fff;
border-radius: 20px;
background: #e30000;
}
@media (max-width: 767px)
{
.index .sectionBlock.info .list_wrapper article a p span.state
{
font-size: .6125rem;
}
}
.index .sectionBlock.info .list_wrapper article a p span.state:hover
{
text-decoration: none;
}
.index .sectionBlock.info .list_wrapper article a p span.text:hover
{
text-decoration: underline;
}
@media (max-width: 991px)
{
.index .sectionBlock.info .list_wrapper article
{
width: 80%;
}
}
.index .sectionBlock.info .more
{
margin: 1.5rem auto;
}
@media (min-width: 768px)
{
.index .sectionBlock.info .more
{
margin: 1.5rem auto 4rem;
}
}
.index .sectionBlock.spotMovie h1
{
margin-bottom: 1.5rem;
}
@media (min-width: 768px)
{
.index .sectionBlock.spotMovie h1
{
margin-bottom: 3rem;
}
}
.index .sectionBlock.spotMovie .spotMovie_contents
{
padding: 0 1.5rem 1.5rem;
}
@media (min-width: 992px)
{
.index .sectionBlock.spotMovie .spotMovie_contents
{
padding: 0 0 4rem 0;
}
}
.index .sectionBlock.spotMovie .movie_wrapper
{
width: 100%;
margin: 0 auto;
}
@media (min-width: 992px)
{
.index .sectionBlock.spotMovie .movie_wrapper
{
width: 860px;
}
}
.index .sectionBlock.newRelease
{
padding-bottom: 2rem;
}
@media (min-width: 768px)
{
.index .sectionBlock.newRelease
{
padding-bottom: 4rem;
}
}
.index .sectionBlock.newRelease h1
{
margin-bottom: 1.5rem;
}
@media (min-width: 768px)
{
.index .sectionBlock.newRelease h1
{
margin-bottom: 3rem;
}
}
.index .sectionBlock.discography
{
margin: 0 auto; 
padding-bottom: 2rem;
}
@media (min-width: 768px)
{
.index .sectionBlock.discography
{
padding: 0rem 0 2em 0;
padding-bottom: 4rem;
}
}
.index .sectionBlock.discography h1
{
padding-bottom: 0 !important;
}
.index .sectionBlock.discography .tab_menu
{
margin: 0 0 3rem 0;
}
@media (max-width: 767px)
{
.index .sectionBlock.discography .tab_menu
{
margin: 0 0 1.5rem 0;
}
}
.index .sectionBlock.discography .article_wrapper
{
width: 100%;
margin: 0 auto; 
text-align: center;
}
.index .sectionBlock.discography .article_wrapper article
{
display: inline-block; 
vertical-align: top;
border-radius: 0 0 6px 6px;
background: #fff;
}
.index .sectionBlock.discography .article_wrapper article a
{
display: block;
transition: opacity .2s ease-in-out;
opacity: 1;
box-shadow: -10px 20px 20px rgba(0, 0, 0, .2);
}
.index .sectionBlock.discography .article_wrapper article a:hover
{
transition: opacity .2s ease-in-out;
}
.index .sectionBlock.discography .article_wrapper article a:hover
{
opacity: .7;
}
.index .sectionBlock.discography .article_wrapper article .img_wrapper
{
position: relative;
width: 100%;
height: 100%;
padding: 100% 0 0;
background-color: #eee;
}
.index .sectionBlock.discography .article_wrapper article .img
{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
margin-bottom: 1rem;
text-align: center;
background-repeat: no-repeat; 
background-position: center center;
background-size: contain;
}
.index .sectionBlock.discography .article_wrapper article .img2
{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
margin-bottom: 1rem;
text-align: center;
background-repeat: no-repeat; 
background-position: center center;
background-size: contain;
}
@media (min-width: 768px)
{
.index .sectionBlock.discography .article_wrapper article .img2
{
margin-bottom: 1.5rem;
}
}
.index .sectionBlock.discography .article_wrapper article ul
{
padding: 20px 5px 10px; 
text-align: center;
}
.index .sectionBlock.discography .article_wrapper article ul li.tag
{
font-size: 12px;
font-size: .75rem; 
margin-bottom: .5rem;
word-break: break-word;
}
@media (max-width: 767px)
{
.index .sectionBlock.discography .article_wrapper article ul li.tag
{
font-size: .525rem;
}
}
@media (max-width: 767px)
{
.index .sectionBlock.discography .article_wrapper article ul li.date
{
letter-spacing: 0;
}
}
.index .sectionBlock.discography .article_wrapper article ul li.name
{
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
@media (max-width: 767px)
{
.index .sectionBlock.discography .article_wrapper article ul li.name
{
letter-spacing: 0;
}
}
@media (min-width: 992px)
{
.index .sectionBlock.discography .article_wrapper
{
width: 1000px;
}
}
.index .sectionBlock.discography .article_wrapper article
{
width: 125px; 
margin: 0 7px 20px;
}
.index .sectionBlock.discography .article_wrapper article ul li.name
{
line-height: 26px; 
height: 26px;
}
@media (min-width: 992px)
{
.index .sectionBlock.discography .article_wrapper article
{
width: 214px;
margin: 0 15px;
}
}
.index .sectionBlock.discography .btn.more
{
margin: 0rem auto 0;
}
@media (min-width: 768px)
{
.index .sectionBlock.discography .btn.more
{
margin: 2.5rem auto 0;
}
}
.index .sectionBlock.profile .profile_contents
{
position: relative;
}
.index .sectionBlock.profile .profile_contents .img
{
position: relative;
}
.index .sectionBlock.profile .profile_contents .img:before
{
position: absolute;
z-index: 1;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%; 
content: '';
}
.index .sectionBlock.profile .profile_contents .img img
{
width: 100%; 
height: auto;
}
.index .sectionBlock.profile .profile_contents .btn.more
{
position: absolute;
z-index: 2;
right: 50%;
bottom: 20px;
left: 50%;
margin: 1.5rem auto 0; 
transform: translateX(-50%) translateY(0);
}
@media (min-width: 768px)
{
.index .sectionBlock.profile .profile_contents .btn.more
{
position: absolute;
right: 50%;
bottom: 50px;
left: 50%;
margin: 2.5rem auto 0;
transform: translateX(-50%) translateY(0);
}
}
#cat_shonen .main_visual .triangle_wrapper .triangle
{
background: linear-gradient(to right, #636363, #c5c5c5);
}
#cat_news .main_visual .triangle_wrapper .triangle
{
background: #4564a1;
}
#cat_yuma .main_visual .triangle_wrapper .triangle
{
background: #088792;
}
#cat_jwest .main_visual .triangle_wrapper .triangle
{
background: #e73b12;
}
#cat_others .main_visual .triangle_wrapper .triangle
{
background: #e9518e;
}
video::-internal-media-controls-download-button
{
display: none;
}
.spotMovie .icon_play
{
position: absolute;
z-index: 2;
top: 0;
left: 0;
width: 100%;
height: 100%; 
cursor: pointer;
transition: opacity .1s linear;
}
.spotMovie .icon_play img
{
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
}
@media (max-width: 991px)
{
.spotMovie .icon_play img
{
display: none;
}
}
.spotMovie .icon_play:hover
{
opacity: .8;
}
_::-webkit-full-page-media,
_:future,
:root .pages .page_wrapper:before
{
display: none;
}
.pages
{
background-repeat: repeat;
background-position-x: left;
background-position-y: top;
background-size: 500px auto;
}
@media (min-width: 768px)
{
.pages
{
background-size: auto, 900px, auto;
}
}
@media (min-width: 992px)
{
.pages
{
background-repeat: repeat;
background-attachment: fixed, fixed, fixed; 
background-position-x: left;
background-position-y: top;
}
}
.pages .page_wrapper
{
position: relative;
z-index: 0;
overflow: hidden; 
background-repeat: no-repeat, no-repeat;
background-position-x: left, left;
background-position-y: 0, top;
background-size: contain, contain;
}
.pages .page_wrapper:before
{
position: absolute;
z-index: -1; 
top: -5px;
right: -5px;
bottom: -5px;
left: -5px;
content: '';
background: inherit;
filter: blur(20px);
}
@media (min-width: 768px)
{
.pages .page_wrapper
{
background-image: none !important;
}
}
.pages .page_wrapper .page_inner
{
background-repeat: no-repeat;
background-position-x: left;
background-position-y: top;
background-size: contain;
}
@media (min-width: 768px)
{
.pages .page_wrapper .page_inner
{
background-image: none !important;
}
}
@media (min-width: 768px)
{
.pages .mainv_filter
{
position: absolute;
z-index: 1; 
width: 100%;
height: 255px;
content: '';
background: url(//www.jehp.jp/wp-content/themes/je/images/common/bg_dot.png) repeat;
}
}
.pages .main_visual
{
position: relative; 
height: 10.5rem;
}
@media (min-width: 768px)
{
.pages .main_visual
{
width: 100%;
height: 255px;
background: #fff;
}
}
.pages .main_visual .page_img .inner
{
position: absolute;
z-index: 0; 
top: 0;
left: 0;
overflow: hidden;
width: 100%;
height: 12.5rem;
}
@media (max-width: 991px)
{
.pages .main_visual .page_img .inner
{
display: none;
}
}
@media (min-width: 768px)
{
.pages .main_visual .page_img .inner
{
display: block;
width: 100%; 
height: 255px;
}
.pages .main_visual .page_img .inner img
{
width: 100%;
margin: -10px; 
filter: blur(20px);
}
}
.pages .main_visual .page_img svg
{
width: 100%;
}
.pages .main_visual .triangle_wrapper .triangle
{
z-index: 3;
}
.pages .artistName
{
position: absolute;
bottom: 30%;
left: 50%;
width: 100%;
transform: translateX(-50%) translateY(0%);
text-align: center; 
color: #fff;
}
@media (min-width: 992px)
{
.pages .artistName
{
display: none;
}
}
.pages.info .sectionBlock.info
{
width: 90%;
margin: 0 auto; 
padding: 0 1.5rem 1rem;
background-color: rgba(255, 255, 255, .8);
}
@media (min-width: 768px)
{
.pages.info .sectionBlock.info
{
padding: 0 1.5rem 2rem;
}
}
@media (min-width: 992px)
{
.pages.info .sectionBlock.info
{
width: 860px; 
padding: 0 3.5rem 3rem;
}
}
@media (max-width: 767px)
{
.pages.info .sectionBlock.info h1
{
padding-bottom: 0 !important;
}
}
.pages.info .sectionBlock.info .list_wrapper
{
padding-bottom: 1rem;
}
@media (min-width: 768px)
{
.pages.info .sectionBlock.info .list_wrapper
{
padding-bottom: 2.5rem;
}
}
.pages.info .sectionBlock.info .list_wrapper .btn.more
{
margin: 2rem auto 0 !important;
}
@media (min-width: 992px)
{
.pages.info .sectionBlock.info .list_wrapper .btn.more
{
margin: 4rem auto 0 !important;
}
}
.pages.info .btn.back
{
margin: 1.5rem auto;
}
@media (min-width: 768px)
{
.pages.info .btn.back
{
margin: 2.5rem auto 2.5rem;
}
}
.pages.profile .sectionBlock.profile
{
width: 90%;
margin: 0 auto; 
padding: 0 0 1rem;
background-color: rgba(255, 255, 255, .8);
}
@media (min-width: 992px)
{
.pages.profile .sectionBlock.profile
{
width: 860px; 
padding: 0 0 1rem;
}
}
@media (max-width: 767px)
{
.pages.profile .sectionBlock.profile h1
{
padding-bottom: 0 !important;
}
}
.pages.profile .sectionBlock.profile .img img
{
width: 100%;
}
.pages.profile .sectionBlock.profile .text dl
{
display: inline-block;
width: 100%;
padding: 1rem 0 .5rem; 
text-align: center;
}
@media (min-width: 992px)
{
.pages.profile .sectionBlock.profile .text dl
{
padding: 3rem 0;
}
}
.pages.profile .sectionBlock.profile .text dl dt
{
font-size: 23px;
font-size: 1.4375rem;
}
@media (max-width: 767px)
{
.pages.profile .sectionBlock.profile .text dl dt
{
font-size: 1.00625rem;
}
}
@media (min-width: 992px)
{
.pages.profile .sectionBlock.profile .text dl dt
{
font-size: 35px;
font-size: 2.1875rem;
}
}
@media (min-width: 992px) and (max-width: 767px)
{
.pages.profile .sectionBlock.profile .text dl dt
{
font-size: 1.53125rem;
}
}
@media (min-width: 992px)
{
.pages.profile .sectionBlock.profile .text dl dd
{
line-height: 2;
}
}
.pages.profile .sectionBlock.profile .text dl dd.english
{
font-size: 17px;
font-size: 1.0625rem;
margin-bottom: .25rem;
}
@media (max-width: 767px)
{
.pages.profile .sectionBlock.profile .text dl dd.english
{
font-size: .74375rem;
}
}
@media (min-width: 992px)
{
.pages.profile .sectionBlock.profile .text dl dd.english
{
font-size: 18px;
font-size: 1.125rem; 
margin-bottom: 1rem;
}
}
@media (min-width: 992px) and (max-width: 767px)
{
.pages.profile .sectionBlock.profile .text dl dd.english
{
font-size: .7875rem;
}
}
.pages.profile .sectionBlock.profile .text dl dd span
{
font-size: 19px;
font-size: 1.1875rem;
display: inline-block;
vertical-align: bottom;
}
@media (max-width: 767px)
{
.pages.profile .sectionBlock.profile .text dl dd span
{
font-size: .83125rem;
}
}
.pages.profile .profile_contents::after
{
display: table; 
clear: both;
content: '';
}
.pages.profile .profile_contents .box
{
text-align: center;
}
.pages.profile .profile_contents.column2 .box
{
float: left;
width: 50%;
}
.pages.profile .profile_contents.column2 .box img
{
width: 100%;
}
.pages.profile .profile_contents .img
{
position: relative;
}
.pages.profile .profile_contents .img:before
{
position: absolute;
z-index: 1;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%; 
content: '';
}
.pages.profile .btn.back
{
margin: 1.5rem auto;
}
@media (min-width: 768px)
{
.pages.profile .btn.back
{
margin: 2.5rem auto 2.5rem;
}
}
.pages.discography .sectionBlock.discography
{
width: 90%;
margin: 0 auto; 
padding: 0 1.5rem 1rem;
background-color: rgba(255, 255, 255, .8);
}
@media (min-width: 768px)
{
.pages.discography .sectionBlock.discography
{
padding: 0 1.5rem 2rem;
}
}
@media (min-width: 992px)
{
.pages.discography .sectionBlock.discography
{
width: 860px; 
padding: 0 3.5rem 3rem;
}
}
@media (max-width: 767px)
{
.pages.discography .sectionBlock.discography h1
{
padding-bottom: 0 !important;
}
}
.pages.discography .sectionBlock.discography .tab_menu
{
margin-bottom: 1.5rem;
border-bottom: 1px solid #848484;
}
@media (min-width: 768px)
{
.pages.discography .sectionBlock.discography .tab_menu
{
margin-bottom: 2rem;
}
}
.pages.discography .article_wrapper
{
margin: 0 auto;
text-align: center;
}
.pages.discography .article_wrapper article
{
display: inline-block; 
vertical-align: top;
border-radius: 0 0 6px 6px;
background: #fff;
}
.pages.discography .article_wrapper article a
{
display: block;
transition: opacity .2s ease-in-out;
opacity: 1;
box-shadow: -10px 20px 20px rgba(0, 0, 0, .2);
}
.pages.discography .article_wrapper article a:hover
{
transition: opacity .2s ease-in-out;
}
.pages.discography .article_wrapper article a:hover
{
opacity: .7;
}
.pages.discography .article_wrapper article .img_wrapper
{
position: relative;
width: 100%;
height: 100%;
padding: 100% 0 0;
background-color: #eee;
}
.pages.discography .article_wrapper article .img
{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
margin-bottom: 1rem;
text-align: center;
background-repeat: no-repeat; 
background-position: center center;
background-size: contain;
}
.pages.discography .article_wrapper article .img2
{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
margin-bottom: 1rem;
text-align: center;
background-repeat: no-repeat; 
background-position: center center;
background-size: contain;
}
@media (min-width: 768px)
{
.pages.discography .article_wrapper article .img2
{
margin-bottom: 1.5rem;
}
}
.pages.discography .article_wrapper article ul
{
padding: 20px 5px 10px; 
text-align: center;
}
.pages.discography .article_wrapper article ul li.tag
{
font-size: 12px;
font-size: .75rem; 
margin-bottom: .5rem;
word-break: break-word;
}
@media (max-width: 767px)
{
.pages.discography .article_wrapper article ul li.tag
{
font-size: .525rem;
}
}
@media (max-width: 767px)
{
.pages.discography .article_wrapper article ul li.date
{
letter-spacing: 0;
}
}
.pages.discography .article_wrapper article ul li.name
{
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
@media (max-width: 767px)
{
.pages.discography .article_wrapper article ul li.name
{
letter-spacing: 0;
}
}
@media (min-width: 768px)
{
.pages.discography .article_wrapper
{
text-align: left;
}
}
.pages.discography .article_wrapper article
{
width: 125px; 
margin: 0 7px 20px;
}
@media (min-width: 768px)
{
.pages.discography .article_wrapper article
{
width: 214px;
margin: 0 15px 40px;
}
}
.pages.discography .article_wrapper article ul li.name
{
line-height: 26px; 
height: 26px;
}
.pages.discography .article_wrapper article p
{
white-space: inherit;
word-wrap: break-word;
}
.pages.discography .btn.back
{
margin: 1.5rem auto;
}
@media (min-width: 768px)
{
.pages.discography .btn.back
{
margin: 2.5rem auto 2.5rem;
}
}
.page_details .sectionBlock.page_contents
{
width: 90%;
margin: 0 auto; 
padding: 0 1.5rem 1rem;
background-color: rgba(255, 255, 255, .8);
}
@media (min-width: 768px)
{
.page_details .sectionBlock.page_contents
{
padding: 0 1.5rem 2rem;
}
}
@media (min-width: 992px)
{
.page_details .sectionBlock.page_contents
{
width: 860px; 
padding: 0 3.5rem 3rem;
}
}
@media (max-width: 767px)
{
.page_details .sectionBlock.page_contents h1
{
padding-bottom: 1rem !important;
}
}
@media (min-width: 768px)
{
.page_details .sectionBlock.page_contents h1
{
padding-bottom: 1rem !important;
}
}
.page_details .sectionBlock.page_contents .release_date
{
margin-bottom: 1.5rem;
}
.page_details .sectionBlock.page_contents a
{
text-decoration: underline;
}
.page_details .sectionBlock.page_contents a:hover
{
text-decoration: none;
}
.page_details .sectionBlock.page_contents .align_c
{
text-align: center;
}
.page_details .sectionBlock.page_contents .font_h1
{
font-size: 27px;
font-size: 1.6875rem;
}
@media (max-width: 767px)
{
.page_details .sectionBlock.page_contents .font_h1
{
font-size: 1.18125rem;
}
}
.page_details .sectionBlock.page_contents .font_h2
{
font-size: 21px;
font-size: 1.3125rem;
margin-bottom: .8rem;
}
@media (max-width: 767px)
{
.page_details .sectionBlock.page_contents .font_h2
{
font-size: .91875rem;
}
}
.page_details .sectionBlock.page_contents .font_h3
{
font-size: 18px;
font-size: 1.125rem;
font-weight: bold; 
margin-bottom: .8rem;
}
@media (max-width: 767px)
{
.page_details .sectionBlock.page_contents .font_h3
{
font-size: .7875rem;
}
}
.page_details .sectionBlock.page_contents .font_L
{
font-size: 25px;
font-size: 1.5625rem;
}
@media (max-width: 767px)
{
.page_details .sectionBlock.page_contents .font_L
{
font-size: 1.09375rem;
}
}
.page_details .sectionBlock.page_contents .mb_10
{
margin-bottom: 1rem !important;
}
@media (min-width: 768px)
{
.page_details .sectionBlock.page_contents .mb_10
{
margin-bottom: 1rem !important;
}
}
.page_details .sectionBlock.page_contents .mb_20
{
margin-bottom: 2rem !important;
}
@media (min-width: 768px)
{
.page_details .sectionBlock.page_contents .mb_20
{
margin-bottom: 2rem !important;
}
}
.page_details .sectionBlock.page_contents .article_wrapper
{
width: 100%; 
text-align: center !important;
}
.page_details .sectionBlock.page_contents .article_wrapper article
{
display: inline-block; 
vertical-align: top;
border-radius: 0 0 6px 6px;
background: #fff;
}
.page_details .sectionBlock.page_contents .article_wrapper article a
{
display: block;
transition: opacity .2s ease-in-out;
opacity: 1;
box-shadow: -10px 20px 20px rgba(0, 0, 0, .2);
}
.page_details .sectionBlock.page_contents .article_wrapper article a:hover
{
transition: opacity .2s ease-in-out;
}
.page_details .sectionBlock.page_contents .article_wrapper article a:hover
{
opacity: .7;
}
.page_details .sectionBlock.page_contents .article_wrapper article .img_wrapper
{
position: relative;
width: 100%;
height: 100%;
padding: 100% 0 0;
background-color: #eee;
}
.page_details .sectionBlock.page_contents .article_wrapper article .img
{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
margin-bottom: 1rem;
text-align: center;
background-repeat: no-repeat; 
background-position: center center;
background-size: contain;
}
.page_details .sectionBlock.page_contents .article_wrapper article .img2
{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
margin-bottom: 1rem;
text-align: center;
background-repeat: no-repeat; 
background-position: center center;
background-size: contain;
}
@media (min-width: 768px)
{
.page_details .sectionBlock.page_contents .article_wrapper article .img2
{
margin-bottom: 1.5rem;
}
}
.page_details .sectionBlock.page_contents .article_wrapper article ul
{
padding: 20px 5px 10px; 
text-align: center;
}
.page_details .sectionBlock.page_contents .article_wrapper article ul li.tag
{
font-size: 12px;
font-size: .75rem; 
margin-bottom: .5rem;
word-break: break-word;
}
@media (max-width: 767px)
{
.page_details .sectionBlock.page_contents .article_wrapper article ul li.tag
{
font-size: .525rem;
}
}
@media (max-width: 767px)
{
.page_details .sectionBlock.page_contents .article_wrapper article ul li.date
{
letter-spacing: 0;
}
}
.page_details .sectionBlock.page_contents .article_wrapper article ul li.name
{
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
@media (max-width: 767px)
{
.page_details .sectionBlock.page_contents .article_wrapper article ul li.name
{
letter-spacing: 0;
}
}
.page_details .sectionBlock.page_contents .article_wrapper article
{
width: 110px;
margin: 0 15px 20px;
border-radius: 0 !important; 
background: none !important;
box-shadow: none !important;
}
.page_details .sectionBlock.page_contents .article_wrapper article .img_container
{
box-shadow: none;
}
.page_details .sectionBlock.page_contents .article_wrapper article .img_container .img_wrapper
{
background: inherit;
filter: drop-shadow(-8px 10px 10px rgba(0, 0, 0, .5));
}
@media (min-width: 768px)
{
.page_details .sectionBlock.page_contents .article_wrapper article
{
width: 214px;
margin: 0 15px 40px;
}
}
.page_details .sectionBlock.page_contents .article_wrapper article ul li.name
{
overflow: visible !important;
white-space: inherit !important;
word-wrap: break-word;
}
.page_details .sectionBlock.page_contents .article_wrapper article ul li.tag
{
font-size: 10px;
font-size: .625rem;
}
@media (max-width: 767px)
{
.page_details .sectionBlock.page_contents .article_wrapper article ul li.tag
{
font-size: .4375rem;
}
}
@media (min-width: 768px)
{
.page_details .sectionBlock.page_contents .article_wrapper article ul li.tag
{
font-size: 14px;
font-size: .875rem;
}
}
@media (min-width: 768px) and (max-width: 767px)
{
.page_details .sectionBlock.page_contents .article_wrapper article ul li.tag
{
font-size: .6125rem;
}
}
.page_details .sectionBlock.page_contents .article_wrapper article p.info
{
font-size: 14px;
font-size: .875rem;
}
@media (max-width: 767px)
{
.page_details .sectionBlock.page_contents .article_wrapper article p.info
{
font-size: .6125rem;
}
}
.page_details .sectionBlock.page_contents .sound_wrapper
{
margin-bottom: 4rem;
text-align: center;
letter-spacing: -.40em;
}
.page_details .sectionBlock.page_contents .sound_wrapper .sound_box
{
display: inline-block;
width: 100%;
vertical-align: top;
letter-spacing: normal;
}
@media (min-width: 992px)
{
.page_details .sectionBlock.page_contents .sound_wrapper .sound_box
{
width: 370px;
}
}
.page_details .sectionBlock.page_contents .sound_wrapper .sound_box dl
{
display: table; 
width: 100%;
padding: 5px 7px;
background: #e5e5e5;
}
.page_details .sectionBlock.page_contents .sound_wrapper .sound_box dl:nth-child(2n)
{
background: #d9d9d9;
}
.page_details .sectionBlock.page_contents .sound_wrapper .sound_box dl dt
{
font-size: 14px;
font-size: .875rem;
display: table-cell;
width: 70%;
text-align: left;
vertical-align: middle;
}
@media (max-width: 767px)
{
.page_details .sectionBlock.page_contents .sound_wrapper .sound_box dl dt
{
font-size: .6125rem;
}
}
@media (min-width: 992px)
{
.page_details .sectionBlock.page_contents .sound_wrapper .sound_box dl dt
{
width: 235px;
}
}
.page_details .sectionBlock.page_contents .sound_wrapper .sound_box dl dd
{
display: table-cell;
width: 30%;
text-align: right;
vertical-align: middle;
}
@media (min-width: 992px)
{
.page_details .sectionBlock.page_contents .sound_wrapper .sound_box dl dd
{
width: 115px;
}
}
.page_details .sectionBlock.page_contents .sound_wrapper .sound_box dl dd a
{
display: inline-block;
}
@media (min-width: 992px)
{
.page_details .sectionBlock.page_contents .sound_wrapper .sound_box.box_second dl
{
background: #d9d9d9;
}
.page_details .sectionBlock.page_contents .sound_wrapper .sound_box.box_second dl:nth-child(2n)
{
background: #e5e5e5;
}
}
.page_details .sectionBlock.page_contents .line
{
margin-bottom: 1.5rem; 
border-bottom: 1px solid #848484;
}
@media (min-width: 768px)
{
.page_details .sectionBlock.page_contents .line
{
margin-bottom: 2.5rem;
}
}
.page_details .sectionBlock.page_contents .box_wrapper
{
margin-bottom: 1.5rem;
}
@media (min-width: 768px)
{
.page_details .sectionBlock.page_contents .box_wrapper
{
margin-bottom: 2.5rem;
}
}
.page_details .sectionBlock.page_contents .box_wrapper ul li
{
margin-left: 1.5rem; 
list-style-type: disc !important;
}
.page_details .sectionBlock.page_contents .box_wrapper ol li
{
margin-left: 1.5rem; 
list-style-type: decimal !important;
}
.page_details .sectionBlock.page_contents .box_wrapper p
{
font-size: 10pt;
word-break: break-word; }
.page_details .sectionBlock.page_contents .box_wrapper div.box
{
width: 100%;
vertical-align: top;
}
.page_details .sectionBlock.page_contents .box_wrapper div.box img
{
width: 100%;
height: 100%;
}
@media (max-width: 767px)
{
.page_details .sectionBlock.page_contents .box_wrapper div.box:nth-child(2n)
{
padding-top: 1.5rem; 
border-top: 1px solid #848484;
}
}
@media (min-width: 768px)
{
.page_details .sectionBlock.page_contents .box_wrapper div.box
{
display: inline-block;
width: 49%;
padding-right: 3%;
}
}
@media (max-width: 767px)
{
.page_details .sectionBlock.page_contents .box_wrapper div:nth-child(2n)
{
padding-top: 1.5rem; 
border-top: 1px solid #848484;
}
}
.page_details .sectionBlock.page_contents ul.number li
{
margin-left: 1.5rem; 
list-style-type: decimal;
}
.page_details .sectionBlock.page_contents ul.disc li
{
margin-bottom: .5em; 
margin-left: 1.5rem;
list-style-type: disc;
}
.page_details .sectionBlock.page_contents .font_gray
{
color: #848484;
}
.page_details .sectionBlock.page_contents .font_red
{
font-size: 15px;
font-size: .9375rem; 
color: #ec3333;
}
@media (max-width: 767px)
{
.page_details .sectionBlock.page_contents .font_red
{
font-size: .65625rem;
}
}
.page_details .sectionBlock.page_contents .img_box img
{
display: inline-block;
margin-right: 10px;
vertical-align: middle;
}
.page_details .sectionBlock.page_contents .img_box p
{
display: inline-block;
vertical-align: top;
}
.page_details .sectionBlock.page_contents p img
{
width: 100%;
height: 100%;
}
#modal-terms
{
position: fixed;
z-index: 9999;
top: 0;
left: 0;
display: none;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, .6);
}
#modal-terms .modal-terms-window
{
position: absolute;
top: 100px;
left: 50%;
box-sizing: border-box;
width: 800px;
margin-left: -400px;
padding: 30px; 
background-color: #232323;
}
@media (max-width: 767px)
{
#modal-terms .modal-terms-window
{
top: 30px;
width: 300px;
margin-left: -150px;
padding: 20px;
}
}
#modal-terms h2,
#modal-terms h3
{
color: #fff;
}
#modal-terms h2
{
font-size: 18px;
font-size: 1.125rem;
}
@media (max-width: 767px)
{
#modal-terms h2
{
font-size: .7875rem;
}
}
#modal-terms h3
{
font-size: 15px;
font-size: .9375rem;
margin-top: 10px;
}
@media (max-width: 767px)
{
#modal-terms h3
{
font-size: .65625rem;
}
}
#modal-terms p
{
font-size: 13px;
font-size: .8125rem; 
margin-top: 1em;
color: #fff;
}
@media (max-width: 767px)
{
#modal-terms p
{
font-size: .56875rem;
}
}
#modal-terms .btn-close
{
position: absolute;
top: 10px;
right: 10px;
width: 20px;
cursor: pointer;
}
#modal-terms .btn-close:hover
{
opacity: .7;
}
#cat_kinki .icon_sp_menu
{
position: fixed;
z-index: 99; 
top: 12px;
right: 15px;
cursor: pointer;
}
#cat_kinki .icon_sp_menu svg
{
z-index: 9999;
width: 20px;
height: 20px;
fill: #fff;
}
@media (min-width: 768px)
{
#cat_kinki .icon_sp_menu svg
{
width: 20px; 
height: 20px;
}
}
#cat_kinki .icon_sp_menu.color_black svg
{
fill: #000;
}
#cat_kinki .globalNavi_sp
{
position: absolute;
z-index: 100; 
top: 0;
right: 0;
display: none;
width: 100%;
}
#cat_kinki .globalNavi_sp.on
{
display: block;
}
#cat_kinki .globalNavi_sp .navi_contents
{
font-family: 'din-condensed', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-weight: 300;
position: absolute;
z-index: 2;
top: 0;
top: 0;
right: -220px;
width: 220px;
height: 100%;
transition: margin-left .5s ease-out;
letter-spacing: .1rem; 
background: rgba(50, 50, 50, .9);
}
#cat_kinki .globalNavi_sp .navi_contents .icon_close
{
position: relative;
cursor: pointer;
}
#cat_kinki .globalNavi_sp .navi_contents .icon_close svg
{
position: absolute;
z-index: 2;
top: 12px;
right: 15px;
width: 20px; 
height: 20px;
fill: #848484;
}
#cat_kinki .globalNavi_sp .navi_contents h1
{
font-size: 1.1rem;
padding: .8rem 0;
text-align: center;
color: #848484;
background: rgba(50, 50, 50, .9);
}
#cat_kinki .globalNavi_sp .navi_contents h1.jwest
{
font-size: 1.0rem; 
padding: .8rem 0 .8rem .5rem;
text-align: left;
}
#cat_kinki .globalNavi_sp .navi_contents ul
{
text-align: center;
}
#cat_kinki .globalNavi_sp .navi_contents ul li
{
font-size: 1rem;
}
#cat_kinki .globalNavi_sp .navi_contents ul.artist_globalNavi li
{
border-bottom: none; 
background: #fff;
}
#cat_kinki .globalNavi_sp .navi_contents ul.artist_globalNavi li a
{
display: block;
padding: .5rem 0;
}
#cat_kinki .globalNavi_sp .navi_contents ul.artist_globalNavi li:nth-child(2n)
{
background: #f6f6f6;
}
#cat_kinki .globalNavi_sp .navi_contents ul.artist_globalNavi li.category
{
font-family: 'din-condensed', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 1.3rem;
font-weight: 400;
letter-spacing: .1rem;
}
#cat_kinki .globalNavi_sp .navi_contents ul.artist_globalNavi li.category a
{
position: relative; 
display: block;
padding: 0 0;
}
#cat_kinki .globalNavi_sp .navi_contents ul.artist_globalNavi li.category a .img_bg
{
width: 100%;
height: 150px; 
background-position: center top;
background-size: cover;
}
#cat_kinki .globalNavi_sp .navi_contents ul.artist_globalNavi li.category a p
{
position: absolute;
bottom: 0;
left: 0;
width: 100%; 
padding: .25rem;
text-align: center;
background: rgba(255, 255, 255, .8);
}
#cat_kinki .globalNavi_sp .navi_contents ul.artist_globalNavi li.active a
{
color: #ccc;
}
#cat_kinki .globalNavi_sp .navi_contents ul.global
{
border-top: 2px solid #848484;
}
#cat_kinki .globalNavi_sp .navi_contents ul.global li a
{
display: block;
padding: .5rem 0;
color: #fff;
border-bottom: 2px solid #848484;
}
#cat_kinki .globalNavi_sp .navi_contents ul.artists
{
margin-top: 2rem;
}
#cat_kinki .globalNavi_sp .navi_contents ul.artists li
{
margin: 0 0 .8rem 0;
background-position: center top;
background-size: cover;
}
#cat_kinki .globalNavi_sp .navi_contents ul.artists li a
{
position: relative;
display: block;
width: 220px; 
height: 110px;
}
#cat_kinki .globalNavi_sp .navi_contents ul.artists li a img
{
width: 100%; 
height: auto;
}
#cat_kinki .globalNavi_sp .navi_contents ul.artists li a p
{
position: absolute;
bottom: 0;
left: 0;
width: 100%; 
padding: .25rem;
text-align: center;
background: rgba(255, 255, 255, .8);
}
#cat_kinki .globalNavi_sp .navi_contents ul.artists li a p.font_ja
{
font-size: .8rem;
}
#cat_kinki .globalNavi_sp .navi_contents ul.artists li a p span.font_ja
{
font-size: .9rem;
}
#cat_kinki .globalNavi
{
z-index: 98;
padding: 30px 0;
background: #fff;
box-shadow: -10px 20px 20px rgba(0, 0, 0, .5);
}
#cat_kinki .globalNavi > ul
{
width: 100%;
margin: 0 auto;
}
@media (min-width: 992px)
{
#cat_kinki .globalNavi > ul
{
width: 940px;
}
}
#cat_kinki .globalNavi > ul li
{
font-family: 'din-condensed', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 20px;
font-size: 1.25rem; 
font-weight: 300;
display: inline-block;
margin: 0 5px;
letter-spacing: .1rem;
}
@media (max-width: 767px)
{
#cat_kinki .globalNavi > ul li
{
font-size: .875rem;
}
}
#cat_kinki .globalNavi > ul li .font_ja
{
font-size: 18px;
font-size: 1.125rem;
}
@media (max-width: 767px)
{
#cat_kinki .globalNavi > ul li .font_ja
{
font-size: .7875rem;
}
}
#cat_kinki .globalNavi > ul li a
{
line-height: 1;
display: block;
padding: 2px 2px 0 4px;
transition: background-color .2s linear, color .2s linear; 
color: #000;
}
#cat_kinki .globalNavi > ul li a:hover
{
color: #fff; 
background-color: #000;
}
#cat_kinki .globalNavi > ul li.active
{
background: #000;
}
#cat_kinki .globalNavi > ul li.active a
{
display: block; 
color: #fff;
}
#cat_kinki .globalNavi > ul li.artists
{
font-size: 15px;
font-size: .9375rem;
line-height: 1.3; 
padding-left: 20px;
}
@media (max-width: 767px)
{
#cat_kinki .globalNavi > ul li.artists
{
font-size: .65625rem;
}
}
#cat_kinki .globalNavi .menu_wrapper
{
position: relative;
width: 100%; 
margin: 0 auto;
}
@media (min-width: 992px)
{
#cat_kinki .globalNavi .menu_wrapper
{
width: 860px;
}
}
#cat_kinki .globalNavi .menu_wrapper p.menu
{
font-family: 'din-condensed', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 15px;
font-size: .9375rem;
font-weight: 300;
position: absolute;
top: -30px;
right: -60px; 
letter-spacing: .1rem;
}
@media (max-width: 767px)
{
#cat_kinki .globalNavi .menu_wrapper p.menu
{
font-size: .65625rem;
}
}
#cat_kinki .globalNavi .menu_wrapper p.menu .icon_arrow
{
position: relative; 
display: inline-block;
}
#cat_kinki .globalNavi .menu_wrapper p.menu .icon_arrow:after
{
position: absolute;
top: 33%;
right: -12px;
display: inline-block;
width: 0;
height: 0;
content: '';
border-top: 8px solid #000; 
border-right: 4px solid transparent;
border-left: 4px solid transparent;
}
#cat_kinki .globalNavi .menu_wrapper p.menu .icon_arrow:hover
{
color: #4d4d4d;
}
#cat_kinki .globalNavi .menu_wrapper p.menu a
{
display: block;
width: 180px;
padding: 10px 0; 
text-align: center;
}
#cat_kinki .globalNavi .menu_wrapper .menu_contents
{
font-family: 'din-condensed', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-weight: 300;
position: absolute;
z-index: 10;
top: 10px;
right: -60px;
display: none; 
text-align: center;
letter-spacing: .1rem;
box-shadow: 0 10px 10px rgba(0, 0, 0, .1);
}
#cat_kinki .globalNavi .menu_wrapper .menu_contents ul
{
width: 180px;
background: #f6f6f6;
}
#cat_kinki .globalNavi .menu_wrapper .menu_contents ul li
{
font-size: 15px;
font-size: .9375rem;
display: block;
background: #fff;
}
@media (max-width: 767px)
{
#cat_kinki .globalNavi .menu_wrapper .menu_contents ul li
{
font-size: .65625rem;
}
}
#cat_kinki .globalNavi .menu_wrapper .menu_contents ul li a
{
display: block;
padding: 5px 0;
transition: background .2s ease-in-out; 
border-top: 1px solid #c1c1c1;
background: #fff;
}
#cat_kinki .globalNavi .menu_wrapper .menu_contents ul li a:hover
{
transition: background .2s ease-in-out;
}
#cat_kinki .globalNavi .menu_wrapper .menu_contents ul li a .font_ja
{
font-size: 14px;
font-size: .875rem;
}
@media (max-width: 767px)
{
#cat_kinki .globalNavi .menu_wrapper .menu_contents ul li a .font_ja
{
font-size: .6125rem;
}
}
#cat_kinki .globalNavi .menu_wrapper .menu_contents ul li a:hover
{
color: #fff; 
background: #000;
}
#cat_kinki .globalNavi .menu_wrapper .menu_contents ul li.artists
{
font-size: 14px;
font-size: .875rem;
padding: 1rem 0 .7rem 0; 
background: #f6f6f6;
}
@media (max-width: 767px)
{
#cat_kinki .globalNavi .menu_wrapper .menu_contents ul li.artists
{
font-size: .6125rem;
}
}
#cat_kinki .globalNavi .menu_wrapper .menu_contents ul li.artist a
{
border-top: none; 
background: #f6f6f6;
}
#cat_kinki .globalNavi .menu_wrapper .menu_contents ul li.artist a:hover
{
color: #fff; 
background: #000;
}
#cat_kinki .globalNavi .menu_wrapper .menu_contents ul li.active a
{
color: #fff; 
background: #000;
}
#cat_kinki .sectionBlock.artist h1
{
font-family: 'futura-pt', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 42px;
font-size: 2.625rem;
font-weight: 300;
margin-bottom: 1rem; 
padding: .5rem 0;
text-align: center;
letter-spacing: .1rem;
background-color: rgba(255, 255, 255, .8);
}
@media (max-width: 767px)
{
#cat_kinki .sectionBlock.artist h1
{
font-size: 1.8375rem;
}
}
@media (min-width: 768px)
{
#cat_kinki .sectionBlock.artist h1
{
font-size: 60px;
font-size: 3.75rem;
}
}
@media (min-width: 768px) and (max-width: 767px)
{
#cat_kinki .sectionBlock.artist h1
{
font-size: 2.625rem;
}
}
#cat_kinki .sectionBlock.artist .artist_contents
{
position: relative;
padding: .5rem 0;
}
@media (min-width: 768px)
{
#cat_kinki .sectionBlock.artist .artist_contents
{
padding: 2rem 0;
}
}
#cat_kinki .sectionBlock.artist .artist_contents ul
{
width: 100%;
margin: 0 auto;
}
@media (min-width: 992px)
{
#cat_kinki .sectionBlock.artist .artist_contents ul
{
width: 860px;
}
}
#cat_kinki .sectionBlock.artist .artist_contents ul li
{
font-family: 'din-condensed', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 26px;
font-size: 1.625rem;
font-weight: 300;
display: inline-block; 
width: 33%;
text-align: center;
letter-spacing: .1rem;
}
@media (max-width: 767px)
{
#cat_kinki .sectionBlock.artist .artist_contents ul li
{
font-size: 1.1375rem;
}
}
@media (min-width: 768px)
{
#cat_kinki .sectionBlock.artist .artist_contents ul li
{
font-size: 30px;
font-size: 1.875rem;
}
}
@media (min-width: 768px) and (max-width: 767px)
{
#cat_kinki .sectionBlock.artist .artist_contents ul li
{
font-size: 1.3125rem;
}
}
#cat_kinki .sectionBlock.artist .artist_contents ul li.narrow
{
width: 25%;
}
#cat_kinki .sectionBlock.artist .artist_contents ul li .font_ja
{
font-size: 20px;
font-size: 1.25rem;
line-height: 1.8;
}
@media (max-width: 767px)
{
#cat_kinki .sectionBlock.artist .artist_contents ul li .font_ja
{
font-size: .875rem;
}
}
@media (min-width: 768px)
{
#cat_kinki .sectionBlock.artist .artist_contents ul li .font_ja
{
font-size: 26px;
font-size: 1.625rem;
}
}
@media (min-width: 768px) and (max-width: 767px)
{
#cat_kinki .sectionBlock.artist .artist_contents ul li .font_ja
{
font-size: 1.1375rem;
}
}
#cat_kinki .sectionBlock.artist .artist_contents ul li a:hover
{
color: #666;
}
#cat_kinki .sectionBlock.artist .artist_contents .pageTop
{
font-size: 40px;
font-size: 2.5rem;
line-height: 1.3;
display: block;
width: 110px;
margin: 1rem auto .5rem; 
padding: 0;
transition: background .2s ease-in-out;
text-align: center;
color: #000;
border: none;
border-radius: 40px;
background-color: #fff;
box-shadow: 0 0 10px #b3b3b3;
}
#cat_kinki .sectionBlock.artist .artist_contents .pageTop:hover
{
transition: background .2s ease-in-out;
}
@media (max-width: 767px)
{
#cat_kinki .sectionBlock.artist .artist_contents .pageTop
{
font-size: 1.75rem;
}
}
#cat_kinki .sectionBlock.artist .artist_contents .pageTop:hover
{
background: #b3b3b3;
}
@media (min-width: 768px)
{
#cat_kinki .sectionBlock.artist .artist_contents .pageTop
{
width: 190px;
margin: 2.5rem auto 0;
padding: .2rem 0 0;
}
}
#cat_kinki .sectionBlock.artist .artist_contents .pageTop svg
{
width: 18px; 
height: 18px;
}
@media (min-width: 768px)
{
#cat_kinki .sectionBlock.artist .artist_contents .pageTop svg
{
width: 34px; 
height: 34px;
}
}
@media (min-width: 768px)
{
#cat_kinki .sectionBlock.artist .artist_contents .pageTop
{
margin: 2.5rem auto 0;
}
}
#cat_kinki footer
{
padding: 1rem; 
text-align: center;
color: #000;
background: #fff;
}
@media (min-width: 768px)
{
#cat_kinki footer
{
padding: 3rem 0;
}
}
#cat_kinki footer a
{
text-decoration: none; 
color: #000;
}
#cat_kinki footer a:hover
{
text-decoration: underline;
}
#cat_kinki footer ul.sns
{
margin-bottom: .5rem; 
text-align: center;
}
@media (min-width: 768px)
{
#cat_kinki footer ul.sns
{
margin-bottom: 1rem;
}
}
#cat_kinki footer ul.sns li
{
display: inline-block;
margin: 0 5px;
}
#cat_kinki footer ul.sns li svg
{
width: 22px; 
height: 22px;
transition: opacity .2s ease-in-out;
opacity: 1;
fill: #000;
}
#cat_kinki footer ul.sns li svg:hover
{
transition: opacity .2s ease-in-out;
}
#cat_kinki footer ul.sns li svg:hover
{
opacity: .7;
}
@media (min-width: 768px)
{
#cat_kinki footer ul.sns li svg
{
width: 30px; 
height: 30px;
}
}
#cat_kinki footer .terms
{
font-size: 14px;
font-size: .875rem;
margin-bottom: .5rem;
}
@media (max-width: 767px)
{
#cat_kinki footer .terms
{
font-size: .6125rem;
}
}
@media (min-width: 768px)
{
#cat_kinki footer .terms
{
margin-bottom: 1rem;
}
}
#cat_kinki footer .copyright
{
font-family: 'din-condensed', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-weight: 300;
letter-spacing: .1rem;
}
@media (max-width: 767px)
{
#cat_kinki footer .copyright
{
font-size: 12px;
font-size: .75rem;
}
}
@media (max-width: 767px) and (max-width: 767px)
{
#cat_kinki footer .copyright
{
font-size: .525rem;
}
}
#cat_kinki.pages
{
background-color: #ebf2f8;
background-image: url(//www.jehp.jp/wp-content/themes/je/images/kinki/page_bg_repeat_sp.png);
background-repeat: repeat;
background-position-x: right;
background-position-y: 175px;
background-size: contain;
}
@media (min-width: 768px)
{
#cat_kinki.pages
{
background-size: cover, cover, contain;
}
}
@media (min-width: 768px)
{
#cat_kinki.pages
{
background-image: url(//www.jehp.jp/wp-content/themes/je/images/kinki/page_bg_repeat.png);
background-repeat: no-repeat, repeat;
background-position: right 0;
background-size: contain;
}
}
#cat_kinki.pages .page_wrapper
{ background-repeat: no-repeat;
background-position-x: left;
background-position-y: 0;
background-size: contain;
}
#cat_kinki.pages .page_wrapper .page_inner
{ background-repeat: repeat;
background-position-x: left;
background-position-y: 0;
background-size: contain;
}
#cat_kinki.pages .main_visual
{
height: 12.5rem;
}
@media (min-width: 768px)
{
#cat_kinki.pages .main_visual
{
height: 255px;
}
}
#cat_kinki.pages .main_visual .triangle_wrapper .logo
{
position: absolute;
z-index: 999; 
top: 10px;
left: 10px;
}
@media (min-width: 992px)
{
#cat_kinki.pages .main_visual .triangle_wrapper .logo
{
position: absolute;
top: 20px;
left: 20px;
}
}
#cat_kinki.pages .main_visual .triangle_wrapper .logo img
{
width: 50px; 
height: auto;
}
@media (min-width: 992px)
{
#cat_kinki.pages .main_visual .triangle_wrapper .logo img
{
width: 100px; 
height: auto;
}
}
#cat_kinki.pages .main_visual .triangle_wrapper .triangle
{
position: absolute;
width: 200px;
height: 200px;
transform: rotate(-40deg) translateY(-150px) translateX(0px);
background: #000;
box-shadow: -10px 15px 20px rgba(0, 0, 0, .2);
}
@media (min-width: 992px)
{
#cat_kinki.pages .main_visual .triangle_wrapper .triangle
{
width: 400px;
height: 400px;
transform: rotate(-40deg) translateY(-310px) translateX(0px);
box-shadow: -10px 20px 20px rgba(0, 0, 0, .2);
}
}
#cat_kinki.pages .main_visual .triangle_br_wrapper
{
position: relative;
display: none;
width: 100%; 
height: 255px;
}
@media (min-width: 992px)
{
#cat_kinki.pages .main_visual .triangle_br_wrapper
{
display: block;
}
}
#cat_kinki.pages .main_visual .triangle_br_wrapper .triangle
{
z-index: 3; 
visibility: hidden;
}
@media (min-width: 768px)
{
#cat_kinki.pages .main_visual .triangle_br_wrapper .triangle
{
position: absolute;
right: 0;
bottom: 0;
display: inline-block;
display: inline-block;
visibility: visible;
width: 0;
height: 0;
content: '';
border-bottom: 100px solid #ebf2f8;
border-left: 100px solid transparent;
}
}
#cat_kinki.pages .artistName
{
font-family: 'futura-pt', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 60px;
font-size: 3.75rem;
font-weight: 300;
letter-spacing: .1rem;
}
@media (max-width: 767px)
{
#cat_kinki.pages .artistName
{
font-size: 2.625rem;
}
}
#cat_kinki.pages .btn.more
{
font-family: 'futura-pt', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 30px;
font-size: 1.875rem;
font-weight: 300;
line-height: 1.3;
display: block;
width: 110px;
margin-right: auto; 
margin-left: auto;
padding: .3rem 0;
transition: background .2s ease-in-out;
text-align: center;
letter-spacing: .1rem;
color: #fff;
border: none;
border-radius: 40px;
background-color: #000;
box-shadow: 0 0 5px #666;
}
@media (max-width: 767px)
{
#cat_kinki.pages .btn.more
{
font-size: 1.3125rem;
}
}
#cat_kinki.pages .btn.more:hover
{
transition: background .2s ease-in-out;
}
#cat_kinki.pages .btn.more:hover
{
background: #4d4d4d;
}
@media (max-width: 767px)
{
#cat_kinki.pages .btn.more
{
font-size: 25px;
font-size: 1.5625rem;
}
}
@media (max-width: 767px) and (max-width: 767px)
{
#cat_kinki.pages .btn.more
{
font-size: 1.09375rem;
}
}
@media (min-width: 768px)
{
#cat_kinki.pages .btn.more
{
width: 200px;
padding: .6rem 0;
}
}
#cat_kinki.pages .btn.back
{
font-family: 'futura-pt', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 30px;
font-size: 1.875rem;
font-weight: 300;
line-height: 1.3;
display: block;
width: 110px;
margin: 1.5rem auto;
padding: .3rem 0;
transition: background .2s ease-in-out;
text-align: center;
letter-spacing: .1rem;
color: #fff;
border: none; 
border-radius: 40px;
background-color: #000;
box-shadow: 0 0 5px #666;
}
@media (max-width: 767px)
{
#cat_kinki.pages .btn.back
{
font-size: 1.3125rem;
}
}
#cat_kinki.pages .btn.back:hover
{
transition: background .2s ease-in-out;
}
#cat_kinki.pages .btn.back:hover
{
background: #4d4d4d;
}
@media (max-width: 767px)
{
#cat_kinki.pages .btn.back
{
font-size: 25px;
font-size: 1.5625rem;
}
}
@media (max-width: 767px) and (max-width: 767px)
{
#cat_kinki.pages .btn.back
{
font-size: 1.09375rem;
}
}
@media (min-width: 768px)
{
#cat_kinki.pages .btn.back
{
width: 200px;
margin: 2.5rem auto;
padding: .6rem 0;
}
}
#cat_kinki.page_details .sectionBlock.page_contents h1
{
font-family: 'futura-pt', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 42px;
font-size: 2.625rem;
font-weight: 300;
padding: .5rem 0 0; 
text-align: center;
letter-spacing: .1rem;
}
@media (max-width: 767px)
{
#cat_kinki.page_details .sectionBlock.page_contents h1
{
font-size: 1.8375rem;
}
}
@media (min-width: 768px)
{
#cat_kinki.page_details .sectionBlock.page_contents h1
{
font-size: 60px;
font-size: 3.75rem;
}
}
@media (min-width: 768px) and (max-width: 767px)
{
#cat_kinki.page_details .sectionBlock.page_contents h1
{
font-size: 2.625rem;
}
}
#cat_kinki.page_details .sectionBlock.page_contents .font_futura
{
font-family: 'futura-pt', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-weight: 300;
letter-spacing: .1rem;
}
#cat_kinki.page_details .sectionBlock.page_contents .article_wrapper article ul li.tag
{
display: inline-block;
padding: 2px 1rem; 
text-align: center;
color: #000;
border-radius: 4px;
background: #ebebeb;
}
@media (max-width: 767px)
{
#cat_kinki.page_details .sectionBlock.page_contents .article_wrapper article ul li.tag
{
font-size: 12px;
font-size: .75rem;
}
}
@media (max-width: 767px) and (max-width: 767px)
{
#cat_kinki.page_details .sectionBlock.page_contents .article_wrapper article ul li.tag
{
font-size: .525rem;
}
}
@media (min-width: 768px)
{
#cat_kinki.page_details .sectionBlock.page_contents .article_wrapper article ul li.tag
{
padding: 2px 1.5rem; 
border-radius: 6px;
}
}
#cat_kinki.page_details .sectionBlock.page_contents .article_wrapper article ul li.date
{
font-family: 'futura-pt', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 17px;
font-size: 1.0625rem; 
font-weight: 300;
letter-spacing: .1rem;
}
@media (max-width: 767px)
{
#cat_kinki.page_details .sectionBlock.page_contents .article_wrapper article ul li.date
{
font-size: .74375rem;
}
}
#cat_kinki.page_details .sectionBlock.page_contents .article_wrapper article ul li.name
{
font-family: 'futura-pt', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-weight: 600;
letter-spacing: .1rem;
}
#cat_kinki.page_details .sectionBlock.page_contents .btn.sample
{
font-family: 'futura-pt', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 15px;
font-size: .9375rem;
font-weight: 300;
line-height: 1.3;
width: 95px;
padding: .1rem 8px .1rem 35px;
transition: background .2s ease-in-out; 
text-align: center;
letter-spacing: .1rem;
color: #fff;
border-radius: 40px;
background-color: #000;
box-shadow: 0 0 3px #666;
}
@media (min-width: 768px)
{
#cat_kinki.page_details .sectionBlock.page_contents .btn.sample
{
width: 118px;
}
}
@media (max-width: 767px)
{
#cat_kinki.page_details .sectionBlock.page_contents .btn.sample
{
font-size: .65625rem;
}
}
#cat_kinki.page_details .sectionBlock.page_contents .btn.sample:hover
{
transition: background .2s ease-in-out;
}
#cat_kinki.page_details .sectionBlock.page_contents .btn.sample:hover
{
background: #4d4d4d;
}
#cat_kinki.index
{
background-image: url(//www.jehp.jp/wp-content/themes/je/images/kinki/page_bg_repeat.png);
background-repeat: repeat;
background-position: 100% 0; 
background-size: 800px auto;
}
@media (min-width: 768px)
{
#cat_kinki.index
{
background-size: auto;
}
}
#cat_kinki.index .main_visual .ob_triangle
{
position: absolute;
right: 0;
bottom: 0;
width: 100%;
text-align: right;
}
@media (min-width: 768px)
{
#cat_kinki.index .main_visual .ob_triangle
{
display: block;
}
}
#cat_kinki.index .main_visual .ob_triangle img
{
width: 240px;
}
@media (min-width: 768px)
{
#cat_kinki.index .main_visual .ob_triangle img
{
width: auto;
}
}
#cat_kinki.index .artistName
{
font-family: 'futura-pt', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 120px;
font-size: 7.5rem;
font-weight: 300;
letter-spacing: .1rem;
}
@media (max-width: 767px)
{
#cat_kinki.index .artistName
{
font-size: 5.25rem;
}
}
#cat_kinki.index .sectionBlock.info h1
{
font-family: 'futura-pt', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 42px;
font-size: 2.625rem; 
font-weight: 300;
padding: .5rem 0;
text-align: center;
letter-spacing: .1rem;
background-color: rgba(255, 255, 255, .8);
}
@media (max-width: 767px)
{
#cat_kinki.index .sectionBlock.info h1
{
font-size: 1.8375rem;
}
}
@media (min-width: 768px)
{
#cat_kinki.index .sectionBlock.info h1
{
font-size: 60px;
font-size: 3.75rem;
}
}
@media (min-width: 768px) and (max-width: 767px)
{
#cat_kinki.index .sectionBlock.info h1
{
font-size: 2.625rem;
}
}
#cat_kinki.index .sectionBlock.info .tab_menu
{
font-family: 'futura-pt', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 18px;
font-size: 1.125rem; 
font-weight: 300;
letter-spacing: .1rem;
background-color: rgba(255, 255, 255, .8);
}
@media (max-width: 767px)
{
#cat_kinki.index .sectionBlock.info .tab_menu
{
font-size: .7875rem;
}
}
#cat_kinki.index .sectionBlock.info .tab_menu ul
{
text-align: center;
}
#cat_kinki.index .sectionBlock.info .tab_menu ul li
{
display: inline-block; 
padding: 0 .8rem 0;
}
@media (min-width: 768px)
{
#cat_kinki.index .sectionBlock.info .tab_menu ul li
{
padding: 0 2.0rem 0;
}
}
#cat_kinki.index .sectionBlock.info .tab_menu ul li a
{
display: inline-block;
padding: .2rem 1px;
transition: color .2s ease-in-out; 
border-bottom: 6px solid transparent;
}
#cat_kinki.index .sectionBlock.info .tab_menu ul li a:hover
{
transition: color .2s ease-in-out;
}
#cat_kinki.index .sectionBlock.info .tab_menu ul li a:hover
{
color: gray;
}
@media (min-width: 768px)
{
#cat_kinki.index .sectionBlock.info .tab_menu ul li a
{
padding: .5rem .5rem;
}
}
#cat_kinki.index .sectionBlock.info .tab_menu ul li.active a
{
border-bottom: 4px solid #000;
}
@media (min-width: 768px)
{
#cat_kinki.index .sectionBlock.info .tab_menu ul li.active a
{
border-bottom: 6px solid #000;
}
}
@media (min-width: 768px)
{
#cat_kinki.index .sectionBlock.info .tab_menu
{
font-size: 23px;
font-size: 1.4375rem;
}
}
@media (min-width: 768px) and (max-width: 767px)
{
#cat_kinki.index .sectionBlock.info .tab_menu
{
font-size: 1.00625rem;
}
}
#cat_kinki.index .sectionBlock.info .list_wrapper article:first-child a
{
border-top: 1px solid #848484;
}
#cat_kinki.index .sectionBlock.info .list_wrapper article a
{
display: block;
width: 100%;
margin: 0 auto;
padding: .5rem 0; 
border-bottom: 1px solid #848484;
}
#cat_kinki.index .sectionBlock.info .list_wrapper article a::after
{
display: table; 
clear: both;
content: '';
}
@media (min-width: 992px)
{
#cat_kinki.index .sectionBlock.info .list_wrapper article a
{
width: 860px;
padding: 1rem 0;
}
}
#cat_kinki.index .sectionBlock.info .list_wrapper article a ul
{
font-family: 'din-condensed', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-weight: 300;
display: inline-block;
width: 25%;
vertical-align: middle;
letter-spacing: .1rem;
}
@media (min-width: 768px)
{
#cat_kinki.index .sectionBlock.info .list_wrapper article a ul
{
width: 20%;
}
}
@media (min-width: 992px)
{
#cat_kinki.index .sectionBlock.info .list_wrapper article a ul
{
width: 20%;
}
}
#cat_kinki.index .sectionBlock.info .list_wrapper article a ul li
{
text-align: center;
}
#cat_kinki.index .sectionBlock.info .list_wrapper article a ul li.date
{
font-size: 20px;
font-size: 1.25rem;
}
@media (max-width: 767px)
{
#cat_kinki.index .sectionBlock.info .list_wrapper article a ul li.date
{
font-size: .875rem;
}
}
@media (min-width: 768px)
{
#cat_kinki.index .sectionBlock.info .list_wrapper article a ul li
{
margin: 0 auto;
}
}
#cat_kinki.index .sectionBlock.info .list_wrapper article a p
{
font-size: 17px;
font-size: 1.0625rem;
display: inline-block;
width: 70%; 
vertical-align: middle;
}
@media (max-width: 767px)
{
#cat_kinki.index .sectionBlock.info .list_wrapper article a p
{
font-size: .74375rem;
}
}
@media (min-width: 768px)
{
#cat_kinki.index .sectionBlock.info .list_wrapper article a p
{
width: 78%;
}
}
@media (min-width: 992px)
{
#cat_kinki.index .sectionBlock.info .list_wrapper article a p
{
width: 78%;
}
}
#cat_kinki.index .sectionBlock.info .list_wrapper article a p span.state
{
font-family: 'din-condensed', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 14px;
font-size: .875rem;
font-weight: 300;
margin-left: 5px; 
padding: 0 7px;
text-align: center;
letter-spacing: .1rem;
color: #fff;
border-radius: 20px;
background: #e30000;
}
@media (max-width: 767px)
{
#cat_kinki.index .sectionBlock.info .list_wrapper article a p span.state
{
font-size: .6125rem;
}
}
#cat_kinki.index .sectionBlock.info .list_wrapper article a p span.state:hover
{
text-decoration: none;
}
#cat_kinki.index .sectionBlock.info .list_wrapper article a p span.text:hover
{
text-decoration: underline;
}
#cat_kinki.index .sectionBlock.info .more
{
font-family: 'futura-pt', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 30px;
font-size: 1.875rem;
font-weight: 300;
line-height: 1.3;
display: block;
width: 110px;
margin: 1.5rem auto;
padding: .3rem 0;
transition: background .2s ease-in-out;
text-align: center;
letter-spacing: .1rem;
color: #fff;
border: none; 
border-radius: 40px;
background-color: #000;
box-shadow: 0 0 5px #666;
}
@media (max-width: 767px)
{
#cat_kinki.index .sectionBlock.info .more
{
font-size: 1.3125rem;
}
}
#cat_kinki.index .sectionBlock.info .more:hover
{
transition: background .2s ease-in-out;
}
#cat_kinki.index .sectionBlock.info .more:hover
{
background: #4d4d4d;
}
@media (max-width: 767px)
{
#cat_kinki.index .sectionBlock.info .more
{
font-size: 25px;
font-size: 1.5625rem;
}
}
@media (max-width: 767px) and (max-width: 767px)
{
#cat_kinki.index .sectionBlock.info .more
{
font-size: 1.09375rem;
}
}
@media (min-width: 768px)
{
#cat_kinki.index .sectionBlock.info .more
{
width: 200px;
margin: 2.5rem auto;
padding: .6rem 0;
}
}
#cat_kinki.index .sectionBlock.spotMovie h1
{
font-family: 'futura-pt', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 42px;
font-size: 2.625rem; 
font-weight: 300;
padding: .5rem 0;
text-align: center;
letter-spacing: .1rem;
background-color: rgba(255, 255, 255, .8);
}
@media (max-width: 767px)
{
#cat_kinki.index .sectionBlock.spotMovie h1
{
font-size: 1.8375rem;
}
}
@media (min-width: 768px)
{
#cat_kinki.index .sectionBlock.spotMovie h1
{
font-size: 60px;
font-size: 3.75rem;
}
}
@media (min-width: 768px) and (max-width: 767px)
{
#cat_kinki.index .sectionBlock.spotMovie h1
{
font-size: 2.625rem;
}
}
#cat_kinki.index .sectionBlock.newRelease h1
{
font-family: 'futura-pt', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 42px;
font-size: 2.625rem; 
font-weight: 300;
padding: .5rem 0;
text-align: center;
letter-spacing: .1rem;
background-color: rgba(255, 255, 255, .8);
}
@media (max-width: 767px)
{
#cat_kinki.index .sectionBlock.newRelease h1
{
font-size: 1.8375rem;
}
}
@media (min-width: 768px)
{
#cat_kinki.index .sectionBlock.newRelease h1
{
font-size: 60px;
font-size: 3.75rem;
}
}
@media (min-width: 768px) and (max-width: 767px)
{
#cat_kinki.index .sectionBlock.newRelease h1
{
font-size: 2.625rem;
}
}
#cat_kinki.index .sectionBlock.discography h1
{
font-family: 'futura-pt', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 42px;
font-size: 2.625rem; 
font-weight: 300;
padding: .5rem 0;
text-align: center;
letter-spacing: .1rem;
background-color: rgba(255, 255, 255, .8);
}
@media (max-width: 767px)
{
#cat_kinki.index .sectionBlock.discography h1
{
font-size: 1.8375rem;
}
}
@media (min-width: 768px)
{
#cat_kinki.index .sectionBlock.discography h1
{
font-size: 60px;
font-size: 3.75rem;
}
}
@media (min-width: 768px) and (max-width: 767px)
{
#cat_kinki.index .sectionBlock.discography h1
{
font-size: 2.625rem;
}
}
#cat_kinki.index .sectionBlock.discography .tab_menu
{
font-family: 'futura-pt', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 18px;
font-size: 1.125rem; 
font-weight: 300;
letter-spacing: .1rem;
background-color: rgba(255, 255, 255, .8);
}
@media (max-width: 767px)
{
#cat_kinki.index .sectionBlock.discography .tab_menu
{
font-size: .7875rem;
}
}
#cat_kinki.index .sectionBlock.discography .tab_menu ul
{
text-align: center;
}
#cat_kinki.index .sectionBlock.discography .tab_menu ul li
{
display: inline-block; 
padding: 0 .8rem 0;
}
@media (min-width: 768px)
{
#cat_kinki.index .sectionBlock.discography .tab_menu ul li
{
padding: 0 2.0rem 0;
}
}
#cat_kinki.index .sectionBlock.discography .tab_menu ul li a
{
display: inline-block;
padding: .2rem 1px;
transition: color .2s ease-in-out; 
border-bottom: 6px solid transparent;
}
#cat_kinki.index .sectionBlock.discography .tab_menu ul li a:hover
{
transition: color .2s ease-in-out;
}
#cat_kinki.index .sectionBlock.discography .tab_menu ul li a:hover
{
color: gray;
}
@media (min-width: 768px)
{
#cat_kinki.index .sectionBlock.discography .tab_menu ul li a
{
padding: .5rem .5rem;
}
}
#cat_kinki.index .sectionBlock.discography .tab_menu ul li.active a
{
border-bottom: 4px solid #000;
}
@media (min-width: 768px)
{
#cat_kinki.index .sectionBlock.discography .tab_menu ul li.active a
{
border-bottom: 6px solid #000;
}
}
@media (min-width: 768px)
{
#cat_kinki.index .sectionBlock.discography .tab_menu
{
font-size: 23px;
font-size: 1.4375rem;
}
}
@media (min-width: 768px) and (max-width: 767px)
{
#cat_kinki.index .sectionBlock.discography .tab_menu
{
font-size: 1.00625rem;
}
}
#cat_kinki.index .sectionBlock.discography .article_wrapper article ul li.tag
{
display: inline-block;
padding: 2px 1rem; 
text-align: center;
color: #000;
border-radius: 4px;
background: #ebebeb;
}
@media (max-width: 767px)
{
#cat_kinki.index .sectionBlock.discography .article_wrapper article ul li.tag
{
font-size: 12px;
font-size: .75rem;
}
}
@media (max-width: 767px) and (max-width: 767px)
{
#cat_kinki.index .sectionBlock.discography .article_wrapper article ul li.tag
{
font-size: .525rem;
}
}
@media (min-width: 768px)
{
#cat_kinki.index .sectionBlock.discography .article_wrapper article ul li.tag
{
padding: 2px 1.5rem; 
border-radius: 6px;
}
}
#cat_kinki.index .sectionBlock.discography .article_wrapper article ul li.date
{
font-family: 'futura-pt', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 17px;
font-size: 1.0625rem; 
font-weight: 300;
letter-spacing: .1rem;
}
@media (max-width: 767px)
{
#cat_kinki.index .sectionBlock.discography .article_wrapper article ul li.date
{
font-size: .74375rem;
}
}
#cat_kinki.index .sectionBlock.discography .article_wrapper article ul li.name
{
font-family: 'futura-pt', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-weight: 600;
letter-spacing: .1rem;
}
#cat_kinki.index .sectionBlock.discography .btn.more
{
font-family: 'futura-pt', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 30px;
font-size: 1.875rem;
font-weight: 300;
line-height: 1.3;
display: block;
width: 110px;
margin: 1.5rem auto;
padding: .3rem 0;
transition: background .2s ease-in-out;
text-align: center;
letter-spacing: .1rem;
color: #fff;
border: none; 
border-radius: 40px;
background-color: #000;
box-shadow: 0 0 5px #666;
}
@media (max-width: 767px)
{
#cat_kinki.index .sectionBlock.discography .btn.more
{
font-size: 1.3125rem;
}
}
#cat_kinki.index .sectionBlock.discography .btn.more:hover
{
transition: background .2s ease-in-out;
}
#cat_kinki.index .sectionBlock.discography .btn.more:hover
{
background: #4d4d4d;
}
@media (max-width: 767px)
{
#cat_kinki.index .sectionBlock.discography .btn.more
{
font-size: 25px;
font-size: 1.5625rem;
}
}
@media (max-width: 767px) and (max-width: 767px)
{
#cat_kinki.index .sectionBlock.discography .btn.more
{
font-size: 1.09375rem;
}
}
@media (min-width: 768px)
{
#cat_kinki.index .sectionBlock.discography .btn.more
{
width: 200px;
margin: 2.5rem auto;
padding: .6rem 0;
}
}
#cat_kinki.index .sectionBlock.profile h1
{
font-family: 'futura-pt', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 42px;
font-size: 2.625rem; 
font-weight: 300;
padding: .5rem 0;
text-align: center;
letter-spacing: .1rem;
background-color: rgba(255, 255, 255, .8);
}
@media (max-width: 767px)
{
#cat_kinki.index .sectionBlock.profile h1
{
font-size: 1.8375rem;
}
}
@media (min-width: 768px)
{
#cat_kinki.index .sectionBlock.profile h1
{
font-size: 60px;
font-size: 3.75rem;
}
}
@media (min-width: 768px) and (max-width: 767px)
{
#cat_kinki.index .sectionBlock.profile h1
{
font-size: 2.625rem;
}
}
#cat_kinki.index .sectionBlock.profile .profile_contents .btn.more
{
font-family: 'futura-pt', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 30px;
font-size: 1.875rem;
font-weight: 300;
line-height: 1.3;
display: block;
width: 110px;
margin: 1.5rem auto;
padding: .3rem 0;
transition: background .2s ease-in-out;
text-align: center;
letter-spacing: .1rem;
color: #fff;
border: none; 
border-radius: 40px;
background-color: #000;
box-shadow: 0 0 5px #666;
}
@media (max-width: 767px)
{
#cat_kinki.index .sectionBlock.profile .profile_contents .btn.more
{
font-size: 1.3125rem;
}
}
#cat_kinki.index .sectionBlock.profile .profile_contents .btn.more:hover
{
transition: background .2s ease-in-out;
}
#cat_kinki.index .sectionBlock.profile .profile_contents .btn.more:hover
{
background: #4d4d4d;
}
@media (max-width: 767px)
{
#cat_kinki.index .sectionBlock.profile .profile_contents .btn.more
{
font-size: 25px;
font-size: 1.5625rem;
}
}
@media (max-width: 767px) and (max-width: 767px)
{
#cat_kinki.index .sectionBlock.profile .profile_contents .btn.more
{
font-size: 1.09375rem;
}
}
@media (min-width: 768px)
{
#cat_kinki.index .sectionBlock.profile .profile_contents .btn.more
{
width: 200px;
margin: 2.5rem auto;
padding: .6rem 0;
}
}
#cat_kinki.info .sectionBlock.info h1
{
font-family: 'futura-pt', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 42px;
font-size: 2.625rem;
font-weight: 300;
padding: .5rem 0 0; 
text-align: center;
letter-spacing: .1rem;
}
@media (max-width: 767px)
{
#cat_kinki.info .sectionBlock.info h1
{
font-size: 1.8375rem;
}
}
@media (min-width: 768px)
{
#cat_kinki.info .sectionBlock.info h1
{
font-size: 60px;
font-size: 3.75rem;
}
}
@media (min-width: 768px) and (max-width: 767px)
{
#cat_kinki.info .sectionBlock.info h1
{
font-size: 2.625rem;
}
}
#cat_kinki.info .sectionBlock.info .tab_menu
{
font-family: 'futura-pt', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 18px;
font-size: 1.125rem; 
font-weight: 300;
letter-spacing: .1rem;
}
@media (max-width: 767px)
{
#cat_kinki.info .sectionBlock.info .tab_menu
{
font-size: .7875rem;
}
}
#cat_kinki.info .sectionBlock.info .tab_menu ul
{
text-align: center;
}
#cat_kinki.info .sectionBlock.info .tab_menu ul li
{
display: inline-block; 
padding: 0 .8rem 0;
}
@media (min-width: 768px)
{
#cat_kinki.info .sectionBlock.info .tab_menu ul li
{
padding: 0 2.0rem 0;
}
}
#cat_kinki.info .sectionBlock.info .tab_menu ul li a
{
display: inline-block;
padding: .2rem 1px;
transition: color .2s ease-in-out; 
border-bottom: 6px solid transparent;
}
#cat_kinki.info .sectionBlock.info .tab_menu ul li a:hover
{
transition: color .2s ease-in-out;
}
#cat_kinki.info .sectionBlock.info .tab_menu ul li a:hover
{
color: gray;
}
@media (min-width: 768px)
{
#cat_kinki.info .sectionBlock.info .tab_menu ul li a
{
padding: .5rem .5rem;
}
}
#cat_kinki.info .sectionBlock.info .tab_menu ul li.active a
{
border-bottom: 4px solid #000;
}
@media (min-width: 768px)
{
#cat_kinki.info .sectionBlock.info .tab_menu ul li.active a
{
border-bottom: 6px solid #000;
}
}
@media (min-width: 768px)
{
#cat_kinki.info .sectionBlock.info .tab_menu
{
font-size: 23px;
font-size: 1.4375rem;
}
}
@media (min-width: 768px) and (max-width: 767px)
{
#cat_kinki.info .sectionBlock.info .tab_menu
{
font-size: 1.00625rem;
}
}
#cat_kinki.info .sectionBlock.info .list_wrapper article:first-child a
{
border-top: 1px solid #848484;
}
#cat_kinki.info .sectionBlock.info .list_wrapper article a
{
display: block;
width: 100%;
margin: 0 auto;
padding: .5rem 0; 
border-bottom: 1px solid #848484;
}
#cat_kinki.info .sectionBlock.info .list_wrapper article a::after
{
display: table; 
clear: both;
content: '';
}
@media (min-width: 992px)
{
#cat_kinki.info .sectionBlock.info .list_wrapper article a
{
width: 100%;
padding: 1rem 0;
}
}
#cat_kinki.info .sectionBlock.info .list_wrapper article a ul
{
font-family: 'din-condensed', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-weight: 300;
display: inline-block;
width: 25%;
vertical-align: middle;
letter-spacing: .1rem;
}
@media (min-width: 768px)
{
#cat_kinki.info .sectionBlock.info .list_wrapper article a ul
{
width: 20%;
}
}
@media (min-width: 992px)
{
#cat_kinki.info .sectionBlock.info .list_wrapper article a ul
{
width: 20%;
}
}
#cat_kinki.info .sectionBlock.info .list_wrapper article a ul li
{
text-align: center;
}
#cat_kinki.info .sectionBlock.info .list_wrapper article a ul li.date
{
font-size: 20px;
font-size: 1.25rem;
}
@media (max-width: 767px)
{
#cat_kinki.info .sectionBlock.info .list_wrapper article a ul li.date
{
font-size: .875rem;
}
}
@media (min-width: 768px)
{
#cat_kinki.info .sectionBlock.info .list_wrapper article a ul li
{
margin: 0 auto;
}
}
#cat_kinki.info .sectionBlock.info .list_wrapper article a p
{
font-size: 17px;
font-size: 1.0625rem;
display: inline-block;
width: 70%; 
vertical-align: middle;
}
@media (max-width: 767px)
{
#cat_kinki.info .sectionBlock.info .list_wrapper article a p
{
font-size: .74375rem;
}
}
@media (min-width: 768px)
{
#cat_kinki.info .sectionBlock.info .list_wrapper article a p
{
width: 78%;
}
}
@media (min-width: 992px)
{
#cat_kinki.info .sectionBlock.info .list_wrapper article a p
{
width: 78%;
}
}
#cat_kinki.info .sectionBlock.info .list_wrapper article a p span.state
{
font-family: 'din-condensed', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 14px;
font-size: .875rem;
font-weight: 300;
margin-left: 5px; 
padding: 0 7px;
text-align: center;
letter-spacing: .1rem;
color: #fff;
border-radius: 20px;
background: #e30000;
}
@media (max-width: 767px)
{
#cat_kinki.info .sectionBlock.info .list_wrapper article a p span.state
{
font-size: .6125rem;
}
}
#cat_kinki.info .sectionBlock.info .list_wrapper article a p span.state:hover
{
text-decoration: none;
}
#cat_kinki.info .sectionBlock.info .list_wrapper article a p span.text:hover
{
text-decoration: underline;
}
#cat_kinki.discography .sectionBlock.discography h1
{
font-family: 'futura-pt', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 42px;
font-size: 2.625rem;
font-weight: 300;
padding: .5rem 0 0; 
text-align: center;
letter-spacing: .1rem;
}
@media (max-width: 767px)
{
#cat_kinki.discography .sectionBlock.discography h1
{
font-size: 1.8375rem;
}
}
@media (min-width: 768px)
{
#cat_kinki.discography .sectionBlock.discography h1
{
font-size: 60px;
font-size: 3.75rem;
}
}
@media (min-width: 768px) and (max-width: 767px)
{
#cat_kinki.discography .sectionBlock.discography h1
{
font-size: 2.625rem;
}
}
#cat_kinki.discography .sectionBlock.discography .tab_menu
{
font-family: 'futura-pt', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 18px;
font-size: 1.125rem;
font-weight: 300;
letter-spacing: .1rem;
border-bottom: 1px solid #848484;
}
@media (max-width: 767px)
{
#cat_kinki.discography .sectionBlock.discography .tab_menu
{
font-size: .7875rem;
}
}
#cat_kinki.discography .sectionBlock.discography .tab_menu ul
{
text-align: center;
}
#cat_kinki.discography .sectionBlock.discography .tab_menu ul li
{
display: inline-block; 
padding: 0 .8rem 0;
}
@media (min-width: 768px)
{
#cat_kinki.discography .sectionBlock.discography .tab_menu ul li
{
padding: 0 2.0rem 0;
}
}
#cat_kinki.discography .sectionBlock.discography .tab_menu ul li a
{
display: inline-block;
padding: .2rem 1px;
transition: color .2s ease-in-out; 
border-bottom: 6px solid transparent;
}
#cat_kinki.discography .sectionBlock.discography .tab_menu ul li a:hover
{
transition: color .2s ease-in-out;
}
#cat_kinki.discography .sectionBlock.discography .tab_menu ul li a:hover
{
color: gray;
}
@media (min-width: 768px)
{
#cat_kinki.discography .sectionBlock.discography .tab_menu ul li a
{
padding: .5rem .5rem;
}
}
#cat_kinki.discography .sectionBlock.discography .tab_menu ul li.active a
{
border-bottom: 4px solid #000;
}
@media (min-width: 768px)
{
#cat_kinki.discography .sectionBlock.discography .tab_menu ul li.active a
{
border-bottom: 6px solid #000;
}
}
@media (min-width: 768px)
{
#cat_kinki.discography .sectionBlock.discography .tab_menu
{
font-size: 23px;
font-size: 1.4375rem;
}
}
@media (min-width: 768px) and (max-width: 767px)
{
#cat_kinki.discography .sectionBlock.discography .tab_menu
{
font-size: 1.00625rem;
}
}
#cat_kinki.discography .sectionBlock.discography .article_wrapper article ul li.tag
{
display: inline-block;
padding: 2px 1rem; 
text-align: center;
color: #000;
border-radius: 4px;
background: #ebebeb;
}
@media (max-width: 767px)
{
#cat_kinki.discography .sectionBlock.discography .article_wrapper article ul li.tag
{
font-size: 12px;
font-size: .75rem;
}
}
@media (max-width: 767px) and (max-width: 767px)
{
#cat_kinki.discography .sectionBlock.discography .article_wrapper article ul li.tag
{
font-size: .525rem;
}
}
@media (min-width: 768px)
{
#cat_kinki.discography .sectionBlock.discography .article_wrapper article ul li.tag
{
padding: 2px 1.5rem; 
border-radius: 6px;
}
}
#cat_kinki.discography .sectionBlock.discography .article_wrapper article ul li.date
{
font-family: 'futura-pt', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 17px;
font-size: 1.0625rem; 
font-weight: 300;
letter-spacing: .1rem;
}
@media (max-width: 767px)
{
#cat_kinki.discography .sectionBlock.discography .article_wrapper article ul li.date
{
font-size: .74375rem;
}
}
#cat_kinki.discography .sectionBlock.discography .article_wrapper article ul li.name
{
font-family: 'futura-pt', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-weight: 600;
letter-spacing: .1rem;
}
#cat_kinki.profile .sectionBlock.profile h1
{
font-family: 'futura-pt', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 42px;
font-size: 2.625rem;
font-weight: 300;
padding: .5rem 0 0; 
text-align: center;
letter-spacing: .1rem;
}
@media (max-width: 767px)
{
#cat_kinki.profile .sectionBlock.profile h1
{
font-size: 1.8375rem;
}
}
@media (min-width: 768px)
{
#cat_kinki.profile .sectionBlock.profile h1
{
font-size: 60px;
font-size: 3.75rem;
}
}
@media (min-width: 768px) and (max-width: 767px)
{
#cat_kinki.profile .sectionBlock.profile h1
{
font-size: 2.625rem;
}
}
#cat_kinki.profile .sectionBlock.profile .text dl dd
{
font-family: 'futura-pt', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-weight: 600;
letter-spacing: .1rem;
}
#cat_kinki.profile .sectionBlock.profile .text dl dd span
{
font-family: 'futura-pt', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-weight: 400;
line-height: 1.3; 
letter-spacing: .1rem;
}
@media (min-width: 992px)
{
#cat_kinki.profile .sectionBlock.profile .text dl dd span
{
line-height: 1.7;
}
}
#cat_yuma .icon_sp_menu
{
position: fixed;
z-index: 99; 
top: 12px;
right: 15px;
cursor: pointer;
}
#cat_yuma .icon_sp_menu svg
{
z-index: 9999;
width: 20px;
height: 20px;
fill: #fff;
}
@media (min-width: 768px)
{
#cat_yuma .icon_sp_menu svg
{
width: 20px; 
height: 20px;
}
}
#cat_yuma .icon_sp_menu.color_black svg
{
fill: #000;
}
#cat_yuma .globalNavi_sp
{
position: absolute;
z-index: 100; 
top: 0;
right: 0;
display: none;
width: 100%;
}
#cat_yuma .globalNavi_sp.on
{
display: block;
}
#cat_yuma .globalNavi_sp .navi_contents
{
font-family: 'din-condensed', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-weight: 300;
position: absolute;
z-index: 2;
top: 0;
top: 0;
right: -220px;
width: 220px;
height: 100%;
transition: margin-left .5s ease-out;
letter-spacing: .1rem; 
background: rgba(50, 50, 50, .9);
}
#cat_yuma .globalNavi_sp .navi_contents .icon_close
{
position: relative;
cursor: pointer;
}
#cat_yuma .globalNavi_sp .navi_contents .icon_close svg
{
position: absolute;
z-index: 2;
top: 12px;
right: 15px;
width: 20px; 
height: 20px;
fill: #848484;
}
#cat_yuma .globalNavi_sp .navi_contents h1
{
font-size: 1.1rem;
padding: .8rem 0;
text-align: center;
color: #848484;
background: rgba(50, 50, 50, .9);
}
#cat_yuma .globalNavi_sp .navi_contents h1.jwest
{
font-size: 1.0rem; 
padding: .8rem 0 .8rem .5rem;
text-align: left;
}
#cat_yuma .globalNavi_sp .navi_contents ul
{
text-align: center;
}
#cat_yuma .globalNavi_sp .navi_contents ul li
{
font-size: 1rem;
}
#cat_yuma .globalNavi_sp .navi_contents ul.artist_globalNavi li
{
border-bottom: none; 
background: #fff;
}
#cat_yuma .globalNavi_sp .navi_contents ul.artist_globalNavi li a
{
display: block;
padding: .5rem 0;
}
#cat_yuma .globalNavi_sp .navi_contents ul.artist_globalNavi li:nth-child(2n)
{
background: #f6f6f6;
}
#cat_yuma .globalNavi_sp .navi_contents ul.artist_globalNavi li.category
{
font-family: 'din-condensed', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 1.3rem;
font-weight: 400;
letter-spacing: .1rem;
}
#cat_yuma .globalNavi_sp .navi_contents ul.artist_globalNavi li.category a
{
position: relative; 
display: block;
padding: 0 0;
}
#cat_yuma .globalNavi_sp .navi_contents ul.artist_globalNavi li.category a .img_bg
{
width: 100%;
height: 150px; 
background-position: center top;
background-size: cover;
}
#cat_yuma .globalNavi_sp .navi_contents ul.artist_globalNavi li.category a p
{
position: absolute;
bottom: 0;
left: 0;
width: 100%; 
padding: .25rem;
text-align: center;
background: rgba(255, 255, 255, .8);
}
#cat_yuma .globalNavi_sp .navi_contents ul.artist_globalNavi li.active a
{
color: #ccc;
}
#cat_yuma .globalNavi_sp .navi_contents ul.global
{
border-top: 2px solid #848484;
}
#cat_yuma .globalNavi_sp .navi_contents ul.global li a
{
display: block;
padding: .5rem 0;
color: #fff;
border-bottom: 2px solid #848484;
}
#cat_yuma .globalNavi_sp .navi_contents ul.artists
{
margin-top: 2rem;
}
#cat_yuma .globalNavi_sp .navi_contents ul.artists li
{
margin: 0 0 .8rem 0;
background-position: center top;
background-size: cover;
}
#cat_yuma .globalNavi_sp .navi_contents ul.artists li a
{
position: relative;
display: block;
width: 220px; 
height: 110px;
}
#cat_yuma .globalNavi_sp .navi_contents ul.artists li a img
{
width: 100%; 
height: auto;
}
#cat_yuma .globalNavi_sp .navi_contents ul.artists li a p
{
position: absolute;
bottom: 0;
left: 0;
width: 100%; 
padding: .25rem;
text-align: center;
background: rgba(255, 255, 255, .8);
}
#cat_yuma .globalNavi_sp .navi_contents ul.artists li a p.font_ja
{
font-size: .8rem;
}
#cat_yuma .globalNavi_sp .navi_contents ul.artists li a p span.font_ja
{
font-size: .9rem;
}
#cat_yuma .globalNavi
{
z-index: 98;
padding: 30px 0;
background: #fff;
box-shadow: -10px 20px 20px rgba(0, 0, 0, .5);
}
#cat_yuma .globalNavi > ul
{
width: 100%;
margin: 0 auto;
}
@media (min-width: 992px)
{
#cat_yuma .globalNavi > ul
{
width: 940px;
}
}
#cat_yuma .globalNavi > ul li
{
font-family: 'din-condensed', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 20px;
font-size: 1.25rem; 
font-weight: 300;
display: inline-block;
margin: 0 5px;
letter-spacing: .1rem;
}
@media (max-width: 767px)
{
#cat_yuma .globalNavi > ul li
{
font-size: .875rem;
}
}
#cat_yuma .globalNavi > ul li .font_ja
{
font-size: 18px;
font-size: 1.125rem;
}
@media (max-width: 767px)
{
#cat_yuma .globalNavi > ul li .font_ja
{
font-size: .7875rem;
}
}
#cat_yuma .globalNavi > ul li a
{
line-height: 1;
display: block;
padding: 2px 2px 0 4px;
transition: background-color .2s linear, color .2s linear; 
color: #000;
}
#cat_yuma .globalNavi > ul li a:hover
{
color: #fff; 
background-color: #088792;
}
#cat_yuma .globalNavi > ul li.active
{
background: #088792;
}
#cat_yuma .globalNavi > ul li.active a
{
display: block; 
color: #fff;
}
#cat_yuma .globalNavi > ul li.artists
{
font-size: 15px;
font-size: .9375rem;
line-height: 1.3; 
padding-left: 20px;
}
@media (max-width: 767px)
{
#cat_yuma .globalNavi > ul li.artists
{
font-size: .65625rem;
}
}
#cat_yuma .globalNavi .menu_wrapper
{
position: relative;
width: 100%; 
margin: 0 auto;
}
@media (min-width: 992px)
{
#cat_yuma .globalNavi .menu_wrapper
{
width: 860px;
}
}
#cat_yuma .globalNavi .menu_wrapper p.menu
{
font-family: 'din-condensed', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 15px;
font-size: .9375rem;
font-weight: 300;
position: absolute;
top: -30px;
right: -60px; 
letter-spacing: .1rem;
}
@media (max-width: 767px)
{
#cat_yuma .globalNavi .menu_wrapper p.menu
{
font-size: .65625rem;
}
}
#cat_yuma .globalNavi .menu_wrapper p.menu .icon_arrow
{
position: relative; 
display: inline-block;
}
#cat_yuma .globalNavi .menu_wrapper p.menu .icon_arrow:after
{
position: absolute;
top: 33%;
right: -12px;
display: inline-block;
width: 0;
height: 0;
content: '';
border-top: 8px solid #088792; 
border-right: 4px solid transparent;
border-left: 4px solid transparent;
}
#cat_yuma .globalNavi .menu_wrapper p.menu .icon_arrow:hover
{
color: #52abb3;
}
#cat_yuma .globalNavi .menu_wrapper p.menu a
{
display: block;
width: 180px;
padding: 10px 0; 
text-align: center;
}
#cat_yuma .globalNavi .menu_wrapper .menu_contents
{
font-family: 'din-condensed', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-weight: 300;
position: absolute;
z-index: 10;
top: 10px;
right: -60px;
display: none; 
text-align: center;
letter-spacing: .1rem;
box-shadow: 0 10px 10px rgba(0, 0, 0, .1);
}
#cat_yuma .globalNavi .menu_wrapper .menu_contents ul
{
width: 180px;
background: #f6f6f6;
}
#cat_yuma .globalNavi .menu_wrapper .menu_contents ul li
{
font-size: 15px;
font-size: .9375rem;
display: block;
background: #fff;
}
@media (max-width: 767px)
{
#cat_yuma .globalNavi .menu_wrapper .menu_contents ul li
{
font-size: .65625rem;
}
}
#cat_yuma .globalNavi .menu_wrapper .menu_contents ul li a
{
display: block;
padding: 5px 0;
transition: background .2s ease-in-out; 
border-top: 1px solid #c1c1c1;
background: #fff;
}
#cat_yuma .globalNavi .menu_wrapper .menu_contents ul li a:hover
{
transition: background .2s ease-in-out;
}
#cat_yuma .globalNavi .menu_wrapper .menu_contents ul li a .font_ja
{
font-size: 14px;
font-size: .875rem;
}
@media (max-width: 767px)
{
#cat_yuma .globalNavi .menu_wrapper .menu_contents ul li a .font_ja
{
font-size: .6125rem;
}
}
#cat_yuma .globalNavi .menu_wrapper .menu_contents ul li a:hover
{
color: #fff; 
background: #088792;
}
#cat_yuma .globalNavi .menu_wrapper .menu_contents ul li.artists
{
font-size: 14px;
font-size: .875rem;
padding: 1rem 0 .7rem 0; 
background: #f6f6f6;
}
@media (max-width: 767px)
{
#cat_yuma .globalNavi .menu_wrapper .menu_contents ul li.artists
{
font-size: .6125rem;
}
}
#cat_yuma .globalNavi .menu_wrapper .menu_contents ul li.artist a
{
border-top: none; 
background: #f6f6f6;
}
#cat_yuma .globalNavi .menu_wrapper .menu_contents ul li.artist a:hover
{
color: #fff; 
background: #088792;
}
#cat_yuma .globalNavi .menu_wrapper .menu_contents ul li.active a
{
color: #fff; 
background: #088792;
}
#cat_yuma .sectionBlock.artist h1
{
font-family: 'freight-sans-pro', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 42px;
font-size: 2.625rem;
font-weight: 500;
margin-bottom: 1rem; 
padding: .5rem 0;
text-align: center;
letter-spacing: .1rem;
color: #fff;
background-color: rgba(47, 172, 183, .7);
}
@media (max-width: 767px)
{
#cat_yuma .sectionBlock.artist h1
{
font-size: 1.8375rem;
}
}
@media (min-width: 768px)
{
#cat_yuma .sectionBlock.artist h1
{
font-size: 60px;
font-size: 3.75rem;
}
}
@media (min-width: 768px) and (max-width: 767px)
{
#cat_yuma .sectionBlock.artist h1
{
font-size: 2.625rem;
}
}
#cat_yuma .sectionBlock.artist .artist_contents
{
position: relative;
padding: .5rem 0;
}
@media (min-width: 768px)
{
#cat_yuma .sectionBlock.artist .artist_contents
{
padding: 2rem 0;
}
}
#cat_yuma .sectionBlock.artist .artist_contents ul
{
width: 100%;
margin: 0 auto;
}
@media (min-width: 992px)
{
#cat_yuma .sectionBlock.artist .artist_contents ul
{
width: 860px;
}
}
#cat_yuma .sectionBlock.artist .artist_contents ul li
{
font-family: 'din-condensed', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 26px;
font-size: 1.625rem;
font-weight: 300;
display: inline-block; 
width: 33%;
text-align: center;
letter-spacing: .1rem;
}
@media (max-width: 767px)
{
#cat_yuma .sectionBlock.artist .artist_contents ul li
{
font-size: 1.1375rem;
}
}
@media (min-width: 768px)
{
#cat_yuma .sectionBlock.artist .artist_contents ul li
{
font-size: 30px;
font-size: 1.875rem;
}
}
@media (min-width: 768px) and (max-width: 767px)
{
#cat_yuma .sectionBlock.artist .artist_contents ul li
{
font-size: 1.3125rem;
}
}
#cat_yuma .sectionBlock.artist .artist_contents ul li.narrow
{
width: 25%;
}
#cat_yuma .sectionBlock.artist .artist_contents ul li .font_ja
{
font-size: 20px;
font-size: 1.25rem;
line-height: 1.8;
}
@media (max-width: 767px)
{
#cat_yuma .sectionBlock.artist .artist_contents ul li .font_ja
{
font-size: .875rem;
}
}
@media (min-width: 768px)
{
#cat_yuma .sectionBlock.artist .artist_contents ul li .font_ja
{
font-size: 26px;
font-size: 1.625rem;
}
}
@media (min-width: 768px) and (max-width: 767px)
{
#cat_yuma .sectionBlock.artist .artist_contents ul li .font_ja
{
font-size: 1.1375rem;
}
}
#cat_yuma .sectionBlock.artist .artist_contents ul li a:hover
{
color: #666;
}
#cat_yuma .sectionBlock.artist .artist_contents .pageTop
{
font-size: 40px;
font-size: 2.5rem;
line-height: 1.3;
display: block;
width: 110px;
margin: 1rem auto .5rem; 
padding: 0;
transition: background .2s ease-in-out;
text-align: center;
color: #000;
border: none;
border-radius: 40px;
background-color: #fff;
box-shadow: 0 0 10px #b3b3b3;
}
#cat_yuma .sectionBlock.artist .artist_contents .pageTop:hover
{
transition: background .2s ease-in-out;
}
@media (max-width: 767px)
{
#cat_yuma .sectionBlock.artist .artist_contents .pageTop
{
font-size: 1.75rem;
}
}
#cat_yuma .sectionBlock.artist .artist_contents .pageTop:hover
{
background: #b3b3b3;
}
@media (min-width: 768px)
{
#cat_yuma .sectionBlock.artist .artist_contents .pageTop
{
width: 190px;
margin: 2.5rem auto 0;
padding: .2rem 0 0;
}
}
#cat_yuma .sectionBlock.artist .artist_contents .pageTop svg
{
width: 18px; 
height: 18px;
}
@media (min-width: 768px)
{
#cat_yuma .sectionBlock.artist .artist_contents .pageTop svg
{
width: 34px; 
height: 34px;
}
}
@media (min-width: 768px)
{
#cat_yuma .sectionBlock.artist .artist_contents .pageTop
{
margin: 2.5rem auto 0;
}
}
#cat_yuma footer
{
padding: 1rem; 
text-align: center;
color: #000;
background: #fff;
}
@media (min-width: 768px)
{
#cat_yuma footer
{
padding: 3rem 0;
}
}
#cat_yuma footer a
{
text-decoration: none; 
color: #000;
}
#cat_yuma footer a:hover
{
text-decoration: underline;
}
#cat_yuma footer ul.sns
{
margin-bottom: .5rem; 
text-align: center;
}
@media (min-width: 768px)
{
#cat_yuma footer ul.sns
{
margin-bottom: 1rem;
}
}
#cat_yuma footer ul.sns li
{
display: inline-block;
margin: 0 5px;
}
#cat_yuma footer ul.sns li svg
{
width: 22px; 
height: 22px;
transition: opacity .2s ease-in-out;
opacity: 1;
fill: #000;
}
#cat_yuma footer ul.sns li svg:hover
{
transition: opacity .2s ease-in-out;
}
#cat_yuma footer ul.sns li svg:hover
{
opacity: .7;
}
@media (min-width: 768px)
{
#cat_yuma footer ul.sns li svg
{
width: 30px; 
height: 30px;
}
}
#cat_yuma footer .terms
{
font-size: 14px;
font-size: .875rem;
margin-bottom: .5rem;
}
@media (max-width: 767px)
{
#cat_yuma footer .terms
{
font-size: .6125rem;
}
}
@media (min-width: 768px)
{
#cat_yuma footer .terms
{
margin-bottom: 1rem;
}
}
#cat_yuma footer .copyright
{
font-family: 'din-condensed', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-weight: 300;
letter-spacing: .1rem;
}
@media (max-width: 767px)
{
#cat_yuma footer .copyright
{
font-size: 12px;
font-size: .75rem;
}
}
@media (max-width: 767px) and (max-width: 767px)
{
#cat_yuma footer .copyright
{
font-size: .525rem;
}
}
#cat_yuma.pages
{
background-color: #eef7f7;
background-image: url(//www.jehp.jp/wp-content/themes/je/images/yuma/bg.png);
}
@media (min-width: 768px)
{
#cat_yuma.pages
{
background-image: url(//www.jehp.jp/wp-content/themes/je/images/yuma/bg.png);
}
}
#cat_yuma.pages .page_wrapper
{
background-image: url(//www.jehp.jp/wp-content/themes/je/images/yuma/top_main_img_sp.jpg);
}
#cat_yuma.pages .page_wrapper .page_inner
{
background-image: url(//www.jehp.jp/wp-content/themes/je/images/common/bg_dot_sp.png);
}
#cat_yuma.pages .main_visual .triangle_wrapper .logo
{
position: absolute;
z-index: 999; 
top: 10px;
left: 10px;
}
@media (min-width: 992px)
{
#cat_yuma.pages .main_visual .triangle_wrapper .logo
{
position: absolute;
top: 20px;
left: 20px;
}
}
#cat_yuma.pages .main_visual .triangle_wrapper .logo img
{
width: 50px; 
height: auto;
}
@media (min-width: 992px)
{
#cat_yuma.pages .main_visual .triangle_wrapper .logo img
{
width: 100px; 
height: auto;
}
}
#cat_yuma.pages .main_visual .triangle_wrapper .triangle
{
position: absolute;
width: 200px;
height: 200px;
transform: rotate(-40deg) translateY(-150px) translateX(0px);
background: #088792;
box-shadow: -10px 15px 20px rgba(0, 0, 0, .2);
}
@media (min-width: 992px)
{
#cat_yuma.pages .main_visual .triangle_wrapper .triangle
{
width: 400px;
height: 400px;
transform: rotate(-40deg) translateY(-310px) translateX(0px);
box-shadow: -10px 20px 20px rgba(0, 0, 0, .2);
}
}
#cat_yuma.pages .artistName
{
font-family: 'freight-sans-pro', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 50px;
font-size: 3.125rem;
font-weight: 500;
letter-spacing: .1rem;
}
@media (max-width: 767px)
{
#cat_yuma.pages .artistName
{
font-size: 2.1875rem;
}
}
#cat_yuma.pages .btn.back
{
font-family: 'freight-sans-pro', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 30px;
font-size: 1.875rem;
font-weight: 500;
line-height: 1.3;
display: block;
width: 110px;
margin: 1.5rem auto;
padding: .3rem 0;
transition: background .2s ease-in-out;
text-align: center;
letter-spacing: .1rem;
color: #fff;
border: none; 
border-radius: 8px;
background-color: #000;
box-shadow: 0 0 5px #666;
}
@media (max-width: 767px)
{
#cat_yuma.pages .btn.back
{
font-size: 1.3125rem;
}
}
#cat_yuma.pages .btn.back:hover
{
transition: background .2s ease-in-out;
}
#cat_yuma.pages .btn.back:hover
{
background: #4d4d4d;
}
@media (max-width: 767px)
{
#cat_yuma.pages .btn.back
{
font-size: 25px;
font-size: 1.5625rem;
}
}
@media (max-width: 767px) and (max-width: 767px)
{
#cat_yuma.pages .btn.back
{
font-size: 1.09375rem;
}
}
@media (min-width: 768px)
{
#cat_yuma.pages .btn.back
{
width: 200px;
margin: 2.5rem auto;
padding: .6rem 0;
}
}
#cat_yuma.page_details .sectionBlock.page_contents h1
{
font-family: 'freight-sans-pro', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 42px;
font-size: 2.625rem;
font-weight: 500;
padding: .5rem 0 0; 
text-align: center;
letter-spacing: .1rem;
color: #088792;
}
@media (max-width: 767px)
{
#cat_yuma.page_details .sectionBlock.page_contents h1
{
font-size: 1.8375rem;
}
}
@media (min-width: 768px)
{
#cat_yuma.page_details .sectionBlock.page_contents h1
{
font-size: 60px;
font-size: 3.75rem;
}
}
@media (min-width: 768px) and (max-width: 767px)
{
#cat_yuma.page_details .sectionBlock.page_contents h1
{
font-size: 2.625rem;
}
}
#cat_yuma.page_details .sectionBlock.page_contents .font_yuma
{
font-family: 'freight-sans-pro', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-weight: 500;
letter-spacing: .1rem;
}
#cat_yuma.page_details .sectionBlock.page_contents .article_wrapper article ul li.tag
{
display: inline-block;
padding: 2px 1rem; 
text-align: center;
color: #fff;
border-radius: 4px;
background: #2e7dff;
}
@media (max-width: 767px)
{
#cat_yuma.page_details .sectionBlock.page_contents .article_wrapper article ul li.tag
{
font-size: 12px;
font-size: .75rem;
}
}
@media (max-width: 767px) and (max-width: 767px)
{
#cat_yuma.page_details .sectionBlock.page_contents .article_wrapper article ul li.tag
{
font-size: .525rem;
}
}
@media (min-width: 768px)
{
#cat_yuma.page_details .sectionBlock.page_contents .article_wrapper article ul li.tag
{
padding: 2px 1.5rem; 
border-radius: 6px;
}
}
#cat_yuma.page_details .sectionBlock.page_contents .article_wrapper article ul li.date
{
font-family: 'freight-sans-pro', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 17px;
font-size: 1.0625rem; 
font-weight: 500;
letter-spacing: .1rem;
}
@media (max-width: 767px)
{
#cat_yuma.page_details .sectionBlock.page_contents .article_wrapper article ul li.date
{
font-size: .74375rem;
}
}
#cat_yuma.page_details .sectionBlock.page_contents .btn.sample
{
font-family: 'freight-sans-pro', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 15px;
font-size: .9375rem;
font-weight: 500;
line-height: 1.3;
width: 95px;
padding: .1rem 8px .1rem 35px;
transition: background .2s ease-in-out; 
text-align: center;
letter-spacing: .1rem;
color: #fff;
border-radius: 4px;
background-color: #000;
box-shadow: 0 0 3px #666;
}
@media (min-width: 768px)
{
#cat_yuma.page_details .sectionBlock.page_contents .btn.sample
{
width: 118px;
}
}
@media (max-width: 767px)
{
#cat_yuma.page_details .sectionBlock.page_contents .btn.sample
{
font-size: .65625rem;
}
}
#cat_yuma.page_details .sectionBlock.page_contents .btn.sample:hover
{
transition: background .2s ease-in-out;
}
#cat_yuma.page_details .sectionBlock.page_contents .btn.sample:hover
{
background: #4d4d4d;
}
#cat_yuma.index
{
background-image: url(//www.jehp.jp/wp-content/themes/je/images/yuma/bg.png);
}
#cat_yuma.index .artistName
{
font-family: 'freight-sans-pro', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 55px;
font-size: 3.4375rem;
font-weight: 500;
letter-spacing: .1rem;
}
@media (max-width: 767px)
{
#cat_yuma.index .artistName
{
font-size: 2.40625rem;
}
}
#cat_yuma.index .sectionBlock.info h1
{
font-family: 'freight-sans-pro', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 42px;
font-size: 2.625rem;
font-weight: 500;
padding: .5rem 0;
text-align: center;
letter-spacing: .1rem; 
color: #fff;
background-color: rgba(47, 172, 183, .7);
}
@media (max-width: 767px)
{
#cat_yuma.index .sectionBlock.info h1
{
font-size: 1.8375rem;
}
}
@media (min-width: 768px)
{
#cat_yuma.index .sectionBlock.info h1
{
font-size: 60px;
font-size: 3.75rem;
}
}
@media (min-width: 768px) and (max-width: 767px)
{
#cat_yuma.index .sectionBlock.info h1
{
font-size: 2.625rem;
}
}
#cat_yuma.index .sectionBlock.info .tab_menu
{
font-family: 'freight-sans-pro', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 18px;
font-size: 1.125rem;
font-weight: 300;
letter-spacing: .1rem;
color: #fff !important; 
background-color: rgba(47, 172, 183, .7);
}
@media (max-width: 767px)
{
#cat_yuma.index .sectionBlock.info .tab_menu
{
font-size: .7875rem;
}
}
#cat_yuma.index .sectionBlock.info .tab_menu ul
{
text-align: center;
}
#cat_yuma.index .sectionBlock.info .tab_menu ul li
{
display: inline-block; 
padding: 0 .8rem 0;
}
@media (min-width: 768px)
{
#cat_yuma.index .sectionBlock.info .tab_menu ul li
{
padding: 0 2.0rem 0;
}
}
#cat_yuma.index .sectionBlock.info .tab_menu ul li a
{
display: inline-block;
padding: .2rem 1px;
transition: color .2s ease-in-out; 
border-bottom: 6px solid transparent;
}
#cat_yuma.index .sectionBlock.info .tab_menu ul li a:hover
{
transition: color .2s ease-in-out;
}
#cat_yuma.index .sectionBlock.info .tab_menu ul li a:hover
{
color: white;
}
@media (min-width: 768px)
{
#cat_yuma.index .sectionBlock.info .tab_menu ul li a
{
padding: .5rem .5rem;
}
}
#cat_yuma.index .sectionBlock.info .tab_menu ul li.active a
{
border-bottom: 4px solid #fff;
}
@media (min-width: 768px)
{
#cat_yuma.index .sectionBlock.info .tab_menu ul li.active a
{
border-bottom: 6px solid #fff;
}
}
#cat_yuma.index .sectionBlock.info .tab_menu a
{
color: #fff !important;
}
@media (min-width: 768px)
{
#cat_yuma.index .sectionBlock.info .tab_menu
{
font-size: 23px;
font-size: 1.4375rem;
}
}
@media (min-width: 768px) and (max-width: 767px)
{
#cat_yuma.index .sectionBlock.info .tab_menu
{
font-size: 1.00625rem;
}
}
#cat_yuma.index .sectionBlock.info .list_wrapper article:first-child a
{
border-top: 1px solid #088792;
}
#cat_yuma.index .sectionBlock.info .list_wrapper article a
{
display: block;
width: 100%;
margin: 0 auto;
padding: .5rem 0; 
border-bottom: 1px solid #848484;
}
#cat_yuma.index .sectionBlock.info .list_wrapper article a::after
{
display: table; 
clear: both;
content: '';
}
@media (min-width: 992px)
{
#cat_yuma.index .sectionBlock.info .list_wrapper article a
{
width: 860px;
padding: 1rem 0;
}
}
#cat_yuma.index .sectionBlock.info .list_wrapper article a ul
{
font-family: 'din-condensed', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-weight: 300;
display: inline-block;
width: 25%;
vertical-align: middle;
letter-spacing: .1rem;
}
@media (min-width: 768px)
{
#cat_yuma.index .sectionBlock.info .list_wrapper article a ul
{
width: 20%;
}
}
@media (min-width: 992px)
{
#cat_yuma.index .sectionBlock.info .list_wrapper article a ul
{
width: 20%;
}
}
#cat_yuma.index .sectionBlock.info .list_wrapper article a ul li
{
text-align: center;
}
#cat_yuma.index .sectionBlock.info .list_wrapper article a ul li.date
{
font-size: 20px;
font-size: 1.25rem;
}
@media (max-width: 767px)
{
#cat_yuma.index .sectionBlock.info .list_wrapper article a ul li.date
{
font-size: .875rem;
}
}
@media (min-width: 768px)
{
#cat_yuma.index .sectionBlock.info .list_wrapper article a ul li
{
margin: 0 auto;
}
}
#cat_yuma.index .sectionBlock.info .list_wrapper article a p
{
font-size: 17px;
font-size: 1.0625rem;
display: inline-block;
width: 70%; 
vertical-align: middle;
}
@media (max-width: 767px)
{
#cat_yuma.index .sectionBlock.info .list_wrapper article a p
{
font-size: .74375rem;
}
}
@media (min-width: 768px)
{
#cat_yuma.index .sectionBlock.info .list_wrapper article a p
{
width: 78%;
}
}
@media (min-width: 992px)
{
#cat_yuma.index .sectionBlock.info .list_wrapper article a p
{
width: 78%;
}
}
#cat_yuma.index .sectionBlock.info .list_wrapper article a p span.state
{
font-family: 'din-condensed', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 14px;
font-size: .875rem;
font-weight: 300;
margin-left: 5px; 
padding: 0 7px;
text-align: center;
letter-spacing: .1rem;
color: #fff;
border-radius: 20px;
background: #e30000;
}
@media (max-width: 767px)
{
#cat_yuma.index .sectionBlock.info .list_wrapper article a p span.state
{
font-size: .6125rem;
}
}
#cat_yuma.index .sectionBlock.info .list_wrapper article a p span.state:hover
{
text-decoration: none;
}
#cat_yuma.index .sectionBlock.info .list_wrapper article a p span.text:hover
{
text-decoration: underline;
}
#cat_yuma.index .sectionBlock.info .list_wrapper article a ul
{
font-family: 'freight-sans-pro', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-weight: 500;
letter-spacing: .1rem;
}
#cat_yuma.index .sectionBlock.info .list_wrapper article:first-child a
{
border-top: 1px solid #848484 !important;
}
#cat_yuma.index .sectionBlock.info .btn.more
{
font-family: 'freight-sans-pro', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 30px;
font-size: 1.875rem;
font-weight: 500;
line-height: 1.3;
display: block;
width: 110px;
margin: 1.5rem auto;
padding: .3rem 0;
transition: background .2s ease-in-out;
text-align: center;
letter-spacing: .1rem;
color: #fff;
border: none; 
border-radius: 8px;
background-color: #000;
box-shadow: 0 0 5px #666;
}
@media (max-width: 767px)
{
#cat_yuma.index .sectionBlock.info .btn.more
{
font-size: 1.3125rem;
}
}
#cat_yuma.index .sectionBlock.info .btn.more:hover
{
transition: background .2s ease-in-out;
}
#cat_yuma.index .sectionBlock.info .btn.more:hover
{
background: #4d4d4d;
}
@media (max-width: 767px)
{
#cat_yuma.index .sectionBlock.info .btn.more
{
font-size: 25px;
font-size: 1.5625rem;
}
}
@media (max-width: 767px) and (max-width: 767px)
{
#cat_yuma.index .sectionBlock.info .btn.more
{
font-size: 1.09375rem;
}
}
@media (min-width: 768px)
{
#cat_yuma.index .sectionBlock.info .btn.more
{
width: 200px;
margin: 2.5rem auto;
padding: .6rem 0;
}
}
#cat_yuma.index .sectionBlock.spotMovie h1
{
font-family: 'freight-sans-pro', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 42px;
font-size: 2.625rem;
font-weight: 500;
padding: .5rem 0;
text-align: center;
letter-spacing: .1rem; 
color: #fff;
background-color: rgba(47, 172, 183, .7);
}
@media (max-width: 767px)
{
#cat_yuma.index .sectionBlock.spotMovie h1
{
font-size: 1.8375rem;
}
}
@media (min-width: 768px)
{
#cat_yuma.index .sectionBlock.spotMovie h1
{
font-size: 60px;
font-size: 3.75rem;
}
}
@media (min-width: 768px) and (max-width: 767px)
{
#cat_yuma.index .sectionBlock.spotMovie h1
{
font-size: 2.625rem;
}
}
#cat_yuma.index .sectionBlock.newRelease
{ }
#cat_yuma.index .sectionBlock.newRelease h1
{
font-family: 'freight-sans-pro', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 42px;
font-size: 2.625rem;
font-weight: 500;
padding: .5rem 0;
text-align: center;
letter-spacing: .1rem; 
color: #fff;
background-color: rgba(47, 172, 183, .7);
}
@media (max-width: 767px)
{
#cat_yuma.index .sectionBlock.newRelease h1
{
font-size: 1.8375rem;
}
}
@media (min-width: 768px)
{
#cat_yuma.index .sectionBlock.newRelease h1
{
font-size: 60px;
font-size: 3.75rem;
}
}
@media (min-width: 768px) and (max-width: 767px)
{
#cat_yuma.index .sectionBlock.newRelease h1
{
font-size: 2.625rem;
}
}
#cat_yuma.index .sectionBlock.newRelease .btn.more
{
font-family: 'freight-sans-pro', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 30px;
font-size: 1.875rem;
font-weight: 500;
line-height: 1.3;
display: block;
width: 110px;
margin: 1.5rem auto;
margin: 1rem auto 0rem; 
padding: .3rem 0;
transition: background .2s ease-in-out;
text-align: center;
letter-spacing: .1rem;
color: #fff;
border: none;
border-radius: 8px;
background-color: #000;
box-shadow: 0 0 5px #666;
}
@media (max-width: 767px)
{
#cat_yuma.index .sectionBlock.newRelease .btn.more
{
font-size: 1.3125rem;
}
}
#cat_yuma.index .sectionBlock.newRelease .btn.more:hover
{
transition: background .2s ease-in-out;
}
#cat_yuma.index .sectionBlock.newRelease .btn.more:hover
{
background: #4d4d4d;
}
@media (max-width: 767px)
{
#cat_yuma.index .sectionBlock.newRelease .btn.more
{
font-size: 25px;
font-size: 1.5625rem;
}
}
@media (max-width: 767px) and (max-width: 767px)
{
#cat_yuma.index .sectionBlock.newRelease .btn.more
{
font-size: 1.09375rem;
}
}
@media (min-width: 768px)
{
#cat_yuma.index .sectionBlock.newRelease .btn.more
{
width: 200px;
margin: 2.5rem auto;
padding: .6rem 0;
}
}
@media (min-width: 768px)
{
#cat_yuma.index .sectionBlock.newRelease .btn.more
{
margin: 1rem auto 0;
}
}
#cat_yuma.index .sectionBlock.discography h1
{
font-family: 'freight-sans-pro', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 42px;
font-size: 2.625rem;
font-weight: 500;
padding: .5rem 0;
text-align: center;
letter-spacing: .1rem; 
color: #fff;
background-color: rgba(47, 172, 183, .7);
}
@media (max-width: 767px)
{
#cat_yuma.index .sectionBlock.discography h1
{
font-size: 1.8375rem;
}
}
@media (min-width: 768px)
{
#cat_yuma.index .sectionBlock.discography h1
{
font-size: 60px;
font-size: 3.75rem;
}
}
@media (min-width: 768px) and (max-width: 767px)
{
#cat_yuma.index .sectionBlock.discography h1
{
font-size: 2.625rem;
}
}
#cat_yuma.index .sectionBlock.discography .tab_menu
{
font-family: 'freight-sans-pro', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 18px;
font-size: 1.125rem;
font-weight: 300;
letter-spacing: .1rem;
color: #fff !important; 
background-color: rgba(47, 172, 183, .7);
}
@media (max-width: 767px)
{
#cat_yuma.index .sectionBlock.discography .tab_menu
{
font-size: .7875rem;
}
}
#cat_yuma.index .sectionBlock.discography .tab_menu ul
{
text-align: center;
}
#cat_yuma.index .sectionBlock.discography .tab_menu ul li
{
display: inline-block; 
padding: 0 .8rem 0;
}
@media (min-width: 768px)
{
#cat_yuma.index .sectionBlock.discography .tab_menu ul li
{
padding: 0 2.0rem 0;
}
}
#cat_yuma.index .sectionBlock.discography .tab_menu ul li a
{
display: inline-block;
padding: .2rem 1px;
transition: color .2s ease-in-out; 
border-bottom: 6px solid transparent;
}
#cat_yuma.index .sectionBlock.discography .tab_menu ul li a:hover
{
transition: color .2s ease-in-out;
}
#cat_yuma.index .sectionBlock.discography .tab_menu ul li a:hover
{
color: white;
}
@media (min-width: 768px)
{
#cat_yuma.index .sectionBlock.discography .tab_menu ul li a
{
padding: .5rem .5rem;
}
}
#cat_yuma.index .sectionBlock.discography .tab_menu ul li.active a
{
border-bottom: 4px solid #fff;
}
@media (min-width: 768px)
{
#cat_yuma.index .sectionBlock.discography .tab_menu ul li.active a
{
border-bottom: 6px solid #fff;
}
}
#cat_yuma.index .sectionBlock.discography .tab_menu a
{
color: #fff !important;
}
@media (min-width: 768px)
{
#cat_yuma.index .sectionBlock.discography .tab_menu
{
font-size: 23px;
font-size: 1.4375rem;
}
}
@media (min-width: 768px) and (max-width: 767px)
{
#cat_yuma.index .sectionBlock.discography .tab_menu
{
font-size: 1.00625rem;
}
}
#cat_yuma.index .sectionBlock.discography .article_wrapper article ul li.tag
{
display: inline-block;
padding: 2px 1rem; 
text-align: center;
color: #fff;
border-radius: 4px;
background: #2e7dff;
}
@media (max-width: 767px)
{
#cat_yuma.index .sectionBlock.discography .article_wrapper article ul li.tag
{
font-size: 12px;
font-size: .75rem;
}
}
@media (max-width: 767px) and (max-width: 767px)
{
#cat_yuma.index .sectionBlock.discography .article_wrapper article ul li.tag
{
font-size: .525rem;
}
}
@media (min-width: 768px)
{
#cat_yuma.index .sectionBlock.discography .article_wrapper article ul li.tag
{
padding: 2px 1.5rem; 
border-radius: 6px;
}
}
#cat_yuma.index .sectionBlock.discography .article_wrapper article ul li.date
{
font-family: 'freight-sans-pro', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 17px;
font-size: 1.0625rem; 
font-weight: 500;
letter-spacing: .1rem;
}
@media (max-width: 767px)
{
#cat_yuma.index .sectionBlock.discography .article_wrapper article ul li.date
{
font-size: .74375rem;
}
}
#cat_yuma.index .sectionBlock.discography .btn.more
{
font-family: 'freight-sans-pro', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 30px;
font-size: 1.875rem;
font-weight: 500;
line-height: 1.3;
display: block;
width: 110px;
margin: 1.5rem auto;
padding: .3rem 0;
transition: background .2s ease-in-out;
text-align: center;
letter-spacing: .1rem;
color: #fff;
border: none; 
border-radius: 8px;
background-color: #000;
box-shadow: 0 0 5px #666;
}
@media (max-width: 767px)
{
#cat_yuma.index .sectionBlock.discography .btn.more
{
font-size: 1.3125rem;
}
}
#cat_yuma.index .sectionBlock.discography .btn.more:hover
{
transition: background .2s ease-in-out;
}
#cat_yuma.index .sectionBlock.discography .btn.more:hover
{
background: #4d4d4d;
}
@media (max-width: 767px)
{
#cat_yuma.index .sectionBlock.discography .btn.more
{
font-size: 25px;
font-size: 1.5625rem;
}
}
@media (max-width: 767px) and (max-width: 767px)
{
#cat_yuma.index .sectionBlock.discography .btn.more
{
font-size: 1.09375rem;
}
}
@media (min-width: 768px)
{
#cat_yuma.index .sectionBlock.discography .btn.more
{
width: 200px;
margin: 2.5rem auto;
padding: .6rem 0;
}
}
#cat_yuma.index .sectionBlock.profile h1
{
font-family: 'freight-sans-pro', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 42px;
font-size: 2.625rem;
font-weight: 500;
padding: .5rem 0;
text-align: center;
letter-spacing: .1rem; 
color: #fff;
background-color: rgba(47, 172, 183, .7);
}
@media (max-width: 767px)
{
#cat_yuma.index .sectionBlock.profile h1
{
font-size: 1.8375rem;
}
}
@media (min-width: 768px)
{
#cat_yuma.index .sectionBlock.profile h1
{
font-size: 60px;
font-size: 3.75rem;
}
}
@media (min-width: 768px) and (max-width: 767px)
{
#cat_yuma.index .sectionBlock.profile h1
{
font-size: 2.625rem;
}
}
#cat_yuma.index .sectionBlock.profile .profile_contents .btn.more
{
font-family: 'freight-sans-pro', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 30px;
font-size: 1.875rem;
font-weight: 500;
line-height: 1.3;
display: block;
width: 110px;
margin: 1.5rem auto;
padding: .3rem 0;
transition: background .2s ease-in-out;
text-align: center;
letter-spacing: .1rem;
color: #fff;
border: none; 
border-radius: 8px;
background-color: #000;
box-shadow: 0 0 5px #666;
}
@media (max-width: 767px)
{
#cat_yuma.index .sectionBlock.profile .profile_contents .btn.more
{
font-size: 1.3125rem;
}
}
#cat_yuma.index .sectionBlock.profile .profile_contents .btn.more:hover
{
transition: background .2s ease-in-out;
}
#cat_yuma.index .sectionBlock.profile .profile_contents .btn.more:hover
{
background: #4d4d4d;
}
@media (max-width: 767px)
{
#cat_yuma.index .sectionBlock.profile .profile_contents .btn.more
{
font-size: 25px;
font-size: 1.5625rem;
}
}
@media (max-width: 767px) and (max-width: 767px)
{
#cat_yuma.index .sectionBlock.profile .profile_contents .btn.more
{
font-size: 1.09375rem;
}
}
@media (min-width: 768px)
{
#cat_yuma.index .sectionBlock.profile .profile_contents .btn.more
{
width: 200px;
margin: 2.5rem auto;
padding: .6rem 0;
}
}
#cat_yuma.info .sectionBlock.info h1
{
font-family: 'freight-sans-pro', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 42px;
font-size: 2.625rem;
font-weight: 500;
padding: .5rem 0 0; 
text-align: center;
letter-spacing: .1rem;
color: #088792;
}
@media (max-width: 767px)
{
#cat_yuma.info .sectionBlock.info h1
{
font-size: 1.8375rem;
}
}
@media (min-width: 768px)
{
#cat_yuma.info .sectionBlock.info h1
{
font-size: 60px;
font-size: 3.75rem;
}
}
@media (min-width: 768px) and (max-width: 767px)
{
#cat_yuma.info .sectionBlock.info h1
{
font-size: 2.625rem;
}
}
#cat_yuma.info .sectionBlock.info .tab_menu
{
font-family: 'freight-sans-pro', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 18px;
font-size: 1.125rem;
font-weight: 300;
letter-spacing: .1rem;
color: #fff !important;
color: #088792 !important;
}
@media (max-width: 767px)
{
#cat_yuma.info .sectionBlock.info .tab_menu
{
font-size: .7875rem;
}
}
#cat_yuma.info .sectionBlock.info .tab_menu ul
{
text-align: center;
}
#cat_yuma.info .sectionBlock.info .tab_menu ul li
{
display: inline-block; 
padding: 0 .8rem 0;
}
@media (min-width: 768px)
{
#cat_yuma.info .sectionBlock.info .tab_menu ul li
{
padding: 0 2.0rem 0;
}
}
#cat_yuma.info .sectionBlock.info .tab_menu ul li a
{
display: inline-block;
padding: .2rem 1px;
transition: color .2s ease-in-out; 
border-bottom: 6px solid transparent;
}
#cat_yuma.info .sectionBlock.info .tab_menu ul li a:hover
{
transition: color .2s ease-in-out;
}
#cat_yuma.info .sectionBlock.info .tab_menu ul li a:hover
{
color: white;
}
@media (min-width: 768px)
{
#cat_yuma.info .sectionBlock.info .tab_menu ul li a
{
padding: .5rem .5rem;
}
}
#cat_yuma.info .sectionBlock.info .tab_menu ul li.active a
{
border-bottom: 4px solid #fff;
}
@media (min-width: 768px)
{
#cat_yuma.info .sectionBlock.info .tab_menu ul li.active a
{
border-bottom: 6px solid #fff;
}
}
#cat_yuma.info .sectionBlock.info .tab_menu a
{
color: #fff !important;
}
@media (min-width: 768px)
{
#cat_yuma.info .sectionBlock.info .tab_menu
{
font-size: 23px;
font-size: 1.4375rem;
}
}
@media (min-width: 768px) and (max-width: 767px)
{
#cat_yuma.info .sectionBlock.info .tab_menu
{
font-size: 1.00625rem;
}
}
#cat_yuma.info .sectionBlock.info .tab_menu ul
{
text-align: center;
}
#cat_yuma.info .sectionBlock.info .tab_menu ul li
{
display: inline-block; 
padding: 0 .8rem 0;
}
@media (min-width: 768px)
{
#cat_yuma.info .sectionBlock.info .tab_menu ul li
{
padding: 0 2.0rem 0;
}
}
#cat_yuma.info .sectionBlock.info .tab_menu ul li a
{
display: inline-block;
padding: .2rem 1px;
transition: color .2s ease-in-out; 
border-bottom: 6px solid transparent;
}
#cat_yuma.info .sectionBlock.info .tab_menu ul li a:hover
{
transition: color .2s ease-in-out;
}
#cat_yuma.info .sectionBlock.info .tab_menu ul li a:hover
{
color: #84c3c9;
}
@media (min-width: 768px)
{
#cat_yuma.info .sectionBlock.info .tab_menu ul li a
{
padding: .5rem .5rem;
}
}
#cat_yuma.info .sectionBlock.info .tab_menu ul li.active a
{
border-bottom: 4px solid #088792;
}
@media (min-width: 768px)
{
#cat_yuma.info .sectionBlock.info .tab_menu ul li.active a
{
border-bottom: 6px solid #088792;
}
}
#cat_yuma.info .sectionBlock.info .tab_menu a
{
color: #088792 !important;
}
#cat_yuma.info .sectionBlock.info .list_wrapper article:first-child a
{
border-top: 1px solid #088792;
}
#cat_yuma.info .sectionBlock.info .list_wrapper article a
{
display: block;
width: 100%;
margin: 0 auto;
padding: .5rem 0; 
border-bottom: 1px solid #848484;
}
#cat_yuma.info .sectionBlock.info .list_wrapper article a::after
{
display: table; 
clear: both;
content: '';
}
@media (min-width: 992px)
{
#cat_yuma.info .sectionBlock.info .list_wrapper article a
{
width: 100%;
padding: 1rem 0;
}
}
#cat_yuma.info .sectionBlock.info .list_wrapper article a ul
{
font-family: 'din-condensed', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-weight: 300;
display: inline-block;
width: 25%;
vertical-align: middle;
letter-spacing: .1rem;
}
@media (min-width: 768px)
{
#cat_yuma.info .sectionBlock.info .list_wrapper article a ul
{
width: 20%;
}
}
@media (min-width: 992px)
{
#cat_yuma.info .sectionBlock.info .list_wrapper article a ul
{
width: 20%;
}
}
#cat_yuma.info .sectionBlock.info .list_wrapper article a ul li
{
text-align: center;
}
#cat_yuma.info .sectionBlock.info .list_wrapper article a ul li.date
{
font-size: 20px;
font-size: 1.25rem;
}
@media (max-width: 767px)
{
#cat_yuma.info .sectionBlock.info .list_wrapper article a ul li.date
{
font-size: .875rem;
}
}
@media (min-width: 768px)
{
#cat_yuma.info .sectionBlock.info .list_wrapper article a ul li
{
margin: 0 auto;
}
}
#cat_yuma.info .sectionBlock.info .list_wrapper article a p
{
font-size: 17px;
font-size: 1.0625rem;
display: inline-block;
width: 70%; 
vertical-align: middle;
}
@media (max-width: 767px)
{
#cat_yuma.info .sectionBlock.info .list_wrapper article a p
{
font-size: .74375rem;
}
}
@media (min-width: 768px)
{
#cat_yuma.info .sectionBlock.info .list_wrapper article a p
{
width: 78%;
}
}
@media (min-width: 992px)
{
#cat_yuma.info .sectionBlock.info .list_wrapper article a p
{
width: 78%;
}
}
#cat_yuma.info .sectionBlock.info .list_wrapper article a p span.state
{
font-family: 'din-condensed', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 14px;
font-size: .875rem;
font-weight: 300;
margin-left: 5px; 
padding: 0 7px;
text-align: center;
letter-spacing: .1rem;
color: #fff;
border-radius: 20px;
background: #e30000;
}
@media (max-width: 767px)
{
#cat_yuma.info .sectionBlock.info .list_wrapper article a p span.state
{
font-size: .6125rem;
}
}
#cat_yuma.info .sectionBlock.info .list_wrapper article a p span.state:hover
{
text-decoration: none;
}
#cat_yuma.info .sectionBlock.info .list_wrapper article a p span.text:hover
{
text-decoration: underline;
}
#cat_yuma.discography .sectionBlock.discography h1
{
font-family: 'freight-sans-pro', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 42px;
font-size: 2.625rem;
font-weight: 500;
padding: .5rem 0 0; 
text-align: center;
letter-spacing: .1rem;
color: #088792;
}
@media (max-width: 767px)
{
#cat_yuma.discography .sectionBlock.discography h1
{
font-size: 1.8375rem;
}
}
@media (min-width: 768px)
{
#cat_yuma.discography .sectionBlock.discography h1
{
font-size: 60px;
font-size: 3.75rem;
}
}
@media (min-width: 768px) and (max-width: 767px)
{
#cat_yuma.discography .sectionBlock.discography h1
{
font-size: 2.625rem;
}
}
#cat_yuma.discography .sectionBlock.discography .tab_menu
{
font-family: 'freight-sans-pro', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 18px;
font-size: 1.125rem;
font-weight: 300;
letter-spacing: .1rem;
color: #fff !important;
color: #088792 !important;
border-bottom: 1px solid #088792;
}
@media (max-width: 767px)
{
#cat_yuma.discography .sectionBlock.discography .tab_menu
{
font-size: .7875rem;
}
}
#cat_yuma.discography .sectionBlock.discography .tab_menu ul
{
text-align: center;
}
#cat_yuma.discography .sectionBlock.discography .tab_menu ul li
{
display: inline-block; 
padding: 0 .8rem 0;
}
@media (min-width: 768px)
{
#cat_yuma.discography .sectionBlock.discography .tab_menu ul li
{
padding: 0 2.0rem 0;
}
}
#cat_yuma.discography .sectionBlock.discography .tab_menu ul li a
{
display: inline-block;
padding: .2rem 1px;
transition: color .2s ease-in-out; 
border-bottom: 6px solid transparent;
}
#cat_yuma.discography .sectionBlock.discography .tab_menu ul li a:hover
{
transition: color .2s ease-in-out;
}
#cat_yuma.discography .sectionBlock.discography .tab_menu ul li a:hover
{
color: white;
}
@media (min-width: 768px)
{
#cat_yuma.discography .sectionBlock.discography .tab_menu ul li a
{
padding: .5rem .5rem;
}
}
#cat_yuma.discography .sectionBlock.discography .tab_menu ul li.active a
{
border-bottom: 4px solid #fff;
}
@media (min-width: 768px)
{
#cat_yuma.discography .sectionBlock.discography .tab_menu ul li.active a
{
border-bottom: 6px solid #fff;
}
}
#cat_yuma.discography .sectionBlock.discography .tab_menu a
{
color: #fff !important;
}
@media (min-width: 768px)
{
#cat_yuma.discography .sectionBlock.discography .tab_menu
{
font-size: 23px;
font-size: 1.4375rem;
}
}
@media (min-width: 768px) and (max-width: 767px)
{
#cat_yuma.discography .sectionBlock.discography .tab_menu
{
font-size: 1.00625rem;
}
}
#cat_yuma.discography .sectionBlock.discography .tab_menu ul
{
text-align: center;
}
#cat_yuma.discography .sectionBlock.discography .tab_menu ul li
{
display: inline-block; 
padding: 0 .8rem 0;
}
@media (min-width: 768px)
{
#cat_yuma.discography .sectionBlock.discography .tab_menu ul li
{
padding: 0 2.0rem 0;
}
}
#cat_yuma.discography .sectionBlock.discography .tab_menu ul li a
{
display: inline-block;
padding: .2rem 1px;
transition: color .2s ease-in-out; 
border-bottom: 6px solid transparent;
}
#cat_yuma.discography .sectionBlock.discography .tab_menu ul li a:hover
{
transition: color .2s ease-in-out;
}
#cat_yuma.discography .sectionBlock.discography .tab_menu ul li a:hover
{
color: #84c3c9;
}
@media (min-width: 768px)
{
#cat_yuma.discography .sectionBlock.discography .tab_menu ul li a
{
padding: .5rem .5rem;
}
}
#cat_yuma.discography .sectionBlock.discography .tab_menu ul li.active a
{
border-bottom: 4px solid #088792;
}
@media (min-width: 768px)
{
#cat_yuma.discography .sectionBlock.discography .tab_menu ul li.active a
{
border-bottom: 6px solid #088792;
}
}
#cat_yuma.discography .sectionBlock.discography .tab_menu a
{
color: #088792 !important;
}
#cat_yuma.discography .sectionBlock.discography .article_wrapper article ul li.tag
{
display: inline-block;
padding: 2px 1rem; 
text-align: center;
color: #fff;
border-radius: 4px;
background: #2e7dff;
}
@media (max-width: 767px)
{
#cat_yuma.discography .sectionBlock.discography .article_wrapper article ul li.tag
{
font-size: 12px;
font-size: .75rem;
}
}
@media (max-width: 767px) and (max-width: 767px)
{
#cat_yuma.discography .sectionBlock.discography .article_wrapper article ul li.tag
{
font-size: .525rem;
}
}
@media (min-width: 768px)
{
#cat_yuma.discography .sectionBlock.discography .article_wrapper article ul li.tag
{
padding: 2px 1.5rem; 
border-radius: 6px;
}
}
#cat_yuma.discography .sectionBlock.discography .article_wrapper article ul li.date
{
font-family: 'freight-sans-pro', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 17px;
font-size: 1.0625rem; 
font-weight: 500;
letter-spacing: .1rem;
}
@media (max-width: 767px)
{
#cat_yuma.discography .sectionBlock.discography .article_wrapper article ul li.date
{
font-size: .74375rem;
}
}
#cat_yuma.profile .sectionBlock.profile h1
{
font-family: 'freight-sans-pro', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 42px;
font-size: 2.625rem;
font-weight: 500;
padding: .5rem 0 0; 
text-align: center;
letter-spacing: .1rem;
color: #088792;
}
@media (max-width: 767px)
{
#cat_yuma.profile .sectionBlock.profile h1
{
font-size: 1.8375rem;
}
}
@media (min-width: 768px)
{
#cat_yuma.profile .sectionBlock.profile h1
{
font-size: 60px;
font-size: 3.75rem;
}
}
@media (min-width: 768px) and (max-width: 767px)
{
#cat_yuma.profile .sectionBlock.profile h1
{
font-size: 2.625rem;
}
}
#cat_yuma.profile .sectionBlock.profile .text dl dd
{
font-family: 'freight-sans-pro', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-weight: 500;
letter-spacing: .1rem;
}
#cat_yuma.profile .sectionBlock.profile .text dl dd span
{
font-family: 'freight-sans-pro', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-weight: 300;
line-height: 1.5; 
letter-spacing: .1rem;
}
@media (min-width: 992px)
{
#cat_yuma.profile .sectionBlock.profile .text dl dd span
{
line-height: 2.0;
}
}
#cat_yuma .more
{
font-family: 'freight-sans-pro', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 30px;
font-size: 1.875rem;
font-weight: 500;
line-height: 1.3;
display: block;
width: 110px;
margin: 1.5rem auto;
padding: .3rem 0;
transition: background .2s ease-in-out;
text-align: center;
letter-spacing: .1rem;
color: #fff;
border: none; 
border-radius: 8px;
background-color: #000;
box-shadow: 0 0 5px #666;
}
@media (max-width: 767px)
{
#cat_yuma .more
{
font-size: 1.3125rem;
}
}
#cat_yuma .more:hover
{
transition: background .2s ease-in-out;
}
#cat_yuma .more:hover
{
background: #4d4d4d;
}
@media (max-width: 767px)
{
#cat_yuma .more
{
font-size: 25px;
font-size: 1.5625rem;
}
}
@media (max-width: 767px) and (max-width: 767px)
{
#cat_yuma .more
{
font-size: 1.09375rem;
}
}
@media (min-width: 768px)
{
#cat_yuma .more
{
width: 200px;
margin: 2.5rem auto;
padding: .6rem 0;
}
}
#cat_yuma .tag
{
display: inline-block;
padding: 2px 1rem; 
text-align: center;
color: #fff;
border-radius: 4px;
background: #2e7dff;
}
@media (max-width: 767px)
{
#cat_yuma .tag
{
font-size: 12px;
font-size: .75rem;
}
}
@media (max-width: 767px) and (max-width: 767px)
{
#cat_yuma .tag
{
font-size: .525rem;
}
}
@media (min-width: 768px)
{
#cat_yuma .tag
{
padding: 2px 1.5rem; 
border-radius: 6px;
}
}
#cat_yuma .date
{
font-family: 'freight-sans-pro', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-weight: 500;
letter-spacing: .1rem;
}
#cat_news .icon_sp_menu
{
position: fixed;
z-index: 99; 
top: 12px;
right: 15px;
cursor: pointer;
}
#cat_news .icon_sp_menu svg
{
z-index: 9999;
width: 20px;
height: 20px;
fill: #fff;
}
@media (min-width: 768px)
{
#cat_news .icon_sp_menu svg
{
width: 20px; 
height: 20px;
}
}
#cat_news .icon_sp_menu.color_black svg
{
fill: #000;
}
#cat_news .globalNavi_sp
{
position: absolute;
z-index: 100; 
top: 0;
right: 0;
display: none;
width: 100%;
}
#cat_news .globalNavi_sp.on
{
display: block;
}
#cat_news .globalNavi_sp .navi_contents
{
font-family: 'din-condensed', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-weight: 300;
position: absolute;
z-index: 2;
top: 0;
top: 0;
right: -220px;
width: 220px;
height: 100%;
transition: margin-left .5s ease-out;
letter-spacing: .1rem; 
background: rgba(50, 50, 50, .9);
}
#cat_news .globalNavi_sp .navi_contents .icon_close
{
position: relative;
cursor: pointer;
}
#cat_news .globalNavi_sp .navi_contents .icon_close svg
{
position: absolute;
z-index: 2;
top: 12px;
right: 15px;
width: 20px; 
height: 20px;
fill: #848484;
}
#cat_news .globalNavi_sp .navi_contents h1
{
font-size: 1.1rem;
padding: .8rem 0;
text-align: center;
color: #848484;
background: rgba(50, 50, 50, .9);
}
#cat_news .globalNavi_sp .navi_contents h1.jwest
{
font-size: 1.0rem; 
padding: .8rem 0 .8rem .5rem;
text-align: left;
}
#cat_news .globalNavi_sp .navi_contents ul
{
text-align: center;
}
#cat_news .globalNavi_sp .navi_contents ul li
{
font-size: 1rem;
}
#cat_news .globalNavi_sp .navi_contents ul.artist_globalNavi li
{
border-bottom: none; 
background: #fff;
}
#cat_news .globalNavi_sp .navi_contents ul.artist_globalNavi li a
{
display: block;
padding: .5rem 0;
}
#cat_news .globalNavi_sp .navi_contents ul.artist_globalNavi li:nth-child(2n)
{
background: #f6f6f6;
}
#cat_news .globalNavi_sp .navi_contents ul.artist_globalNavi li.category
{
font-family: 'din-condensed', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 1.3rem;
font-weight: 400;
letter-spacing: .1rem;
}
#cat_news .globalNavi_sp .navi_contents ul.artist_globalNavi li.category a
{
position: relative; 
display: block;
padding: 0 0;
}
#cat_news .globalNavi_sp .navi_contents ul.artist_globalNavi li.category a .img_bg
{
width: 100%;
height: 150px; 
background-position: center top;
background-size: cover;
}
#cat_news .globalNavi_sp .navi_contents ul.artist_globalNavi li.category a p
{
position: absolute;
bottom: 0;
left: 0;
width: 100%; 
padding: .25rem;
text-align: center;
background: rgba(255, 255, 255, .8);
}
#cat_news .globalNavi_sp .navi_contents ul.artist_globalNavi li.active a
{
color: #ccc;
}
#cat_news .globalNavi_sp .navi_contents ul.global
{
border-top: 2px solid #848484;
}
#cat_news .globalNavi_sp .navi_contents ul.global li a
{
display: block;
padding: .5rem 0;
color: #fff;
border-bottom: 2px solid #848484;
}
#cat_news .globalNavi_sp .navi_contents ul.artists
{
margin-top: 2rem;
}
#cat_news .globalNavi_sp .navi_contents ul.artists li
{
margin: 0 0 .8rem 0;
background-position: center top;
background-size: cover;
}
#cat_news .globalNavi_sp .navi_contents ul.artists li a
{
position: relative;
display: block;
width: 220px; 
height: 110px;
}
#cat_news .globalNavi_sp .navi_contents ul.artists li a img
{
width: 100%; 
height: auto;
}
#cat_news .globalNavi_sp .navi_contents ul.artists li a p
{
position: absolute;
bottom: 0;
left: 0;
width: 100%; 
padding: .25rem;
text-align: center;
background: rgba(255, 255, 255, .8);
}
#cat_news .globalNavi_sp .navi_contents ul.artists li a p.font_ja
{
font-size: .8rem;
}
#cat_news .globalNavi_sp .navi_contents ul.artists li a p span.font_ja
{
font-size: .9rem;
}
#cat_news .globalNavi
{
z-index: 98;
padding: 30px 0;
background: #fff;
box-shadow: -10px 20px 20px rgba(0, 0, 0, .5);
}
#cat_news .globalNavi > ul
{
width: 100%;
margin: 0 auto;
}
@media (min-width: 992px)
{
#cat_news .globalNavi > ul
{
width: 940px;
}
}
#cat_news .globalNavi > ul li
{
font-family: 'din-condensed', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 20px;
font-size: 1.25rem; 
font-weight: 300;
display: inline-block;
margin: 0 5px;
letter-spacing: .1rem;
}
@media (max-width: 767px)
{
#cat_news .globalNavi > ul li
{
font-size: .875rem;
}
}
#cat_news .globalNavi > ul li .font_ja
{
font-size: 18px;
font-size: 1.125rem;
}
@media (max-width: 767px)
{
#cat_news .globalNavi > ul li .font_ja
{
font-size: .7875rem;
}
}
#cat_news .globalNavi > ul li a
{
line-height: 1;
display: block;
padding: 2px 2px 0 4px;
transition: background-color .2s linear, color .2s linear; 
color: #000;
}
#cat_news .globalNavi > ul li a:hover
{
color: #fff; 
background-color: #4564a1;
}
#cat_news .globalNavi > ul li.active
{
background: #4564a1;
}
#cat_news .globalNavi > ul li.active a
{
display: block; 
color: #fff;
}
#cat_news .globalNavi > ul li.artists
{
font-size: 15px;
font-size: .9375rem;
line-height: 1.3; 
padding-left: 20px;
}
@media (max-width: 767px)
{
#cat_news .globalNavi > ul li.artists
{
font-size: .65625rem;
}
}
#cat_news .globalNavi .menu_wrapper
{
position: relative;
width: 100%; 
margin: 0 auto;
}
@media (min-width: 992px)
{
#cat_news .globalNavi .menu_wrapper
{
width: 860px;
}
}
#cat_news .globalNavi .menu_wrapper p.menu
{
font-family: 'din-condensed', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 15px;
font-size: .9375rem;
font-weight: 300;
position: absolute;
top: -30px;
right: -60px; 
letter-spacing: .1rem;
}
@media (max-width: 767px)
{
#cat_news .globalNavi .menu_wrapper p.menu
{
font-size: .65625rem;
}
}
#cat_news .globalNavi .menu_wrapper p.menu .icon_arrow
{
position: relative; 
display: inline-block;
}
#cat_news .globalNavi .menu_wrapper p.menu .icon_arrow:after
{
position: absolute;
top: 33%;
right: -12px;
display: inline-block;
width: 0;
height: 0;
content: '';
border-top: 8px solid #4564a1; 
border-right: 4px solid transparent;
border-left: 4px solid transparent;
}
#cat_news .globalNavi .menu_wrapper p.menu .icon_arrow:hover
{
color: #7d93bd;
}
#cat_news .globalNavi .menu_wrapper p.menu a
{
display: block;
width: 180px;
padding: 10px 0; 
text-align: center;
}
#cat_news .globalNavi .menu_wrapper .menu_contents
{
font-family: 'din-condensed', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-weight: 300;
position: absolute;
z-index: 10;
top: 10px;
right: -60px;
display: none; 
text-align: center;
letter-spacing: .1rem;
box-shadow: 0 10px 10px rgba(0, 0, 0, .1);
}
#cat_news .globalNavi .menu_wrapper .menu_contents ul
{
width: 180px;
background: #f6f6f6;
}
#cat_news .globalNavi .menu_wrapper .menu_contents ul li
{
font-size: 15px;
font-size: .9375rem;
display: block;
background: #fff;
}
@media (max-width: 767px)
{
#cat_news .globalNavi .menu_wrapper .menu_contents ul li
{
font-size: .65625rem;
}
}
#cat_news .globalNavi .menu_wrapper .menu_contents ul li a
{
display: block;
padding: 5px 0;
transition: background .2s ease-in-out; 
border-top: 1px solid #c1c1c1;
background: #fff;
}
#cat_news .globalNavi .menu_wrapper .menu_contents ul li a:hover
{
transition: background .2s ease-in-out;
}
#cat_news .globalNavi .menu_wrapper .menu_contents ul li a .font_ja
{
font-size: 14px;
font-size: .875rem;
}
@media (max-width: 767px)
{
#cat_news .globalNavi .menu_wrapper .menu_contents ul li a .font_ja
{
font-size: .6125rem;
}
}
#cat_news .globalNavi .menu_wrapper .menu_contents ul li a:hover
{
color: #fff; 
background: #4564a1;
}
#cat_news .globalNavi .menu_wrapper .menu_contents ul li.artists
{
font-size: 14px;
font-size: .875rem;
padding: 1rem 0 .7rem 0; 
background: #f6f6f6;
}
@media (max-width: 767px)
{
#cat_news .globalNavi .menu_wrapper .menu_contents ul li.artists
{
font-size: .6125rem;
}
}
#cat_news .globalNavi .menu_wrapper .menu_contents ul li.artist a
{
border-top: none; 
background: #f6f6f6;
}
#cat_news .globalNavi .menu_wrapper .menu_contents ul li.artist a:hover
{
color: #fff; 
background: #4564a1;
}
#cat_news .globalNavi .menu_wrapper .menu_contents ul li.active a
{
color: #fff; 
background: #4564a1;
}
#cat_news .sectionBlock.artist h1
{
font-family: 'nimbus-sans-condensed', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 42px;
font-size: 2.625rem;
font-weight: 400;
font-style: italic;
margin-bottom: 1rem; 
padding: .5rem 0;
text-align: center;
letter-spacing: .1rem;
color: #000;
background-color: rgba(149, 154, 168, .3);
}
@media (max-width: 767px)
{
#cat_news .sectionBlock.artist h1
{
font-size: 1.8375rem;
}
}
@media (min-width: 768px)
{
#cat_news .sectionBlock.artist h1
{
font-size: 60px;
font-size: 3.75rem;
}
}
@media (min-width: 768px) and (max-width: 767px)
{
#cat_news .sectionBlock.artist h1
{
font-size: 2.625rem;
}
}
#cat_news .sectionBlock.artist .artist_contents
{
position: relative;
padding: .5rem 0;
}
@media (min-width: 768px)
{
#cat_news .sectionBlock.artist .artist_contents
{
padding: 2rem 0;
}
}
#cat_news .sectionBlock.artist .artist_contents ul
{
width: 100%;
margin: 0 auto;
}
@media (min-width: 992px)
{
#cat_news .sectionBlock.artist .artist_contents ul
{
width: 860px;
}
}
#cat_news .sectionBlock.artist .artist_contents ul li
{
font-family: 'din-condensed', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 26px;
font-size: 1.625rem;
font-weight: 300;
display: inline-block; 
width: 33%;
text-align: center;
letter-spacing: .1rem;
}
@media (max-width: 767px)
{
#cat_news .sectionBlock.artist .artist_contents ul li
{
font-size: 1.1375rem;
}
}
@media (min-width: 768px)
{
#cat_news .sectionBlock.artist .artist_contents ul li
{
font-size: 30px;
font-size: 1.875rem;
}
}
@media (min-width: 768px) and (max-width: 767px)
{
#cat_news .sectionBlock.artist .artist_contents ul li
{
font-size: 1.3125rem;
}
}
#cat_news .sectionBlock.artist .artist_contents ul li.narrow
{
width: 25%;
}
#cat_news .sectionBlock.artist .artist_contents ul li .font_ja
{
font-size: 20px;
font-size: 1.25rem;
line-height: 1.8;
}
@media (max-width: 767px)
{
#cat_news .sectionBlock.artist .artist_contents ul li .font_ja
{
font-size: .875rem;
}
}
@media (min-width: 768px)
{
#cat_news .sectionBlock.artist .artist_contents ul li .font_ja
{
font-size: 26px;
font-size: 1.625rem;
}
}
@media (min-width: 768px) and (max-width: 767px)
{
#cat_news .sectionBlock.artist .artist_contents ul li .font_ja
{
font-size: 1.1375rem;
}
}
#cat_news .sectionBlock.artist .artist_contents ul li a:hover
{
color: #666;
}
#cat_news .sectionBlock.artist .artist_contents .pageTop
{
font-size: 40px;
font-size: 2.5rem;
line-height: 1.3;
display: block;
width: 110px;
margin: 1rem auto .5rem; 
padding: 0;
transition: background .2s ease-in-out;
text-align: center;
color: #000;
border: none;
border-radius: 40px;
background-color: #fff;
box-shadow: 0 0 10px #b3b3b3;
}
#cat_news .sectionBlock.artist .artist_contents .pageTop:hover
{
transition: background .2s ease-in-out;
}
@media (max-width: 767px)
{
#cat_news .sectionBlock.artist .artist_contents .pageTop
{
font-size: 1.75rem;
}
}
#cat_news .sectionBlock.artist .artist_contents .pageTop:hover
{
background: #b3b3b3;
}
@media (min-width: 768px)
{
#cat_news .sectionBlock.artist .artist_contents .pageTop
{
width: 190px;
margin: 2.5rem auto 0;
padding: .2rem 0 0;
}
}
#cat_news .sectionBlock.artist .artist_contents .pageTop svg
{
width: 18px; 
height: 18px;
}
@media (min-width: 768px)
{
#cat_news .sectionBlock.artist .artist_contents .pageTop svg
{
width: 34px; 
height: 34px;
}
}
@media (min-width: 768px)
{
#cat_news .sectionBlock.artist .artist_contents .pageTop
{
margin: 2.5rem auto 0;
}
}
#cat_news footer
{
padding: 1rem; 
text-align: center;
color: #000;
background: #fff;
}
@media (min-width: 768px)
{
#cat_news footer
{
padding: 3rem 0;
}
}
#cat_news footer a
{
text-decoration: none; 
color: #000;
}
#cat_news footer a:hover
{
text-decoration: underline;
}
#cat_news footer ul.sns
{
margin-bottom: .5rem; 
text-align: center;
}
@media (min-width: 768px)
{
#cat_news footer ul.sns
{
margin-bottom: 1rem;
}
}
#cat_news footer ul.sns li
{
display: inline-block;
margin: 0 5px;
}
#cat_news footer ul.sns li svg
{
width: 22px; 
height: 22px;
transition: opacity .2s ease-in-out;
opacity: 1;
fill: #000;
}
#cat_news footer ul.sns li svg:hover
{
transition: opacity .2s ease-in-out;
}
#cat_news footer ul.sns li svg:hover
{
opacity: .7;
}
@media (min-width: 768px)
{
#cat_news footer ul.sns li svg
{
width: 30px; 
height: 30px;
}
}
#cat_news footer .terms
{
font-size: 14px;
font-size: .875rem;
margin-bottom: .5rem;
}
@media (max-width: 767px)
{
#cat_news footer .terms
{
font-size: .6125rem;
}
}
@media (min-width: 768px)
{
#cat_news footer .terms
{
margin-bottom: 1rem;
}
}
#cat_news footer .copyright
{
font-family: 'din-condensed', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-weight: 300;
letter-spacing: .1rem;
}
@media (max-width: 767px)
{
#cat_news footer .copyright
{
font-size: 12px;
font-size: .75rem;
}
}
@media (max-width: 767px) and (max-width: 767px)
{
#cat_news footer .copyright
{
font-size: .525rem;
}
}
#cat_news.pages
{
background-color: #e3e7ea;
background-image: url(//www.jehp.jp/wp-content/themes/je/images/news/bg.jpg);
background-size: 500px auto;
}
@media (min-width: 768px)
{
#cat_news.pages
{
background-size: 900px auto;
}
}
@media (min-width: 768px)
{
#cat_news.pages
{
background-image: url(//www.jehp.jp/wp-content/themes/je/images/news/bg.jpg);
}
}
#cat_news.pages .page_wrapper .page_inner
{
background-image: url(//www.jehp.jp/wp-content/themes/je/images/common/bg_dot_sp.png);
}
#cat_news.pages .main_visual .triangle_wrapper .logo
{
position: absolute;
z-index: 999; 
top: 10px;
left: 10px;
}
@media (min-width: 992px)
{
#cat_news.pages .main_visual .triangle_wrapper .logo
{
position: absolute;
top: 20px;
left: 20px;
}
}
#cat_news.pages .main_visual .triangle_wrapper .logo img
{
width: 50px; 
height: auto;
}
@media (min-width: 992px)
{
#cat_news.pages .main_visual .triangle_wrapper .logo img
{
width: 100px; 
height: auto;
}
}
#cat_news.pages .main_visual .triangle_wrapper .triangle
{
position: absolute;
width: 200px;
height: 200px;
transform: rotate(-40deg) translateY(-150px) translateX(0px);
background: #4564a1;
box-shadow: -10px 15px 20px rgba(0, 0, 0, .2);
}
@media (min-width: 992px)
{
#cat_news.pages .main_visual .triangle_wrapper .triangle
{
width: 400px;
height: 400px;
transform: rotate(-40deg) translateY(-310px) translateX(0px);
box-shadow: -10px 20px 20px rgba(0, 0, 0, .2);
}
}
#cat_news.pages .artistName
{
font-family: 'nimbus-sans-condensed', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 60px;
font-size: 3.75rem;
font-weight: 400;
letter-spacing: .1rem;
}
@media (max-width: 767px)
{
#cat_news.pages .artistName
{
font-size: 2.625rem;
}
}
#cat_news.pages .btn.back
{
font-family: 'nimbus-sans-condensed', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 30px;
font-size: 1.875rem;
font-weight: 400;
line-height: 35px;
display: block;
width: 120px;
height: 38px;
margin: 1.5rem auto; 
transition: background .2s ease-in-out;
text-align: center;
letter-spacing: .1rem;
color: #fff;
border: none;
background: url(//www.jehp.jp/wp-content/themes/je/images/news/btn.png) no-repeat;
background-size: 120px auto;
}
@media (max-width: 767px)
{
#cat_news.pages .btn.back
{
font-size: 1.3125rem;
}
}
#cat_news.pages .btn.back:hover
{
transition: background .2s ease-in-out;
}
#cat_news.pages .btn.back:hover
{
background: url(//www.jehp.jp/wp-content/themes/je/images/news/btn_hover.png) no-repeat;
background-size: 120px auto;
}
@media (min-width: 768px)
{
#cat_news.pages .btn.back
{
line-height: 60px;
width: 200px;
height: 60px;
background: url(//www.jehp.jp/wp-content/themes/je/images/news/btn.png) no-repeat;
}
#cat_news.pages .btn.back:hover
{
background: url(//www.jehp.jp/wp-content/themes/je/images/news/btn_hover.png) no-repeat;
}
}
@media (min-width: 768px)
{
#cat_news.pages .btn.back
{
margin: 2.5rem auto;
}
}
#cat_news.page_details .sectionBlock.page_contents h1
{
font-family: 'nimbus-sans-condensed', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 42px;
font-size: 2.625rem;
font-weight: 400;
font-style: italic;
padding: .5rem 0 0; 
text-align: center;
letter-spacing: .1rem;
color: #4564a1;
}
@media (max-width: 767px)
{
#cat_news.page_details .sectionBlock.page_contents h1
{
font-size: 1.8375rem;
}
}
@media (min-width: 768px)
{
#cat_news.page_details .sectionBlock.page_contents h1
{
font-size: 60px;
font-size: 3.75rem;
}
}
@media (min-width: 768px) and (max-width: 767px)
{
#cat_news.page_details .sectionBlock.page_contents h1
{
font-size: 2.625rem;
}
}
#cat_news.page_details .sectionBlock.page_contents .font_news
{
font-family: 'nimbus-sans-condensed', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-weight: 400;
letter-spacing: .1rem;
}
#cat_news.page_details .sectionBlock.page_contents .article_wrapper article ul li.tag
{
display: inline-block;
padding: 2px 1rem; 
text-align: center;
color: #fff;
border-radius: 4px;
background: #4564a1;
}
@media (max-width: 767px)
{
#cat_news.page_details .sectionBlock.page_contents .article_wrapper article ul li.tag
{
font-size: 12px;
font-size: .75rem;
}
}
@media (max-width: 767px) and (max-width: 767px)
{
#cat_news.page_details .sectionBlock.page_contents .article_wrapper article ul li.tag
{
font-size: .525rem;
}
}
@media (min-width: 768px)
{
#cat_news.page_details .sectionBlock.page_contents .article_wrapper article ul li.tag
{
padding: 2px 1.5rem; 
border-radius: 6px;
}
}
#cat_news.page_details .sectionBlock.page_contents .article_wrapper article ul li.date
{
font-family: 'nimbus-sans-condensed', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 17px;
font-size: 1.0625rem; 
font-weight: 400;
letter-spacing: .1rem;
}
@media (max-width: 767px)
{
#cat_news.page_details .sectionBlock.page_contents .article_wrapper article ul li.date
{
font-size: .74375rem;
}
}
#cat_news.page_details .sectionBlock.page_contents .article_wrapper article ul li.name
{
font-family: 'nimbus-sans-condensed', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-weight: 700;
letter-spacing: .1rem;
}
#cat_news.page_details .sectionBlock.page_contents .btn.sample
{
font-family: 'nimbus-sans-condensed', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 15px;
font-size: .9375rem;
font-weight: 400;
line-height: 22px;
width: 75px;
height: 23px;
padding: 0 0 0 20px;
transition: background .2s ease-in-out; 
text-align: center;
letter-spacing: .1rem;
color: #fff;
border: none;
background: url(//www.jehp.jp/wp-content/themes/je/images/news/btn.png) no-repeat;
background-size: 75px auto;
}
@media (max-width: 767px)
{
#cat_news.page_details .sectionBlock.page_contents .btn.sample
{
font-size: .65625rem;
}
}
#cat_news.page_details .sectionBlock.page_contents .btn.sample:hover
{
transition: background .2s ease-in-out;
}
#cat_news.page_details .sectionBlock.page_contents .btn.sample:hover
{
background: url(//www.jehp.jp/wp-content/themes/je/images/news/btn_hover.png) no-repeat;
background-size: 75px auto;
}
@media (min-width: 768px)
{
#cat_news.page_details .sectionBlock.page_contents .btn.sample
{
font-size: 15px;
font-size: .9375rem;
line-height: 37px;
width: 118px;
height: 35px;
transition: background .2s ease-in-out; 
background: url(//www.jehp.jp/wp-content/themes/je/images/news/btn.png) no-repeat;
background-size: 118px auto;
}
}
@media (min-width: 768px) and (max-width: 767px)
{
#cat_news.page_details .sectionBlock.page_contents .btn.sample
{
font-size: .65625rem;
}
}
@media (min-width: 768px)
{
#cat_news.page_details .sectionBlock.page_contents .btn.sample:hover
{
transition: background .2s ease-in-out;
}
#cat_news.page_details .sectionBlock.page_contents .btn.sample:hover
{
background: url(//www.jehp.jp/wp-content/themes/je/images/news/btn_hover.png) no-repeat;
background-size: 118px auto;
}
}
@media (max-width: 767px)
{
#cat_news.page_details .sectionBlock.page_contents .btn-sound:before
{
left: 9px; 
height: 13px;
}
}
#cat_news.index
{
background-image: url(//www.jehp.jp/wp-content/themes/je/images/news/bg.jpg);
background-size: 400px auto;
}
@media (min-width: 768px)
{
#cat_news.index
{
background-size: auto;
}
}
#cat_news.index .artistName
{
font-family: 'nimbus-sans-condensed', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 110px;
font-size: 6.875rem;
font-weight: 700;
letter-spacing: .1rem;
}
@media (max-width: 767px)
{
#cat_news.index .artistName
{
font-size: 4.8125rem;
}
}
#cat_news.index .sectionBlock.info h1
{
font-family: 'nimbus-sans-condensed', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 42px;
font-size: 2.625rem;
font-weight: 400;
font-style: italic; 
padding: .5rem 0;
text-align: center;
letter-spacing: .1rem;
color: #000;
background-color: rgba(149, 154, 168, .3);
}
@media (max-width: 767px)
{
#cat_news.index .sectionBlock.info h1
{
font-size: 1.8375rem;
}
}
@media (min-width: 768px)
{
#cat_news.index .sectionBlock.info h1
{
font-size: 60px;
font-size: 3.75rem;
}
}
@media (min-width: 768px) and (max-width: 767px)
{
#cat_news.index .sectionBlock.info h1
{
font-size: 2.625rem;
}
}
#cat_news.index .sectionBlock.info .tab_menu
{
font-family: 'nimbus-sans-condensed', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 18px;
font-size: 1.125rem;
font-weight: 400;
letter-spacing: .1rem;
color: #000 !important; 
background-color: rgba(149, 154, 168, .3);
}
@media (max-width: 767px)
{
#cat_news.index .sectionBlock.info .tab_menu
{
font-size: .7875rem;
}
}
#cat_news.index .sectionBlock.info .tab_menu ul
{
text-align: center;
}
#cat_news.index .sectionBlock.info .tab_menu ul li
{
display: inline-block; 
padding: 0 .8rem 0;
}
@media (min-width: 768px)
{
#cat_news.index .sectionBlock.info .tab_menu ul li
{
padding: 0 2.0rem 0;
}
}
#cat_news.index .sectionBlock.info .tab_menu ul li a
{
display: inline-block;
padding: .2rem 1px;
transition: color .2s ease-in-out; 
border-bottom: 6px solid transparent;
}
#cat_news.index .sectionBlock.info .tab_menu ul li a:hover
{
transition: color .2s ease-in-out;
}
#cat_news.index .sectionBlock.info .tab_menu ul li a:hover
{
color: gray;
}
@media (min-width: 768px)
{
#cat_news.index .sectionBlock.info .tab_menu ul li a
{
padding: .5rem .5rem;
}
}
#cat_news.index .sectionBlock.info .tab_menu ul li.active a
{
border-bottom: 4px solid #000;
}
@media (min-width: 768px)
{
#cat_news.index .sectionBlock.info .tab_menu ul li.active a
{
border-bottom: 6px solid #000;
}
}
#cat_news.index .sectionBlock.info .tab_menu a
{
color: #000 !important;
}
@media (min-width: 768px)
{
#cat_news.index .sectionBlock.info .tab_menu
{
font-size: 23px;
font-size: 1.4375rem;
}
}
@media (min-width: 768px) and (max-width: 767px)
{
#cat_news.index .sectionBlock.info .tab_menu
{
font-size: 1.00625rem;
}
}
#cat_news.index .sectionBlock.info .list_wrapper article:first-child a
{
border-top: 1px solid #4564a1;
}
#cat_news.index .sectionBlock.info .list_wrapper article a
{
display: block;
width: 100%;
margin: 0 auto;
padding: .5rem 0; 
border-bottom: 1px solid #848484;
}
#cat_news.index .sectionBlock.info .list_wrapper article a::after
{
display: table; 
clear: both;
content: '';
}
@media (min-width: 992px)
{
#cat_news.index .sectionBlock.info .list_wrapper article a
{
width: 860px;
padding: 1rem 0;
}
}
#cat_news.index .sectionBlock.info .list_wrapper article a ul
{
font-family: 'din-condensed', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-weight: 300;
display: inline-block;
width: 25%;
vertical-align: middle;
letter-spacing: .1rem;
}
@media (min-width: 768px)
{
#cat_news.index .sectionBlock.info .list_wrapper article a ul
{
width: 20%;
}
}
@media (min-width: 992px)
{
#cat_news.index .sectionBlock.info .list_wrapper article a ul
{
width: 20%;
}
}
#cat_news.index .sectionBlock.info .list_wrapper article a ul li
{
text-align: center;
}
#cat_news.index .sectionBlock.info .list_wrapper article a ul li.date
{
font-size: 20px;
font-size: 1.25rem;
}
@media (max-width: 767px)
{
#cat_news.index .sectionBlock.info .list_wrapper article a ul li.date
{
font-size: .875rem;
}
}
@media (min-width: 768px)
{
#cat_news.index .sectionBlock.info .list_wrapper article a ul li
{
margin: 0 auto;
}
}
#cat_news.index .sectionBlock.info .list_wrapper article a p
{
font-size: 17px;
font-size: 1.0625rem;
display: inline-block;
width: 70%; 
vertical-align: middle;
}
@media (max-width: 767px)
{
#cat_news.index .sectionBlock.info .list_wrapper article a p
{
font-size: .74375rem;
}
}
@media (min-width: 768px)
{
#cat_news.index .sectionBlock.info .list_wrapper article a p
{
width: 78%;
}
}
@media (min-width: 992px)
{
#cat_news.index .sectionBlock.info .list_wrapper article a p
{
width: 78%;
}
}
#cat_news.index .sectionBlock.info .list_wrapper article a p span.state
{
font-family: 'din-condensed', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 14px;
font-size: .875rem;
font-weight: 300;
margin-left: 5px; 
padding: 0 7px;
text-align: center;
letter-spacing: .1rem;
color: #fff;
border-radius: 20px;
background: #e30000;
}
@media (max-width: 767px)
{
#cat_news.index .sectionBlock.info .list_wrapper article a p span.state
{
font-size: .6125rem;
}
}
#cat_news.index .sectionBlock.info .list_wrapper article a p span.state:hover
{
text-decoration: none;
}
#cat_news.index .sectionBlock.info .list_wrapper article a p span.text:hover
{
text-decoration: underline;
}
#cat_news.index .sectionBlock.info .list_wrapper article a ul
{
font-family: 'nimbus-sans-condensed', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-weight: 400;
letter-spacing: .1rem;
}
#cat_news.index .sectionBlock.info .list_wrapper article:first-child a
{
border-top: 1px solid #848484 !important;
}
#cat_news.index .sectionBlock.info .btn.more
{
font-family: 'nimbus-sans-condensed', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 30px;
font-size: 1.875rem;
font-weight: 400;
line-height: 35px;
display: block;
width: 120px;
height: 38px;
margin: 1.5rem auto; 
transition: background .2s ease-in-out;
text-align: center;
letter-spacing: .1rem;
color: #fff;
border: none;
background: url(//www.jehp.jp/wp-content/themes/je/images/news/btn.png) no-repeat;
background-size: 120px auto;
}
@media (max-width: 767px)
{
#cat_news.index .sectionBlock.info .btn.more
{
font-size: 1.3125rem;
}
}
#cat_news.index .sectionBlock.info .btn.more:hover
{
transition: background .2s ease-in-out;
}
#cat_news.index .sectionBlock.info .btn.more:hover
{
background: url(//www.jehp.jp/wp-content/themes/je/images/news/btn_hover.png) no-repeat;
background-size: 120px auto;
}
@media (min-width: 768px)
{
#cat_news.index .sectionBlock.info .btn.more
{
line-height: 60px;
width: 200px;
height: 60px;
background: url(//www.jehp.jp/wp-content/themes/je/images/news/btn.png) no-repeat;
}
#cat_news.index .sectionBlock.info .btn.more:hover
{
background: url(//www.jehp.jp/wp-content/themes/je/images/news/btn_hover.png) no-repeat;
}
}
@media (min-width: 768px)
{
#cat_news.index .sectionBlock.info .btn.more
{
margin: 2.5rem auto;
}
}
#cat_news.index .sectionBlock.spotMovie h1
{
font-family: 'nimbus-sans-condensed', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 42px;
font-size: 2.625rem;
font-weight: 400;
font-style: italic; 
padding: .5rem 0;
text-align: center;
letter-spacing: .1rem;
color: #000;
background-color: rgba(149, 154, 168, .3);
}
@media (max-width: 767px)
{
#cat_news.index .sectionBlock.spotMovie h1
{
font-size: 1.8375rem;
}
}
@media (min-width: 768px)
{
#cat_news.index .sectionBlock.spotMovie h1
{
font-size: 60px;
font-size: 3.75rem;
}
}
@media (min-width: 768px) and (max-width: 767px)
{
#cat_news.index .sectionBlock.spotMovie h1
{
font-size: 2.625rem;
}
}
#cat_news.index .sectionBlock.newRelease h1
{
font-family: 'nimbus-sans-condensed', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 42px;
font-size: 2.625rem;
font-weight: 400;
font-style: italic; 
padding: .5rem 0;
text-align: center;
letter-spacing: .1rem;
color: #000;
background-color: rgba(149, 154, 168, .3);
}
@media (max-width: 767px)
{
#cat_news.index .sectionBlock.newRelease h1
{
font-size: 1.8375rem;
}
}
@media (min-width: 768px)
{
#cat_news.index .sectionBlock.newRelease h1
{
font-size: 60px;
font-size: 3.75rem;
}
}
@media (min-width: 768px) and (max-width: 767px)
{
#cat_news.index .sectionBlock.newRelease h1
{
font-size: 2.625rem;
}
}
#cat_news.index .sectionBlock.newRelease .btn.more
{
font-family: 'nimbus-sans-condensed', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 30px;
font-size: 1.875rem;
font-weight: 400;
line-height: 35px;
display: block;
width: 120px;
height: 38px;
margin: 1.5rem auto;
margin: 1rem auto 0rem; 
transition: background .2s ease-in-out;
text-align: center;
letter-spacing: .1rem;
color: #fff;
border: none;
background: url(//www.jehp.jp/wp-content/themes/je/images/news/btn.png) no-repeat;
background-size: 120px auto;
}
@media (max-width: 767px)
{
#cat_news.index .sectionBlock.newRelease .btn.more
{
font-size: 1.3125rem;
}
}
#cat_news.index .sectionBlock.newRelease .btn.more:hover
{
transition: background .2s ease-in-out;
}
#cat_news.index .sectionBlock.newRelease .btn.more:hover
{
background: url(//www.jehp.jp/wp-content/themes/je/images/news/btn_hover.png) no-repeat;
background-size: 120px auto;
}
@media (min-width: 768px)
{
#cat_news.index .sectionBlock.newRelease .btn.more
{
line-height: 60px;
width: 200px;
height: 60px;
background: url(//www.jehp.jp/wp-content/themes/je/images/news/btn.png) no-repeat;
}
#cat_news.index .sectionBlock.newRelease .btn.more:hover
{
background: url(//www.jehp.jp/wp-content/themes/je/images/news/btn_hover.png) no-repeat;
}
}
@media (min-width: 768px)
{
#cat_news.index .sectionBlock.newRelease .btn.more
{
margin: 2.5rem auto;
}
}
@media (min-width: 768px)
{
#cat_news.index .sectionBlock.newRelease .btn.more
{
margin: 1rem auto 0;
}
}
#cat_news.index .sectionBlock.discography h1
{
font-family: 'nimbus-sans-condensed', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 42px;
font-size: 2.625rem;
font-weight: 400;
font-style: italic; 
padding: .5rem 0;
text-align: center;
letter-spacing: .1rem;
color: #000;
background-color: rgba(149, 154, 168, .3);
}
@media (max-width: 767px)
{
#cat_news.index .sectionBlock.discography h1
{
font-size: 1.8375rem;
}
}
@media (min-width: 768px)
{
#cat_news.index .sectionBlock.discography h1
{
font-size: 60px;
font-size: 3.75rem;
}
}
@media (min-width: 768px) and (max-width: 767px)
{
#cat_news.index .sectionBlock.discography h1
{
font-size: 2.625rem;
}
}
#cat_news.index .sectionBlock.discography .tab_menu
{
font-family: 'nimbus-sans-condensed', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 18px;
font-size: 1.125rem;
font-weight: 400;
letter-spacing: .1rem;
color: #000 !important; 
background-color: rgba(149, 154, 168, .3);
}
@media (max-width: 767px)
{
#cat_news.index .sectionBlock.discography .tab_menu
{
font-size: .7875rem;
}
}
#cat_news.index .sectionBlock.discography .tab_menu ul
{
text-align: center;
}
#cat_news.index .sectionBlock.discography .tab_menu ul li
{
display: inline-block; 
padding: 0 .8rem 0;
}
@media (min-width: 768px)
{
#cat_news.index .sectionBlock.discography .tab_menu ul li
{
padding: 0 2.0rem 0;
}
}
#cat_news.index .sectionBlock.discography .tab_menu ul li a
{
display: inline-block;
padding: .2rem 1px;
transition: color .2s ease-in-out; 
border-bottom: 6px solid transparent;
}
#cat_news.index .sectionBlock.discography .tab_menu ul li a:hover
{
transition: color .2s ease-in-out;
}
#cat_news.index .sectionBlock.discography .tab_menu ul li a:hover
{
color: gray;
}
@media (min-width: 768px)
{
#cat_news.index .sectionBlock.discography .tab_menu ul li a
{
padding: .5rem .5rem;
}
}
#cat_news.index .sectionBlock.discography .tab_menu ul li.active a
{
border-bottom: 4px solid #000;
}
@media (min-width: 768px)
{
#cat_news.index .sectionBlock.discography .tab_menu ul li.active a
{
border-bottom: 6px solid #000;
}
}
#cat_news.index .sectionBlock.discography .tab_menu a
{
color: #000 !important;
}
@media (min-width: 768px)
{
#cat_news.index .sectionBlock.discography .tab_menu
{
font-size: 23px;
font-size: 1.4375rem;
}
}
@media (min-width: 768px) and (max-width: 767px)
{
#cat_news.index .sectionBlock.discography .tab_menu
{
font-size: 1.00625rem;
}
}
#cat_news.index .sectionBlock.discography .article_wrapper article ul li.tag
{
display: inline-block;
padding: 2px 1rem; 
text-align: center;
color: #fff;
border-radius: 4px;
background: #4564a1;
}
@media (max-width: 767px)
{
#cat_news.index .sectionBlock.discography .article_wrapper article ul li.tag
{
font-size: 12px;
font-size: .75rem;
}
}
@media (max-width: 767px) and (max-width: 767px)
{
#cat_news.index .sectionBlock.discography .article_wrapper article ul li.tag
{
font-size: .525rem;
}
}
@media (min-width: 768px)
{
#cat_news.index .sectionBlock.discography .article_wrapper article ul li.tag
{
padding: 2px 1.5rem; 
border-radius: 6px;
}
}
#cat_news.index .sectionBlock.discography .article_wrapper article ul li.date
{
font-family: 'nimbus-sans-condensed', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 17px;
font-size: 1.0625rem; 
font-weight: 400;
letter-spacing: .1rem;
}
@media (max-width: 767px)
{
#cat_news.index .sectionBlock.discography .article_wrapper article ul li.date
{
font-size: .74375rem;
}
}
#cat_news.index .sectionBlock.discography .article_wrapper article ul li.name
{
font-family: 'nimbus-sans-condensed', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-weight: 700;
letter-spacing: .1rem;
}
#cat_news.index .sectionBlock.discography .btn.more
{
font-family: 'nimbus-sans-condensed', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 30px;
font-size: 1.875rem;
font-weight: 400;
line-height: 35px;
display: block;
width: 120px;
height: 38px;
margin: 1.5rem auto; 
transition: background .2s ease-in-out;
text-align: center;
letter-spacing: .1rem;
color: #fff;
border: none;
background: url(//www.jehp.jp/wp-content/themes/je/images/news/btn.png) no-repeat;
background-size: 120px auto;
}
@media (max-width: 767px)
{
#cat_news.index .sectionBlock.discography .btn.more
{
font-size: 1.3125rem;
}
}
#cat_news.index .sectionBlock.discography .btn.more:hover
{
transition: background .2s ease-in-out;
}
#cat_news.index .sectionBlock.discography .btn.more:hover
{
background: url(//www.jehp.jp/wp-content/themes/je/images/news/btn_hover.png) no-repeat;
background-size: 120px auto;
}
@media (min-width: 768px)
{
#cat_news.index .sectionBlock.discography .btn.more
{
line-height: 60px;
width: 200px;
height: 60px;
background: url(//www.jehp.jp/wp-content/themes/je/images/news/btn.png) no-repeat;
}
#cat_news.index .sectionBlock.discography .btn.more:hover
{
background: url(//www.jehp.jp/wp-content/themes/je/images/news/btn_hover.png) no-repeat;
}
}
@media (min-width: 768px)
{
#cat_news.index .sectionBlock.discography .btn.more
{
margin: 2.5rem auto;
}
}
#cat_news.index .sectionBlock.profile h1
{
font-family: 'nimbus-sans-condensed', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 42px;
font-size: 2.625rem;
font-weight: 400;
font-style: italic; 
padding: .5rem 0;
text-align: center;
letter-spacing: .1rem;
color: #000;
background-color: rgba(149, 154, 168, .3);
}
@media (max-width: 767px)
{
#cat_news.index .sectionBlock.profile h1
{
font-size: 1.8375rem;
}
}
@media (min-width: 768px)
{
#cat_news.index .sectionBlock.profile h1
{
font-size: 60px;
font-size: 3.75rem;
}
}
@media (min-width: 768px) and (max-width: 767px)
{
#cat_news.index .sectionBlock.profile h1
{
font-size: 2.625rem;
}
}
#cat_news.index .sectionBlock.profile .profile_contents .btn.more
{
font-family: 'nimbus-sans-condensed', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 30px;
font-size: 1.875rem;
font-weight: 400;
line-height: 35px;
display: block;
width: 120px;
height: 38px;
margin: 1.5rem auto; 
transition: background .2s ease-in-out;
text-align: center;
letter-spacing: .1rem;
color: #fff;
border: none;
background: url(//www.jehp.jp/wp-content/themes/je/images/news/btn.png) no-repeat;
background-size: 120px auto;
}
@media (max-width: 767px)
{
#cat_news.index .sectionBlock.profile .profile_contents .btn.more
{
font-size: 1.3125rem;
}
}
#cat_news.index .sectionBlock.profile .profile_contents .btn.more:hover
{
transition: background .2s ease-in-out;
}
#cat_news.index .sectionBlock.profile .profile_contents .btn.more:hover
{
background: url(//www.jehp.jp/wp-content/themes/je/images/news/btn_hover.png) no-repeat;
background-size: 120px auto;
}
@media (min-width: 768px)
{
#cat_news.index .sectionBlock.profile .profile_contents .btn.more
{
line-height: 60px;
width: 200px;
height: 60px;
background: url(//www.jehp.jp/wp-content/themes/je/images/news/btn.png) no-repeat;
}
#cat_news.index .sectionBlock.profile .profile_contents .btn.more:hover
{
background: url(//www.jehp.jp/wp-content/themes/je/images/news/btn_hover.png) no-repeat;
}
}
@media (min-width: 768px)
{
#cat_news.index .sectionBlock.profile .profile_contents .btn.more
{
margin: 2.5rem auto;
}
}
#cat_news.info .sectionBlock.info h1
{
font-family: 'nimbus-sans-condensed', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 42px;
font-size: 2.625rem;
font-weight: 400;
font-style: italic;
padding: .5rem 0 0; 
text-align: center;
letter-spacing: .1rem;
color: #4564a1;
}
@media (max-width: 767px)
{
#cat_news.info .sectionBlock.info h1
{
font-size: 1.8375rem;
}
}
@media (min-width: 768px)
{
#cat_news.info .sectionBlock.info h1
{
font-size: 60px;
font-size: 3.75rem;
}
}
@media (min-width: 768px) and (max-width: 767px)
{
#cat_news.info .sectionBlock.info h1
{
font-size: 2.625rem;
}
}
#cat_news.info .sectionBlock.info .tab_menu
{
font-family: 'nimbus-sans-condensed', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 18px;
font-size: 1.125rem;
font-weight: 400;
letter-spacing: .1rem;
color: #000 !important;
color: #4564a1 !important;
}
@media (max-width: 767px)
{
#cat_news.info .sectionBlock.info .tab_menu
{
font-size: .7875rem;
}
}
#cat_news.info .sectionBlock.info .tab_menu ul
{
text-align: center;
}
#cat_news.info .sectionBlock.info .tab_menu ul li
{
display: inline-block; 
padding: 0 .8rem 0;
}
@media (min-width: 768px)
{
#cat_news.info .sectionBlock.info .tab_menu ul li
{
padding: 0 2.0rem 0;
}
}
#cat_news.info .sectionBlock.info .tab_menu ul li a
{
display: inline-block;
padding: .2rem 1px;
transition: color .2s ease-in-out; 
border-bottom: 6px solid transparent;
}
#cat_news.info .sectionBlock.info .tab_menu ul li a:hover
{
transition: color .2s ease-in-out;
}
#cat_news.info .sectionBlock.info .tab_menu ul li a:hover
{
color: gray;
}
@media (min-width: 768px)
{
#cat_news.info .sectionBlock.info .tab_menu ul li a
{
padding: .5rem .5rem;
}
}
#cat_news.info .sectionBlock.info .tab_menu ul li.active a
{
border-bottom: 4px solid #000;
}
@media (min-width: 768px)
{
#cat_news.info .sectionBlock.info .tab_menu ul li.active a
{
border-bottom: 6px solid #000;
}
}
#cat_news.info .sectionBlock.info .tab_menu a
{
color: #000 !important;
}
@media (min-width: 768px)
{
#cat_news.info .sectionBlock.info .tab_menu
{
font-size: 23px;
font-size: 1.4375rem;
}
}
@media (min-width: 768px) and (max-width: 767px)
{
#cat_news.info .sectionBlock.info .tab_menu
{
font-size: 1.00625rem;
}
}
#cat_news.info .sectionBlock.info .tab_menu ul
{
text-align: center;
}
#cat_news.info .sectionBlock.info .tab_menu ul li
{
display: inline-block; 
padding: 0 .8rem 0;
}
@media (min-width: 768px)
{
#cat_news.info .sectionBlock.info .tab_menu ul li
{
padding: 0 2.0rem 0;
}
}
#cat_news.info .sectionBlock.info .tab_menu ul li a
{
display: inline-block;
padding: .2rem 1px;
transition: color .2s ease-in-out; 
border-bottom: 6px solid transparent;
}
#cat_news.info .sectionBlock.info .tab_menu ul li a:hover
{
transition: color .2s ease-in-out;
}
#cat_news.info .sectionBlock.info .tab_menu ul li a:hover
{
color: #a2b2d0;
}
@media (min-width: 768px)
{
#cat_news.info .sectionBlock.info .tab_menu ul li a
{
padding: .5rem .5rem;
}
}
#cat_news.info .sectionBlock.info .tab_menu ul li.active a
{
border-bottom: 4px solid #4564a1;
}
@media (min-width: 768px)
{
#cat_news.info .sectionBlock.info .tab_menu ul li.active a
{
border-bottom: 6px solid #4564a1;
}
}
#cat_news.info .sectionBlock.info .tab_menu a
{
color: #4564a1 !important;
}
#cat_news.info .sectionBlock.info .list_wrapper article:first-child a
{
border-top: 1px solid #4564a1;
}
#cat_news.info .sectionBlock.info .list_wrapper article a
{
display: block;
width: 100%;
margin: 0 auto;
padding: .5rem 0; 
border-bottom: 1px solid #848484;
}
#cat_news.info .sectionBlock.info .list_wrapper article a::after
{
display: table; 
clear: both;
content: '';
}
@media (min-width: 992px)
{
#cat_news.info .sectionBlock.info .list_wrapper article a
{
width: 100%;
padding: 1rem 0;
}
}
#cat_news.info .sectionBlock.info .list_wrapper article a ul
{
font-family: 'din-condensed', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-weight: 300;
display: inline-block;
width: 25%;
vertical-align: middle;
letter-spacing: .1rem;
}
@media (min-width: 768px)
{
#cat_news.info .sectionBlock.info .list_wrapper article a ul
{
width: 20%;
}
}
@media (min-width: 992px)
{
#cat_news.info .sectionBlock.info .list_wrapper article a ul
{
width: 20%;
}
}
#cat_news.info .sectionBlock.info .list_wrapper article a ul li
{
text-align: center;
}
#cat_news.info .sectionBlock.info .list_wrapper article a ul li.date
{
font-size: 20px;
font-size: 1.25rem;
}
@media (max-width: 767px)
{
#cat_news.info .sectionBlock.info .list_wrapper article a ul li.date
{
font-size: .875rem;
}
}
@media (min-width: 768px)
{
#cat_news.info .sectionBlock.info .list_wrapper article a ul li
{
margin: 0 auto;
}
}
#cat_news.info .sectionBlock.info .list_wrapper article a p
{
font-size: 17px;
font-size: 1.0625rem;
display: inline-block;
width: 70%; 
vertical-align: middle;
}
@media (max-width: 767px)
{
#cat_news.info .sectionBlock.info .list_wrapper article a p
{
font-size: .74375rem;
}
}
@media (min-width: 768px)
{
#cat_news.info .sectionBlock.info .list_wrapper article a p
{
width: 78%;
}
}
@media (min-width: 992px)
{
#cat_news.info .sectionBlock.info .list_wrapper article a p
{
width: 78%;
}
}
#cat_news.info .sectionBlock.info .list_wrapper article a p span.state
{
font-family: 'din-condensed', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 14px;
font-size: .875rem;
font-weight: 300;
margin-left: 5px; 
padding: 0 7px;
text-align: center;
letter-spacing: .1rem;
color: #fff;
border-radius: 20px;
background: #e30000;
}
@media (max-width: 767px)
{
#cat_news.info .sectionBlock.info .list_wrapper article a p span.state
{
font-size: .6125rem;
}
}
#cat_news.info .sectionBlock.info .list_wrapper article a p span.state:hover
{
text-decoration: none;
}
#cat_news.info .sectionBlock.info .list_wrapper article a p span.text:hover
{
text-decoration: underline;
}
#cat_news.discography .sectionBlock.discography h1
{
font-family: 'nimbus-sans-condensed', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 42px;
font-size: 2.625rem;
font-weight: 400;
font-style: italic;
padding: .5rem 0 0; 
text-align: center;
letter-spacing: .1rem;
color: #4564a1;
}
@media (max-width: 767px)
{
#cat_news.discography .sectionBlock.discography h1
{
font-size: 1.8375rem;
}
}
@media (min-width: 768px)
{
#cat_news.discography .sectionBlock.discography h1
{
font-size: 60px;
font-size: 3.75rem;
}
}
@media (min-width: 768px) and (max-width: 767px)
{
#cat_news.discography .sectionBlock.discography h1
{
font-size: 2.625rem;
}
}
#cat_news.discography .sectionBlock.discography .tab_menu
{
font-family: 'nimbus-sans-condensed', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 18px;
font-size: 1.125rem;
font-weight: 400;
letter-spacing: .1rem;
color: #000 !important;
color: #4564a1 !important;
border-bottom: 1px solid #4564a1;
}
@media (max-width: 767px)
{
#cat_news.discography .sectionBlock.discography .tab_menu
{
font-size: .7875rem;
}
}
#cat_news.discography .sectionBlock.discography .tab_menu ul
{
text-align: center;
}
#cat_news.discography .sectionBlock.discography .tab_menu ul li
{
display: inline-block; 
padding: 0 .8rem 0;
}
@media (min-width: 768px)
{
#cat_news.discography .sectionBlock.discography .tab_menu ul li
{
padding: 0 2.0rem 0;
}
}
#cat_news.discography .sectionBlock.discography .tab_menu ul li a
{
display: inline-block;
padding: .2rem 1px;
transition: color .2s ease-in-out; 
border-bottom: 6px solid transparent;
}
#cat_news.discography .sectionBlock.discography .tab_menu ul li a:hover
{
transition: color .2s ease-in-out;
}
#cat_news.discography .sectionBlock.discography .tab_menu ul li a:hover
{
color: gray;
}
@media (min-width: 768px)
{
#cat_news.discography .sectionBlock.discography .tab_menu ul li a
{
padding: .5rem .5rem;
}
}
#cat_news.discography .sectionBlock.discography .tab_menu ul li.active a
{
border-bottom: 4px solid #000;
}
@media (min-width: 768px)
{
#cat_news.discography .sectionBlock.discography .tab_menu ul li.active a
{
border-bottom: 6px solid #000;
}
}
#cat_news.discography .sectionBlock.discography .tab_menu a
{
color: #000 !important;
}
@media (min-width: 768px)
{
#cat_news.discography .sectionBlock.discography .tab_menu
{
font-size: 23px;
font-size: 1.4375rem;
}
}
@media (min-width: 768px) and (max-width: 767px)
{
#cat_news.discography .sectionBlock.discography .tab_menu
{
font-size: 1.00625rem;
}
}
#cat_news.discography .sectionBlock.discography .tab_menu ul
{
text-align: center;
}
#cat_news.discography .sectionBlock.discography .tab_menu ul li
{
display: inline-block; 
padding: 0 .8rem 0;
}
@media (min-width: 768px)
{
#cat_news.discography .sectionBlock.discography .tab_menu ul li
{
padding: 0 2.0rem 0;
}
}
#cat_news.discography .sectionBlock.discography .tab_menu ul li a
{
display: inline-block;
padding: .2rem 1px;
transition: color .2s ease-in-out; 
border-bottom: 6px solid transparent;
}
#cat_news.discography .sectionBlock.discography .tab_menu ul li a:hover
{
transition: color .2s ease-in-out;
}
#cat_news.discography .sectionBlock.discography .tab_menu ul li a:hover
{
color: #a2b2d0;
}
@media (min-width: 768px)
{
#cat_news.discography .sectionBlock.discography .tab_menu ul li a
{
padding: .5rem .5rem;
}
}
#cat_news.discography .sectionBlock.discography .tab_menu ul li.active a
{
border-bottom: 4px solid #4564a1;
}
@media (min-width: 768px)
{
#cat_news.discography .sectionBlock.discography .tab_menu ul li.active a
{
border-bottom: 6px solid #4564a1;
}
}
#cat_news.discography .sectionBlock.discography .tab_menu a
{
color: #4564a1 !important;
}
#cat_news.discography .sectionBlock.discography .article_wrapper article ul li.tag
{
display: inline-block;
padding: 2px 1rem; 
text-align: center;
color: #fff;
border-radius: 4px;
background: #4564a1;
}
@media (max-width: 767px)
{
#cat_news.discography .sectionBlock.discography .article_wrapper article ul li.tag
{
font-size: 12px;
font-size: .75rem;
}
}
@media (max-width: 767px) and (max-width: 767px)
{
#cat_news.discography .sectionBlock.discography .article_wrapper article ul li.tag
{
font-size: .525rem;
}
}
@media (min-width: 768px)
{
#cat_news.discography .sectionBlock.discography .article_wrapper article ul li.tag
{
padding: 2px 1.5rem; 
border-radius: 6px;
}
}
#cat_news.discography .sectionBlock.discography .article_wrapper article ul li.date
{
font-family: 'nimbus-sans-condensed', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 17px;
font-size: 1.0625rem; 
font-weight: 400;
letter-spacing: .1rem;
}
@media (max-width: 767px)
{
#cat_news.discography .sectionBlock.discography .article_wrapper article ul li.date
{
font-size: .74375rem;
}
}
#cat_news.discography .sectionBlock.discography .article_wrapper article ul li.name
{
font-family: 'nimbus-sans-condensed', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-weight: 700;
letter-spacing: .1rem;
}
#cat_news.discography .sectionBlock.discography .article_wrapper .more
{
margin-right: auto; 
margin-left: auto;
}
#cat_news.profile .sectionBlock.profile h1
{
font-family: 'nimbus-sans-condensed', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 42px;
font-size: 2.625rem;
font-weight: 400;
font-style: italic;
padding: .5rem 0 0; 
text-align: center;
letter-spacing: .1rem;
color: #4564a1;
}
@media (max-width: 767px)
{
#cat_news.profile .sectionBlock.profile h1
{
font-size: 1.8375rem;
}
}
@media (min-width: 768px)
{
#cat_news.profile .sectionBlock.profile h1
{
font-size: 60px;
font-size: 3.75rem;
}
}
@media (min-width: 768px) and (max-width: 767px)
{
#cat_news.profile .sectionBlock.profile h1
{
font-size: 2.625rem;
}
}
#cat_news.profile .sectionBlock.profile .text dl dd
{
font-family: 'nimbus-sans-condensed', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-weight: 400;
letter-spacing: .1rem;
}
#cat_news.profile .sectionBlock.profile .text dl dd span
{
font-family: 'nimbus-sans-condensed', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-weight: 300;
line-height: 1.5; 
letter-spacing: .1rem;
}
@media (min-width: 992px)
{
#cat_news.profile .sectionBlock.profile .text dl dd span
{
line-height: 2.0;
}
}
#cat_news .more
{
font-family: 'nimbus-sans-condensed', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 30px;
font-size: 1.875rem;
font-weight: 400;
line-height: 35px;
display: block;
width: 120px;
height: 38px;
padding: 0;
transition: background .2s ease-in-out;
text-align: center;
letter-spacing: .1rem;
color: #fff;
border: none;
border-radius: 0; 
background: url(//www.jehp.jp/wp-content/themes/je/images/news/btn.png) no-repeat;
background-size: 120px auto;
box-shadow: none;
}
@media (max-width: 767px)
{
#cat_news .more
{
font-size: 1.3125rem;
}
}
#cat_news .more:hover
{
transition: background .2s ease-in-out;
}
#cat_news .more:hover
{
background: url(//www.jehp.jp/wp-content/themes/je/images/news/btn_hover.png) no-repeat;
}
@media (min-width: 768px)
{
#cat_news .more
{
line-height: 60px;
width: 200px;
height: 60px;
background: url(//www.jehp.jp/wp-content/themes/je/images/news/btn.png) no-repeat;
}
#cat_news .more:hover
{
background: url(//www.jehp.jp/wp-content/themes/je/images/news/btn_hover.png) no-repeat;
}
}
#cat_news .tag
{
display: inline-block;
padding: 2px 1rem; 
text-align: center;
color: #fff;
border-radius: 4px;
background: #4564a1;
}
@media (max-width: 767px)
{
#cat_news .tag
{
font-size: 12px;
font-size: .75rem;
}
}
@media (max-width: 767px) and (max-width: 767px)
{
#cat_news .tag
{
font-size: .525rem;
}
}
@media (min-width: 768px)
{
#cat_news .tag
{
padding: 2px 1.5rem; 
border-radius: 6px;
}
}
#cat_news .date
{
font-family: 'nimbus-sans-condensed', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-weight: 400;
letter-spacing: .1rem;
}
#cat_shonen .icon_sp_menu
{
position: fixed;
z-index: 99; 
top: 12px;
right: 15px;
cursor: pointer;
}
#cat_shonen .icon_sp_menu svg
{
z-index: 9999;
width: 20px;
height: 20px;
fill: #fff;
}
@media (min-width: 768px)
{
#cat_shonen .icon_sp_menu svg
{
width: 20px; 
height: 20px;
}
}
#cat_shonen .icon_sp_menu.color_black svg
{
fill: #000;
}
#cat_shonen .globalNavi_sp
{
position: absolute;
z-index: 100; 
top: 0;
right: 0;
display: none;
width: 100%;
}
#cat_shonen .globalNavi_sp.on
{
display: block;
}
#cat_shonen .globalNavi_sp .navi_contents
{
font-family: 'din-condensed', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-weight: 300;
position: absolute;
z-index: 2;
top: 0;
top: 0;
right: -220px;
width: 220px;
height: 100%;
transition: margin-left .5s ease-out;
letter-spacing: .1rem; 
background: rgba(50, 50, 50, .9);
}
#cat_shonen .globalNavi_sp .navi_contents .icon_close
{
position: relative;
cursor: pointer;
}
#cat_shonen .globalNavi_sp .navi_contents .icon_close svg
{
position: absolute;
z-index: 2;
top: 12px;
right: 15px;
width: 20px; 
height: 20px;
fill: #848484;
}
#cat_shonen .globalNavi_sp .navi_contents h1
{
font-size: 1.1rem;
padding: .8rem 0;
text-align: center;
color: #848484;
background: rgba(50, 50, 50, .9);
}
#cat_shonen .globalNavi_sp .navi_contents h1.jwest
{
font-size: 1.0rem; 
padding: .8rem 0 .8rem .5rem;
text-align: left;
}
#cat_shonen .globalNavi_sp .navi_contents ul
{
text-align: center;
}
#cat_shonen .globalNavi_sp .navi_contents ul li
{
font-size: 1rem;
}
#cat_shonen .globalNavi_sp .navi_contents ul.artist_globalNavi li
{
border-bottom: none; 
background: #fff;
}
#cat_shonen .globalNavi_sp .navi_contents ul.artist_globalNavi li a
{
display: block;
padding: .5rem 0;
}
#cat_shonen .globalNavi_sp .navi_contents ul.artist_globalNavi li:nth-child(2n)
{
background: #f6f6f6;
}
#cat_shonen .globalNavi_sp .navi_contents ul.artist_globalNavi li.category
{
font-family: 'din-condensed', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 1.3rem;
font-weight: 400;
letter-spacing: .1rem;
}
#cat_shonen .globalNavi_sp .navi_contents ul.artist_globalNavi li.category a
{
position: relative; 
display: block;
padding: 0 0;
}
#cat_shonen .globalNavi_sp .navi_contents ul.artist_globalNavi li.category a .img_bg
{
width: 100%;
height: 150px; 
background-position: center top;
background-size: cover;
}
#cat_shonen .globalNavi_sp .navi_contents ul.artist_globalNavi li.category a p
{
position: absolute;
bottom: 0;
left: 0;
width: 100%; 
padding: .25rem;
text-align: center;
background: rgba(255, 255, 255, .8);
}
#cat_shonen .globalNavi_sp .navi_contents ul.artist_globalNavi li.active a
{
color: #ccc;
}
#cat_shonen .globalNavi_sp .navi_contents ul.global
{
border-top: 2px solid #848484;
}
#cat_shonen .globalNavi_sp .navi_contents ul.global li a
{
display: block;
padding: .5rem 0;
color: #fff;
border-bottom: 2px solid #848484;
}
#cat_shonen .globalNavi_sp .navi_contents ul.artists
{
margin-top: 2rem;
}
#cat_shonen .globalNavi_sp .navi_contents ul.artists li
{
margin: 0 0 .8rem 0;
background-position: center top;
background-size: cover;
}
#cat_shonen .globalNavi_sp .navi_contents ul.artists li a
{
position: relative;
display: block;
width: 220px; 
height: 110px;
}
#cat_shonen .globalNavi_sp .navi_contents ul.artists li a img
{
width: 100%; 
height: auto;
}
#cat_shonen .globalNavi_sp .navi_contents ul.artists li a p
{
position: absolute;
bottom: 0;
left: 0;
width: 100%; 
padding: .25rem;
text-align: center;
background: rgba(255, 255, 255, .8);
}
#cat_shonen .globalNavi_sp .navi_contents ul.artists li a p.font_ja
{
font-size: .8rem;
}
#cat_shonen .globalNavi_sp .navi_contents ul.artists li a p span.font_ja
{
font-size: .9rem;
}
#cat_shonen .globalNavi
{
z-index: 98;
padding: 30px 0;
background: #fff;
box-shadow: -10px 20px 20px rgba(0, 0, 0, .5);
}
#cat_shonen .globalNavi > ul
{
width: 100%;
margin: 0 auto;
}
@media (min-width: 992px)
{
#cat_shonen .globalNavi > ul
{
width: 940px;
}
}
#cat_shonen .globalNavi > ul li
{
font-family: 'din-condensed', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 20px;
font-size: 1.25rem; 
font-weight: 300;
display: inline-block;
margin: 0 5px;
letter-spacing: .1rem;
}
@media (max-width: 767px)
{
#cat_shonen .globalNavi > ul li
{
font-size: .875rem;
}
}
#cat_shonen .globalNavi > ul li .font_ja
{
font-size: 18px;
font-size: 1.125rem;
}
@media (max-width: 767px)
{
#cat_shonen .globalNavi > ul li .font_ja
{
font-size: .7875rem;
}
}
#cat_shonen .globalNavi > ul li a
{
line-height: 1;
display: block;
padding: 2px 2px 0 4px;
transition: background-color .2s linear, color .2s linear; 
color: #000;
}
#cat_shonen .globalNavi > ul li a:hover
{
color: #fff; 
background-color: #000;
}
#cat_shonen .globalNavi > ul li.active
{
background: #000;
}
#cat_shonen .globalNavi > ul li.active a
{
display: block; 
color: #fff;
}
#cat_shonen .globalNavi > ul li.artists
{
font-size: 15px;
font-size: .9375rem;
line-height: 1.3; 
padding-left: 20px;
}
@media (max-width: 767px)
{
#cat_shonen .globalNavi > ul li.artists
{
font-size: .65625rem;
}
}
#cat_shonen .globalNavi .menu_wrapper
{
position: relative;
width: 100%; 
margin: 0 auto;
}
@media (min-width: 992px)
{
#cat_shonen .globalNavi .menu_wrapper
{
width: 860px;
}
}
#cat_shonen .globalNavi .menu_wrapper p.menu
{
font-family: 'din-condensed', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 15px;
font-size: .9375rem;
font-weight: 300;
position: absolute;
top: -30px;
right: -60px; 
letter-spacing: .1rem;
}
@media (max-width: 767px)
{
#cat_shonen .globalNavi .menu_wrapper p.menu
{
font-size: .65625rem;
}
}
#cat_shonen .globalNavi .menu_wrapper p.menu .icon_arrow
{
position: relative; 
display: inline-block;
}
#cat_shonen .globalNavi .menu_wrapper p.menu .icon_arrow:after
{
position: absolute;
top: 33%;
right: -12px;
display: inline-block;
width: 0;
height: 0;
content: '';
border-top: 8px solid #000; 
border-right: 4px solid transparent;
border-left: 4px solid transparent;
}
#cat_shonen .globalNavi .menu_wrapper p.menu .icon_arrow:hover
{
color: #4d4d4d;
}
#cat_shonen .globalNavi .menu_wrapper p.menu a
{
display: block;
width: 180px;
padding: 10px 0; 
text-align: center;
}
#cat_shonen .globalNavi .menu_wrapper .menu_contents
{
font-family: 'din-condensed', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-weight: 300;
position: absolute;
z-index: 10;
top: 10px;
right: -60px;
display: none; 
text-align: center;
letter-spacing: .1rem;
box-shadow: 0 10px 10px rgba(0, 0, 0, .1);
}
#cat_shonen .globalNavi .menu_wrapper .menu_contents ul
{
width: 180px;
background: #f6f6f6;
}
#cat_shonen .globalNavi .menu_wrapper .menu_contents ul li
{
font-size: 15px;
font-size: .9375rem;
display: block;
background: #fff;
}
@media (max-width: 767px)
{
#cat_shonen .globalNavi .menu_wrapper .menu_contents ul li
{
font-size: .65625rem;
}
}
#cat_shonen .globalNavi .menu_wrapper .menu_contents ul li a
{
display: block;
padding: 5px 0;
transition: background .2s ease-in-out; 
border-top: 1px solid #c1c1c1;
background: #fff;
}
#cat_shonen .globalNavi .menu_wrapper .menu_contents ul li a:hover
{
transition: background .2s ease-in-out;
}
#cat_shonen .globalNavi .menu_wrapper .menu_contents ul li a .font_ja
{
font-size: 14px;
font-size: .875rem;
}
@media (max-width: 767px)
{
#cat_shonen .globalNavi .menu_wrapper .menu_contents ul li a .font_ja
{
font-size: .6125rem;
}
}
#cat_shonen .globalNavi .menu_wrapper .menu_contents ul li a:hover
{
color: #fff; 
background: #000;
}
#cat_shonen .globalNavi .menu_wrapper .menu_contents ul li.artists
{
font-size: 14px;
font-size: .875rem;
padding: 1rem 0 .7rem 0; 
background: #f6f6f6;
}
@media (max-width: 767px)
{
#cat_shonen .globalNavi .menu_wrapper .menu_contents ul li.artists
{
font-size: .6125rem;
}
}
#cat_shonen .globalNavi .menu_wrapper .menu_contents ul li.artist a
{
border-top: none; 
background: #f6f6f6;
}
#cat_shonen .globalNavi .menu_wrapper .menu_contents ul li.artist a:hover
{
color: #fff; 
background: #000;
}
#cat_shonen .globalNavi .menu_wrapper .menu_contents ul li.active a
{
color: #fff; 
background: #000;
}
#cat_shonen .globalNavi ul li
{
font-family: 'mrs-eaves-xl-serif-narrow', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 20px;
font-size: 1.25rem; 
font-weight: 400;
letter-spacing: .1rem;
}
@media (max-width: 767px)
{
#cat_shonen .globalNavi ul li
{
font-size: .875rem;
}
}
#cat_shonen .globalNavi ul li.artists
{
font-size: 17px;
font-size: 1.0625rem;
}
@media (max-width: 767px)
{
#cat_shonen .globalNavi ul li.artists
{
font-size: .74375rem;
}
}
#cat_shonen .globalNavi .menu_wrapper p.menu
{
font-family: 'mrs-eaves-xl-serif-narrow', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 17px;
font-size: 1.0625rem; 
font-weight: 400;
letter-spacing: .1rem;
}
@media (max-width: 767px)
{
#cat_shonen .globalNavi .menu_wrapper p.menu
{
font-size: .74375rem;
}
}
#cat_shonen .bg_wrapper
{
background: linear-gradient(-30deg, #d1c402, #000, #f00);
}
#cat_shonen .bg_wrapper h1
{
background: none !important;
}
#cat_shonen .bg_wrapper .tab_menu
{
background: none !important;
}
#cat_shonen .sectionBlock.artist
{
background: url(//www.jehp.jp/wp-content/themes/je/images/shonen/bg.png) no-repeat center center;
background-size: cover;
}
#cat_shonen .sectionBlock.artist h1
{
font-family: 'mrs-eaves-xl-serif-narrow', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 42px;
font-size: 2.625rem;
font-weight: 400;
font-style: italic;
margin-bottom: 1rem; 
padding: .5rem 0;
text-align: center;
letter-spacing: .1rem;
color: #fff;
background: linear-gradient(-30deg, #d1c402, #000, #f00);
}
@media (max-width: 767px)
{
#cat_shonen .sectionBlock.artist h1
{
font-size: 1.8375rem;
}
}
@media (min-width: 768px)
{
#cat_shonen .sectionBlock.artist h1
{
font-size: 60px;
font-size: 3.75rem;
}
}
@media (min-width: 768px) and (max-width: 767px)
{
#cat_shonen .sectionBlock.artist h1
{
font-size: 2.625rem;
}
}
#cat_shonen .sectionBlock.artist .artist_contents
{
position: relative;
padding: .5rem 0;
}
@media (min-width: 768px)
{
#cat_shonen .sectionBlock.artist .artist_contents
{
padding: 2rem 0;
}
}
#cat_shonen .sectionBlock.artist .artist_contents ul
{
width: 100%;
margin: 0 auto;
}
@media (min-width: 992px)
{
#cat_shonen .sectionBlock.artist .artist_contents ul
{
width: 860px;
}
}
#cat_shonen .sectionBlock.artist .artist_contents ul li
{
font-family: 'din-condensed', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 26px;
font-size: 1.625rem;
font-weight: 300;
display: inline-block; 
width: 33%;
text-align: center;
letter-spacing: .1rem;
}
@media (max-width: 767px)
{
#cat_shonen .sectionBlock.artist .artist_contents ul li
{
font-size: 1.1375rem;
}
}
@media (min-width: 768px)
{
#cat_shonen .sectionBlock.artist .artist_contents ul li
{
font-size: 30px;
font-size: 1.875rem;
}
}
@media (min-width: 768px) and (max-width: 767px)
{
#cat_shonen .sectionBlock.artist .artist_contents ul li
{
font-size: 1.3125rem;
}
}
#cat_shonen .sectionBlock.artist .artist_contents ul li.narrow
{
width: 25%;
}
#cat_shonen .sectionBlock.artist .artist_contents ul li .font_ja
{
font-size: 20px;
font-size: 1.25rem;
line-height: 1.8;
}
@media (max-width: 767px)
{
#cat_shonen .sectionBlock.artist .artist_contents ul li .font_ja
{
font-size: .875rem;
}
}
@media (min-width: 768px)
{
#cat_shonen .sectionBlock.artist .artist_contents ul li .font_ja
{
font-size: 26px;
font-size: 1.625rem;
}
}
@media (min-width: 768px) and (max-width: 767px)
{
#cat_shonen .sectionBlock.artist .artist_contents ul li .font_ja
{
font-size: 1.1375rem;
}
}
#cat_shonen .sectionBlock.artist .artist_contents ul li a:hover
{
color: #666;
}
#cat_shonen .sectionBlock.artist .artist_contents .pageTop
{
font-size: 40px;
font-size: 2.5rem;
line-height: 1.3;
display: block;
width: 110px;
margin: 1rem auto .5rem; 
padding: 0;
transition: background .2s ease-in-out;
text-align: center;
color: #000;
border: none;
border-radius: 40px;
background-color: #fff;
box-shadow: 0 0 10px #b3b3b3;
}
#cat_shonen .sectionBlock.artist .artist_contents .pageTop:hover
{
transition: background .2s ease-in-out;
}
@media (max-width: 767px)
{
#cat_shonen .sectionBlock.artist .artist_contents .pageTop
{
font-size: 1.75rem;
}
}
#cat_shonen .sectionBlock.artist .artist_contents .pageTop:hover
{
background: #b3b3b3;
}
@media (min-width: 768px)
{
#cat_shonen .sectionBlock.artist .artist_contents .pageTop
{
width: 190px;
margin: 2.5rem auto 0;
padding: .2rem 0 0;
}
}
#cat_shonen .sectionBlock.artist .artist_contents .pageTop svg
{
width: 18px; 
height: 18px;
}
@media (min-width: 768px)
{
#cat_shonen .sectionBlock.artist .artist_contents .pageTop svg
{
width: 34px; 
height: 34px;
}
}
@media (min-width: 768px)
{
#cat_shonen .sectionBlock.artist .artist_contents .pageTop
{
margin: 2.5rem auto 0;
}
}
#cat_shonen footer
{
padding: 1rem; 
text-align: center;
color: #000;
background: #fff;
}
@media (min-width: 768px)
{
#cat_shonen footer
{
padding: 3rem 0;
}
}
#cat_shonen footer a
{
text-decoration: none; 
color: #000;
}
#cat_shonen footer a:hover
{
text-decoration: underline;
}
#cat_shonen footer ul.sns
{
margin-bottom: .5rem; 
text-align: center;
}
@media (min-width: 768px)
{
#cat_shonen footer ul.sns
{
margin-bottom: 1rem;
}
}
#cat_shonen footer ul.sns li
{
display: inline-block;
margin: 0 5px;
}
#cat_shonen footer ul.sns li svg
{
width: 22px; 
height: 22px;
transition: opacity .2s ease-in-out;
opacity: 1;
fill: #000;
}
#cat_shonen footer ul.sns li svg:hover
{
transition: opacity .2s ease-in-out;
}
#cat_shonen footer ul.sns li svg:hover
{
opacity: .7;
}
@media (min-width: 768px)
{
#cat_shonen footer ul.sns li svg
{
width: 30px; 
height: 30px;
}
}
#cat_shonen footer .terms
{
font-size: 14px;
font-size: .875rem;
margin-bottom: .5rem;
}
@media (max-width: 767px)
{
#cat_shonen footer .terms
{
font-size: .6125rem;
}
}
@media (min-width: 768px)
{
#cat_shonen footer .terms
{
margin-bottom: 1rem;
}
}
#cat_shonen footer .copyright
{
font-family: 'din-condensed', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-weight: 300;
letter-spacing: .1rem;
}
@media (max-width: 767px)
{
#cat_shonen footer .copyright
{
font-size: 12px;
font-size: .75rem;
}
}
@media (max-width: 767px) and (max-width: 767px)
{
#cat_shonen footer .copyright
{
font-size: .525rem;
}
}
#cat_shonen.pages
{
background-color: #eee;
background-image: url(//www.jehp.jp/wp-content/themes/je/images/shonen/bg.png);
}
@media (min-width: 768px)
{
#cat_shonen.pages
{
background-image: url(//www.jehp.jp/wp-content/themes/je/images/shonen/bg.png);
background-repeat: no-repeat !important; 
background-size: cover;
}
}
#cat_shonen.pages .page_wrapper
{ }
#cat_shonen.pages .page_wrapper .page_inner
{
background-image: url(//www.jehp.jp/wp-content/themes/je/images/common/bg_dot_sp.png);
}
#cat_shonen.pages .main_visual .triangle_wrapper .logo
{
position: absolute;
z-index: 999; 
top: 10px;
left: 10px;
}
@media (min-width: 992px)
{
#cat_shonen.pages .main_visual .triangle_wrapper .logo
{
position: absolute;
top: 20px;
left: 20px;
}
}
#cat_shonen.pages .main_visual .triangle_wrapper .logo img
{
width: 50px; 
height: auto;
}
@media (min-width: 992px)
{
#cat_shonen.pages .main_visual .triangle_wrapper .logo img
{
width: 100px; 
height: auto;
}
}
#cat_shonen.pages .main_visual .triangle_wrapper .triangle
{
position: absolute;
width: 200px;
height: 200px;
transform: rotate(-40deg) translateY(-150px) translateX(0px);
background: linear-gradient(to right, #636363, #c5c5c5);
box-shadow: -10px 15px 20px rgba(0, 0, 0, .2);
}
@media (min-width: 992px)
{
#cat_shonen.pages .main_visual .triangle_wrapper .triangle
{
width: 400px;
height: 400px;
transform: rotate(-40deg) translateY(-310px) translateX(0px);
box-shadow: -10px 20px 20px rgba(0, 0, 0, .2);
}
}
#cat_shonen.pages .artistName
{
font-family: 'mrs-eaves-xl-serif-narrow', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 60px;
font-size: 3.75rem;
font-weight: 400;
letter-spacing: .1rem;
}
@media (max-width: 767px)
{
#cat_shonen.pages .artistName
{
font-size: 2.625rem;
}
}
#cat_shonen.pages .btn.back
{
font-family: 'mrs-eaves-xl-serif-narrow', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 30px;
font-size: 1.875rem;
font-weight: 400;
line-height: 1.3;
display: block;
width: 110px;
margin: 1.5rem auto;
padding: .3rem 0;
transition: background .2s ease-in-out;
text-align: center;
letter-spacing: .1rem;
color: #fff;
border: none; 
border-radius: 0;
background-color: #333;
box-shadow: -10px 10px 20px #999;
}
@media (max-width: 767px)
{
#cat_shonen.pages .btn.back
{
font-size: 1.3125rem;
}
}
#cat_shonen.pages .btn.back:hover
{
transition: background .2s ease-in-out;
}
#cat_shonen.pages .btn.back:hover
{
background: #707070;
}
@media (max-width: 767px)
{
#cat_shonen.pages .btn.back
{
font-size: 25px;
font-size: 1.5625rem;
}
}
@media (max-width: 767px) and (max-width: 767px)
{
#cat_shonen.pages .btn.back
{
font-size: 1.09375rem;
}
}
@media (min-width: 768px)
{
#cat_shonen.pages .btn.back
{
width: 200px;
margin: 2.5rem auto;
padding: .6rem 0;
}
}
#cat_shonen.page_details .sectionBlock.page_contents h1
{
font-family: 'mrs-eaves-xl-serif-narrow', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 42px;
font-size: 2.625rem;
font-weight: 400;
font-style: italic;
padding: .5rem 0 0; 
text-align: center;
letter-spacing: .1rem;
color: #000;
}
@media (max-width: 767px)
{
#cat_shonen.page_details .sectionBlock.page_contents h1
{
font-size: 1.8375rem;
}
}
@media (min-width: 768px)
{
#cat_shonen.page_details .sectionBlock.page_contents h1
{
font-size: 60px;
font-size: 3.75rem;
}
}
@media (min-width: 768px) and (max-width: 767px)
{
#cat_shonen.page_details .sectionBlock.page_contents h1
{
font-size: 2.625rem;
}
}
#cat_shonen.page_details .sectionBlock.page_contents .font_shonen
{
font-family: 'mrs-eaves-xl-serif-narrow', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-weight: 400;
letter-spacing: .1rem;
}
#cat_shonen.page_details .sectionBlock.page_contents .article_wrapper article ul li.tag
{
display: inline-block;
padding: 2px 1rem;
text-align: center; 
color: #000;
border: 2px solid #ebebeb;
}
@media (max-width: 767px)
{
#cat_shonen.page_details .sectionBlock.page_contents .article_wrapper article ul li.tag
{
font-size: 12px;
font-size: .75rem;
}
}
@media (max-width: 767px) and (max-width: 767px)
{
#cat_shonen.page_details .sectionBlock.page_contents .article_wrapper article ul li.tag
{
font-size: .525rem;
}
}
@media (min-width: 768px)
{
#cat_shonen.page_details .sectionBlock.page_contents .article_wrapper article ul li.tag
{
padding: 2px 1.5rem;
}
}
#cat_shonen.page_details .sectionBlock.page_contents .article_wrapper article ul li.date
{
font-family: 'mrs-eaves-xl-serif-narrow', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 17px;
font-size: 1.0625rem; 
font-weight: 400;
letter-spacing: .1rem;
}
@media (max-width: 767px)
{
#cat_shonen.page_details .sectionBlock.page_contents .article_wrapper article ul li.date
{
font-size: .74375rem;
}
}
#cat_shonen.page_details .sectionBlock.page_contents .article_wrapper article ul li.name
{
font-family: 'mrs-eaves-xl-serif-narrow', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-weight: 600;
letter-spacing: .1rem;
}
#cat_shonen.page_details .sectionBlock.page_contents .btn.sample
{
font-family: 'mrs-eaves-xl-serif-narrow', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 15px;
font-size: .9375rem;
font-weight: 400;
line-height: 1.3;
width: 95px;
padding: .1rem 8px .1rem 35px;
transition: background .2s ease-in-out; 
text-align: center;
letter-spacing: .1rem;
color: #fff;
border-radius: 0;
background-color: #333;
box-shadow: 0 0 3px #666;
}
@media (min-width: 768px)
{
#cat_shonen.page_details .sectionBlock.page_contents .btn.sample
{
width: 118px;
}
}
@media (max-width: 767px)
{
#cat_shonen.page_details .sectionBlock.page_contents .btn.sample
{
font-size: .65625rem;
}
}
#cat_shonen.page_details .sectionBlock.page_contents .btn.sample:hover
{
transition: background .2s ease-in-out;
}
#cat_shonen.page_details .sectionBlock.page_contents .btn.sample:hover
{
background: #707070;
}
#cat_shonen.index
{
background-image: url(//www.jehp.jp/wp-content/themes/je/images/shonen/bg.png);
background-repeat: repeat; 
background-size: auto;
}
@media (min-width: 768px)
{
#cat_shonen.index
{
background-repeat: no-repeat !important; 
background-size: cover;
}
}
#cat_shonen.index .artistName
{
font-family: 'mrs-eaves-xl-serif-narrow', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 110px;
font-size: 6.875rem;
font-weight: 700;
letter-spacing: .1rem; 
color: #fff;
}
@media (max-width: 767px)
{
#cat_shonen.index .artistName
{
font-size: 4.8125rem;
}
}
#cat_shonen.index .sectionBlock.info h1
{
font-family: 'mrs-eaves-xl-serif-narrow', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 42px;
font-size: 2.625rem;
font-weight: 400;
font-style: italic; 
padding: .5rem 0;
text-align: center;
letter-spacing: .1rem;
color: #fff;
background: linear-gradient(-30deg, #d1c402, #000, #f00);
}
@media (max-width: 767px)
{
#cat_shonen.index .sectionBlock.info h1
{
font-size: 1.8375rem;
}
}
@media (min-width: 768px)
{
#cat_shonen.index .sectionBlock.info h1
{
font-size: 60px;
font-size: 3.75rem;
}
}
@media (min-width: 768px) and (max-width: 767px)
{
#cat_shonen.index .sectionBlock.info h1
{
font-size: 2.625rem;
}
}
#cat_shonen.index .sectionBlock.info .tab_menu
{
font-family: 'mrs-eaves-xl-serif-narrow', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 18px;
font-size: 1.125rem;
font-weight: 400;
letter-spacing: .1rem;
color: #fff;
}
@media (max-width: 767px)
{
#cat_shonen.index .sectionBlock.info .tab_menu
{
font-size: .7875rem;
}
}
#cat_shonen.index .sectionBlock.info .tab_menu ul
{
text-align: center;
}
#cat_shonen.index .sectionBlock.info .tab_menu ul li
{
display: inline-block; 
padding: 0 .8rem 0;
}
@media (min-width: 768px)
{
#cat_shonen.index .sectionBlock.info .tab_menu ul li
{
padding: 0 2.0rem 0;
}
}
#cat_shonen.index .sectionBlock.info .tab_menu ul li a
{
display: inline-block;
padding: .2rem 1px;
transition: color .2s ease-in-out; 
border-bottom: 6px solid transparent;
}
#cat_shonen.index .sectionBlock.info .tab_menu ul li a:hover
{
transition: color .2s ease-in-out;
}
#cat_shonen.index .sectionBlock.info .tab_menu ul li a:hover
{
color: white;
}
@media (min-width: 768px)
{
#cat_shonen.index .sectionBlock.info .tab_menu ul li a
{
padding: .5rem .5rem;
}
}
#cat_shonen.index .sectionBlock.info .tab_menu ul li.active a
{
border-bottom: 4px solid #fff;
}
@media (min-width: 768px)
{
#cat_shonen.index .sectionBlock.info .tab_menu ul li.active a
{
border-bottom: 6px solid #fff;
}
}
#cat_shonen.index .sectionBlock.info .tab_menu li a
{
padding: 0 1px !important; 
color: #fff;
}
#cat_shonen.index .sectionBlock.info .tab_menu li.active a
{
border-bottom: none !important;
}
#cat_shonen.index .sectionBlock.info .tab_menu li.active a:after
{
display: block;
width: 100%;
height: 4px;
content: '';
background: linear-gradient(to bottom, #c6c6c6, #696969);
}
@media (min-width: 768px)
{
#cat_shonen.index .sectionBlock.info .tab_menu li.active a
{
border-bottom: none;
}
#cat_shonen.index .sectionBlock.info .tab_menu li.active a:after
{
display: block;
width: 100%;
height: 6px;
content: '';
background: linear-gradient(to bottom, #c6c6c6, #696969);
}
}
@media (min-width: 768px)
{
#cat_shonen.index .sectionBlock.info .tab_menu
{
font-size: 23px;
font-size: 1.4375rem;
}
}
@media (min-width: 768px) and (max-width: 767px)
{
#cat_shonen.index .sectionBlock.info .tab_menu
{
font-size: 1.00625rem;
}
}
#cat_shonen.index .sectionBlock.info .list_wrapper article:first-child a
{
border-top: 1px solid #848484;
}
#cat_shonen.index .sectionBlock.info .list_wrapper article a
{
display: block;
width: 100%;
margin: 0 auto;
padding: .5rem 0; 
border-bottom: 1px solid #848484;
}
#cat_shonen.index .sectionBlock.info .list_wrapper article a::after
{
display: table; 
clear: both;
content: '';
}
@media (min-width: 992px)
{
#cat_shonen.index .sectionBlock.info .list_wrapper article a
{
width: 860px;
padding: 1rem 0;
}
}
#cat_shonen.index .sectionBlock.info .list_wrapper article a ul
{
font-family: 'din-condensed', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-weight: 300;
display: inline-block;
width: 25%;
vertical-align: middle;
letter-spacing: .1rem;
}
@media (min-width: 768px)
{
#cat_shonen.index .sectionBlock.info .list_wrapper article a ul
{
width: 20%;
}
}
@media (min-width: 992px)
{
#cat_shonen.index .sectionBlock.info .list_wrapper article a ul
{
width: 20%;
}
}
#cat_shonen.index .sectionBlock.info .list_wrapper article a ul li
{
text-align: center;
}
#cat_shonen.index .sectionBlock.info .list_wrapper article a ul li.date
{
font-size: 20px;
font-size: 1.25rem;
}
@media (max-width: 767px)
{
#cat_shonen.index .sectionBlock.info .list_wrapper article a ul li.date
{
font-size: .875rem;
}
}
@media (min-width: 768px)
{
#cat_shonen.index .sectionBlock.info .list_wrapper article a ul li
{
margin: 0 auto;
}
}
#cat_shonen.index .sectionBlock.info .list_wrapper article a p
{
font-size: 17px;
font-size: 1.0625rem;
display: inline-block;
width: 70%; 
vertical-align: middle;
}
@media (max-width: 767px)
{
#cat_shonen.index .sectionBlock.info .list_wrapper article a p
{
font-size: .74375rem;
}
}
@media (min-width: 768px)
{
#cat_shonen.index .sectionBlock.info .list_wrapper article a p
{
width: 78%;
}
}
@media (min-width: 992px)
{
#cat_shonen.index .sectionBlock.info .list_wrapper article a p
{
width: 78%;
}
}
#cat_shonen.index .sectionBlock.info .list_wrapper article a p span.state
{
font-family: 'din-condensed', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 14px;
font-size: .875rem;
font-weight: 300;
margin-left: 5px; 
padding: 0 7px;
text-align: center;
letter-spacing: .1rem;
color: #fff;
border-radius: 20px;
background: #e30000;
}
@media (max-width: 767px)
{
#cat_shonen.index .sectionBlock.info .list_wrapper article a p span.state
{
font-size: .6125rem;
}
}
#cat_shonen.index .sectionBlock.info .list_wrapper article a p span.state:hover
{
text-decoration: none;
}
#cat_shonen.index .sectionBlock.info .list_wrapper article a p span.text:hover
{
text-decoration: underline;
}
#cat_shonen.index .sectionBlock.info .list_wrapper article a ul
{
font-family: 'mrs-eaves-xl-serif-narrow', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-weight: 400;
letter-spacing: .1rem;
}
#cat_shonen.index .sectionBlock.info .list_wrapper article a ul li.date
{
font-style: italic;
}
#cat_shonen.index .sectionBlock.info .list_wrapper article:first-child a
{
border-top: 1px solid #848484 !important;
}
#cat_shonen.index .sectionBlock.info .btn.more
{
font-family: 'mrs-eaves-xl-serif-narrow', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 30px;
font-size: 1.875rem;
font-weight: 400;
line-height: 1.3;
display: block;
width: 110px;
margin: 1.5rem auto;
padding: .3rem 0;
transition: background .2s ease-in-out;
text-align: center;
letter-spacing: .1rem;
color: #fff;
border: none; 
border-radius: 0;
background-color: #333;
box-shadow: -10px 10px 20px #999;
}
@media (max-width: 767px)
{
#cat_shonen.index .sectionBlock.info .btn.more
{
font-size: 1.3125rem;
}
}
#cat_shonen.index .sectionBlock.info .btn.more:hover
{
transition: background .2s ease-in-out;
}
#cat_shonen.index .sectionBlock.info .btn.more:hover
{
background: #707070;
}
@media (max-width: 767px)
{
#cat_shonen.index .sectionBlock.info .btn.more
{
font-size: 25px;
font-size: 1.5625rem;
}
}
@media (max-width: 767px) and (max-width: 767px)
{
#cat_shonen.index .sectionBlock.info .btn.more
{
font-size: 1.09375rem;
}
}
@media (min-width: 768px)
{
#cat_shonen.index .sectionBlock.info .btn.more
{
width: 200px;
margin: 2.5rem auto;
padding: .6rem 0;
}
}
#cat_shonen.index .sectionBlock.spotMovie h1
{
font-family: 'mrs-eaves-xl-serif-narrow', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 42px;
font-size: 2.625rem;
font-weight: 400;
font-style: italic; 
padding: .5rem 0;
text-align: center;
letter-spacing: .1rem;
color: #fff;
background: linear-gradient(-30deg, #d1c402, #000, #f00);
}
@media (max-width: 767px)
{
#cat_shonen.index .sectionBlock.spotMovie h1
{
font-size: 1.8375rem;
}
}
@media (min-width: 768px)
{
#cat_shonen.index .sectionBlock.spotMovie h1
{
font-size: 60px;
font-size: 3.75rem;
}
}
@media (min-width: 768px) and (max-width: 767px)
{
#cat_shonen.index .sectionBlock.spotMovie h1
{
font-size: 2.625rem;
}
}
#cat_shonen.index .sectionBlock.newRelease
{ }
#cat_shonen.index .sectionBlock.newRelease h1
{
font-family: 'mrs-eaves-xl-serif-narrow', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 42px;
font-size: 2.625rem;
font-weight: 400;
font-style: italic; 
padding: .5rem 0;
text-align: center;
letter-spacing: .1rem;
color: #fff;
background: linear-gradient(-30deg, #d1c402, #000, #f00);
}
@media (max-width: 767px)
{
#cat_shonen.index .sectionBlock.newRelease h1
{
font-size: 1.8375rem;
}
}
@media (min-width: 768px)
{
#cat_shonen.index .sectionBlock.newRelease h1
{
font-size: 60px;
font-size: 3.75rem;
}
}
@media (min-width: 768px) and (max-width: 767px)
{
#cat_shonen.index .sectionBlock.newRelease h1
{
font-size: 2.625rem;
}
}
#cat_shonen.index .sectionBlock.newRelease .btn.more
{
font-family: 'mrs-eaves-xl-serif-narrow', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 30px;
font-size: 1.875rem;
font-weight: 400;
line-height: 1.3;
display: block;
width: 110px;
margin: 1.5rem auto;
margin: 1rem auto 0rem; 
padding: .3rem 0;
transition: background .2s ease-in-out;
text-align: center;
letter-spacing: .1rem;
color: #fff;
border: none;
border-radius: 0;
background-color: #333;
box-shadow: -10px 10px 20px #999;
}
@media (max-width: 767px)
{
#cat_shonen.index .sectionBlock.newRelease .btn.more
{
font-size: 1.3125rem;
}
}
#cat_shonen.index .sectionBlock.newRelease .btn.more:hover
{
transition: background .2s ease-in-out;
}
#cat_shonen.index .sectionBlock.newRelease .btn.more:hover
{
background: #707070;
}
@media (max-width: 767px)
{
#cat_shonen.index .sectionBlock.newRelease .btn.more
{
font-size: 25px;
font-size: 1.5625rem;
}
}
@media (max-width: 767px) and (max-width: 767px)
{
#cat_shonen.index .sectionBlock.newRelease .btn.more
{
font-size: 1.09375rem;
}
}
@media (min-width: 768px)
{
#cat_shonen.index .sectionBlock.newRelease .btn.more
{
width: 200px;
margin: 2.5rem auto;
padding: .6rem 0;
}
}
@media (min-width: 768px)
{
#cat_shonen.index .sectionBlock.newRelease .btn.more
{
margin: 1rem auto 0;
}
}
#cat_shonen.index .sectionBlock.discography h1
{
font-family: 'mrs-eaves-xl-serif-narrow', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 42px;
font-size: 2.625rem;
font-weight: 400;
font-style: italic; 
padding: .5rem 0;
text-align: center;
letter-spacing: .1rem;
color: #fff;
background: linear-gradient(-30deg, #d1c402, #000, #f00);
}
@media (max-width: 767px)
{
#cat_shonen.index .sectionBlock.discography h1
{
font-size: 1.8375rem;
}
}
@media (min-width: 768px)
{
#cat_shonen.index .sectionBlock.discography h1
{
font-size: 60px;
font-size: 3.75rem;
}
}
@media (min-width: 768px) and (max-width: 767px)
{
#cat_shonen.index .sectionBlock.discography h1
{
font-size: 2.625rem;
}
}
#cat_shonen.index .sectionBlock.discography .tab_menu
{
font-family: 'mrs-eaves-xl-serif-narrow', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 18px;
font-size: 1.125rem;
font-weight: 400;
letter-spacing: .1rem;
color: #fff;
}
@media (max-width: 767px)
{
#cat_shonen.index .sectionBlock.discography .tab_menu
{
font-size: .7875rem;
}
}
#cat_shonen.index .sectionBlock.discography .tab_menu ul
{
text-align: center;
}
#cat_shonen.index .sectionBlock.discography .tab_menu ul li
{
display: inline-block; 
padding: 0 .8rem 0;
}
@media (min-width: 768px)
{
#cat_shonen.index .sectionBlock.discography .tab_menu ul li
{
padding: 0 2.0rem 0;
}
}
#cat_shonen.index .sectionBlock.discography .tab_menu ul li a
{
display: inline-block;
padding: .2rem 1px;
transition: color .2s ease-in-out; 
border-bottom: 6px solid transparent;
}
#cat_shonen.index .sectionBlock.discography .tab_menu ul li a:hover
{
transition: color .2s ease-in-out;
}
#cat_shonen.index .sectionBlock.discography .tab_menu ul li a:hover
{
color: white;
}
@media (min-width: 768px)
{
#cat_shonen.index .sectionBlock.discography .tab_menu ul li a
{
padding: .5rem .5rem;
}
}
#cat_shonen.index .sectionBlock.discography .tab_menu ul li.active a
{
border-bottom: 4px solid #fff;
}
@media (min-width: 768px)
{
#cat_shonen.index .sectionBlock.discography .tab_menu ul li.active a
{
border-bottom: 6px solid #fff;
}
}
#cat_shonen.index .sectionBlock.discography .tab_menu li a
{
padding: 0 1px !important; 
color: #fff;
}
#cat_shonen.index .sectionBlock.discography .tab_menu li.active a
{
border-bottom: none !important;
}
#cat_shonen.index .sectionBlock.discography .tab_menu li.active a:after
{
display: block;
width: 100%;
height: 4px;
content: '';
background: linear-gradient(to bottom, #c6c6c6, #696969);
}
@media (min-width: 768px)
{
#cat_shonen.index .sectionBlock.discography .tab_menu li.active a
{
border-bottom: none;
}
#cat_shonen.index .sectionBlock.discography .tab_menu li.active a:after
{
display: block;
width: 100%;
height: 6px;
content: '';
background: linear-gradient(to bottom, #c6c6c6, #696969);
}
}
@media (min-width: 768px)
{
#cat_shonen.index .sectionBlock.discography .tab_menu
{
font-size: 23px;
font-size: 1.4375rem;
}
}
@media (min-width: 768px) and (max-width: 767px)
{
#cat_shonen.index .sectionBlock.discography .tab_menu
{
font-size: 1.00625rem;
}
}
#cat_shonen.index .sectionBlock.discography .article_wrapper article ul li.tag
{
display: inline-block;
padding: 2px 1rem;
text-align: center; 
color: #000;
border: 2px solid #ebebeb;
}
@media (max-width: 767px)
{
#cat_shonen.index .sectionBlock.discography .article_wrapper article ul li.tag
{
font-size: 12px;
font-size: .75rem;
}
}
@media (max-width: 767px) and (max-width: 767px)
{
#cat_shonen.index .sectionBlock.discography .article_wrapper article ul li.tag
{
font-size: .525rem;
}
}
@media (min-width: 768px)
{
#cat_shonen.index .sectionBlock.discography .article_wrapper article ul li.tag
{
padding: 2px 1.5rem;
}
}
#cat_shonen.index .sectionBlock.discography .article_wrapper article ul li.date
{
font-family: 'mrs-eaves-xl-serif-narrow', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 17px;
font-size: 1.0625rem; 
font-weight: 400;
letter-spacing: .1rem;
}
@media (max-width: 767px)
{
#cat_shonen.index .sectionBlock.discography .article_wrapper article ul li.date
{
font-size: .74375rem;
}
}
#cat_shonen.index .sectionBlock.discography .article_wrapper article ul li.name
{
font-family: 'mrs-eaves-xl-serif-narrow', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-weight: 600;
letter-spacing: .1rem;
}
#cat_shonen.index .sectionBlock.discography .btn.more
{
font-family: 'mrs-eaves-xl-serif-narrow', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 30px;
font-size: 1.875rem;
font-weight: 400;
line-height: 1.3;
display: block;
width: 110px;
margin: 1.5rem auto;
padding: .3rem 0;
transition: background .2s ease-in-out;
text-align: center;
letter-spacing: .1rem;
color: #fff;
border: none; 
border-radius: 0;
background-color: #333;
box-shadow: -10px 10px 20px #999;
}
@media (max-width: 767px)
{
#cat_shonen.index .sectionBlock.discography .btn.more
{
font-size: 1.3125rem;
}
}
#cat_shonen.index .sectionBlock.discography .btn.more:hover
{
transition: background .2s ease-in-out;
}
#cat_shonen.index .sectionBlock.discography .btn.more:hover
{
background: #707070;
}
@media (max-width: 767px)
{
#cat_shonen.index .sectionBlock.discography .btn.more
{
font-size: 25px;
font-size: 1.5625rem;
}
}
@media (max-width: 767px) and (max-width: 767px)
{
#cat_shonen.index .sectionBlock.discography .btn.more
{
font-size: 1.09375rem;
}
}
@media (min-width: 768px)
{
#cat_shonen.index .sectionBlock.discography .btn.more
{
width: 200px;
margin: 2.5rem auto;
padding: .6rem 0;
}
}
#cat_shonen.index .sectionBlock.profile h1
{
font-family: 'mrs-eaves-xl-serif-narrow', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 42px;
font-size: 2.625rem;
font-weight: 400;
font-style: italic; 
padding: .5rem 0;
text-align: center;
letter-spacing: .1rem;
color: #fff;
background: linear-gradient(-30deg, #d1c402, #000, #f00);
}
@media (max-width: 767px)
{
#cat_shonen.index .sectionBlock.profile h1
{
font-size: 1.8375rem;
}
}
@media (min-width: 768px)
{
#cat_shonen.index .sectionBlock.profile h1
{
font-size: 60px;
font-size: 3.75rem;
}
}
@media (min-width: 768px) and (max-width: 767px)
{
#cat_shonen.index .sectionBlock.profile h1
{
font-size: 2.625rem;
}
}
#cat_shonen.index .sectionBlock.profile .profile_contents .btn.more
{
font-family: 'mrs-eaves-xl-serif-narrow', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 30px;
font-size: 1.875rem;
font-weight: 400;
line-height: 1.3;
display: block;
width: 110px;
margin: 1.5rem auto;
padding: .3rem 0;
transition: background .2s ease-in-out;
text-align: center;
letter-spacing: .1rem;
color: #fff;
border: none; 
border-radius: 0;
background-color: #333;
box-shadow: -10px 10px 20px #999;
}
@media (max-width: 767px)
{
#cat_shonen.index .sectionBlock.profile .profile_contents .btn.more
{
font-size: 1.3125rem;
}
}
#cat_shonen.index .sectionBlock.profile .profile_contents .btn.more:hover
{
transition: background .2s ease-in-out;
}
#cat_shonen.index .sectionBlock.profile .profile_contents .btn.more:hover
{
background: #707070;
}
@media (max-width: 767px)
{
#cat_shonen.index .sectionBlock.profile .profile_contents .btn.more
{
font-size: 25px;
font-size: 1.5625rem;
}
}
@media (max-width: 767px) and (max-width: 767px)
{
#cat_shonen.index .sectionBlock.profile .profile_contents .btn.more
{
font-size: 1.09375rem;
}
}
@media (min-width: 768px)
{
#cat_shonen.index .sectionBlock.profile .profile_contents .btn.more
{
width: 200px;
margin: 2.5rem auto;
padding: .6rem 0;
}
}
#cat_shonen.info .sectionBlock.info h1
{
font-family: 'mrs-eaves-xl-serif-narrow', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 42px;
font-size: 2.625rem;
font-weight: 400;
font-style: italic;
padding: .5rem 0 0; 
text-align: center;
letter-spacing: .1rem;
color: #000;
}
@media (max-width: 767px)
{
#cat_shonen.info .sectionBlock.info h1
{
font-size: 1.8375rem;
}
}
@media (min-width: 768px)
{
#cat_shonen.info .sectionBlock.info h1
{
font-size: 60px;
font-size: 3.75rem;
}
}
@media (min-width: 768px) and (max-width: 767px)
{
#cat_shonen.info .sectionBlock.info h1
{
font-size: 2.625rem;
}
}
#cat_shonen.info .sectionBlock.info .tab_menu
{
font-family: 'mrs-eaves-xl-serif-narrow', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 18px;
font-size: 1.125rem;
font-weight: 400;
letter-spacing: .1rem;
color: #fff;
color: #000 !important;
}
@media (max-width: 767px)
{
#cat_shonen.info .sectionBlock.info .tab_menu
{
font-size: .7875rem;
}
}
#cat_shonen.info .sectionBlock.info .tab_menu ul
{
text-align: center;
}
#cat_shonen.info .sectionBlock.info .tab_menu ul li
{
display: inline-block; 
padding: 0 .8rem 0;
}
@media (min-width: 768px)
{
#cat_shonen.info .sectionBlock.info .tab_menu ul li
{
padding: 0 2.0rem 0;
}
}
#cat_shonen.info .sectionBlock.info .tab_menu ul li a
{
display: inline-block;
padding: .2rem 1px;
transition: color .2s ease-in-out; 
border-bottom: 6px solid transparent;
}
#cat_shonen.info .sectionBlock.info .tab_menu ul li a:hover
{
transition: color .2s ease-in-out;
}
#cat_shonen.info .sectionBlock.info .tab_menu ul li a:hover
{
color: white;
}
@media (min-width: 768px)
{
#cat_shonen.info .sectionBlock.info .tab_menu ul li a
{
padding: .5rem .5rem;
}
}
#cat_shonen.info .sectionBlock.info .tab_menu ul li.active a
{
border-bottom: 4px solid #fff;
}
@media (min-width: 768px)
{
#cat_shonen.info .sectionBlock.info .tab_menu ul li.active a
{
border-bottom: 6px solid #fff;
}
}
#cat_shonen.info .sectionBlock.info .tab_menu li a
{
padding: 0 1px !important; 
color: #fff;
}
#cat_shonen.info .sectionBlock.info .tab_menu li.active a
{
border-bottom: none !important;
}
#cat_shonen.info .sectionBlock.info .tab_menu li.active a:after
{
display: block;
width: 100%;
height: 4px;
content: '';
background: linear-gradient(to bottom, #c6c6c6, #696969);
}
@media (min-width: 768px)
{
#cat_shonen.info .sectionBlock.info .tab_menu li.active a
{
border-bottom: none;
}
#cat_shonen.info .sectionBlock.info .tab_menu li.active a:after
{
display: block;
width: 100%;
height: 6px;
content: '';
background: linear-gradient(to bottom, #c6c6c6, #696969);
}
}
@media (min-width: 768px)
{
#cat_shonen.info .sectionBlock.info .tab_menu
{
font-size: 23px;
font-size: 1.4375rem;
}
}
@media (min-width: 768px) and (max-width: 767px)
{
#cat_shonen.info .sectionBlock.info .tab_menu
{
font-size: 1.00625rem;
}
}
#cat_shonen.info .sectionBlock.info .tab_menu a
{
color: #000 !important;
}
#cat_shonen.info .sectionBlock.info .list_wrapper article:first-child a
{
border-top: 1px solid #848484;
}
#cat_shonen.info .sectionBlock.info .list_wrapper article a
{
display: block;
width: 100%;
margin: 0 auto;
padding: .5rem 0; 
border-bottom: 1px solid #848484;
}
#cat_shonen.info .sectionBlock.info .list_wrapper article a::after
{
display: table; 
clear: both;
content: '';
}
@media (min-width: 992px)
{
#cat_shonen.info .sectionBlock.info .list_wrapper article a
{
width: 100%;
padding: 1rem 0;
}
}
#cat_shonen.info .sectionBlock.info .list_wrapper article a ul
{
font-family: 'din-condensed', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-weight: 300;
display: inline-block;
width: 25%;
vertical-align: middle;
letter-spacing: .1rem;
}
@media (min-width: 768px)
{
#cat_shonen.info .sectionBlock.info .list_wrapper article a ul
{
width: 20%;
}
}
@media (min-width: 992px)
{
#cat_shonen.info .sectionBlock.info .list_wrapper article a ul
{
width: 20%;
}
}
#cat_shonen.info .sectionBlock.info .list_wrapper article a ul li
{
text-align: center;
}
#cat_shonen.info .sectionBlock.info .list_wrapper article a ul li.date
{
font-size: 20px;
font-size: 1.25rem;
}
@media (max-width: 767px)
{
#cat_shonen.info .sectionBlock.info .list_wrapper article a ul li.date
{
font-size: .875rem;
}
}
@media (min-width: 768px)
{
#cat_shonen.info .sectionBlock.info .list_wrapper article a ul li
{
margin: 0 auto;
}
}
#cat_shonen.info .sectionBlock.info .list_wrapper article a p
{
font-size: 17px;
font-size: 1.0625rem;
display: inline-block;
width: 70%; 
vertical-align: middle;
}
@media (max-width: 767px)
{
#cat_shonen.info .sectionBlock.info .list_wrapper article a p
{
font-size: .74375rem;
}
}
@media (min-width: 768px)
{
#cat_shonen.info .sectionBlock.info .list_wrapper article a p
{
width: 78%;
}
}
@media (min-width: 992px)
{
#cat_shonen.info .sectionBlock.info .list_wrapper article a p
{
width: 78%;
}
}
#cat_shonen.info .sectionBlock.info .list_wrapper article a p span.state
{
font-family: 'din-condensed', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 14px;
font-size: .875rem;
font-weight: 300;
margin-left: 5px; 
padding: 0 7px;
text-align: center;
letter-spacing: .1rem;
color: #fff;
border-radius: 20px;
background: #e30000;
}
@media (max-width: 767px)
{
#cat_shonen.info .sectionBlock.info .list_wrapper article a p span.state
{
font-size: .6125rem;
}
}
#cat_shonen.info .sectionBlock.info .list_wrapper article a p span.state:hover
{
text-decoration: none;
}
#cat_shonen.info .sectionBlock.info .list_wrapper article a p span.text:hover
{
text-decoration: underline;
}
#cat_shonen.discography .sectionBlock.discography h1
{
font-family: 'mrs-eaves-xl-serif-narrow', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 42px;
font-size: 2.625rem;
font-weight: 400;
font-style: italic;
padding: .5rem 0 0; 
text-align: center;
letter-spacing: .1rem;
color: #000;
}
@media (max-width: 767px)
{
#cat_shonen.discography .sectionBlock.discography h1
{
font-size: 1.8375rem;
}
}
@media (min-width: 768px)
{
#cat_shonen.discography .sectionBlock.discography h1
{
font-size: 60px;
font-size: 3.75rem;
}
}
@media (min-width: 768px) and (max-width: 767px)
{
#cat_shonen.discography .sectionBlock.discography h1
{
font-size: 2.625rem;
}
}
#cat_shonen.discography .sectionBlock.discography .tab_menu
{
font-family: 'mrs-eaves-xl-serif-narrow', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 18px;
font-size: 1.125rem;
font-weight: 400;
letter-spacing: .1rem;
color: #fff;
color: #000 !important;
border-bottom: 1px solid #848484;
}
@media (max-width: 767px)
{
#cat_shonen.discography .sectionBlock.discography .tab_menu
{
font-size: .7875rem;
}
}
#cat_shonen.discography .sectionBlock.discography .tab_menu ul
{
text-align: center;
}
#cat_shonen.discography .sectionBlock.discography .tab_menu ul li
{
display: inline-block; 
padding: 0 .8rem 0;
}
@media (min-width: 768px)
{
#cat_shonen.discography .sectionBlock.discography .tab_menu ul li
{
padding: 0 2.0rem 0;
}
}
#cat_shonen.discography .sectionBlock.discography .tab_menu ul li a
{
display: inline-block;
padding: .2rem 1px;
transition: color .2s ease-in-out; 
border-bottom: 6px solid transparent;
}
#cat_shonen.discography .sectionBlock.discography .tab_menu ul li a:hover
{
transition: color .2s ease-in-out;
}
#cat_shonen.discography .sectionBlock.discography .tab_menu ul li a:hover
{
color: white;
}
@media (min-width: 768px)
{
#cat_shonen.discography .sectionBlock.discography .tab_menu ul li a
{
padding: .5rem .5rem;
}
}
#cat_shonen.discography .sectionBlock.discography .tab_menu ul li.active a
{
border-bottom: 4px solid #fff;
}
@media (min-width: 768px)
{
#cat_shonen.discography .sectionBlock.discography .tab_menu ul li.active a
{
border-bottom: 6px solid #fff;
}
}
#cat_shonen.discography .sectionBlock.discography .tab_menu li a
{
padding: 0 1px !important; 
color: #fff;
}
#cat_shonen.discography .sectionBlock.discography .tab_menu li.active a
{
border-bottom: none !important;
}
#cat_shonen.discography .sectionBlock.discography .tab_menu li.active a:after
{
display: block;
width: 100%;
height: 4px;
content: '';
background: linear-gradient(to bottom, #c6c6c6, #696969);
}
@media (min-width: 768px)
{
#cat_shonen.discography .sectionBlock.discography .tab_menu li.active a
{
border-bottom: none;
}
#cat_shonen.discography .sectionBlock.discography .tab_menu li.active a:after
{
display: block;
width: 100%;
height: 6px;
content: '';
background: linear-gradient(to bottom, #c6c6c6, #696969);
}
}
@media (min-width: 768px)
{
#cat_shonen.discography .sectionBlock.discography .tab_menu
{
font-size: 23px;
font-size: 1.4375rem;
}
}
@media (min-width: 768px) and (max-width: 767px)
{
#cat_shonen.discography .sectionBlock.discography .tab_menu
{
font-size: 1.00625rem;
}
}
#cat_shonen.discography .sectionBlock.discography .tab_menu a
{
color: #000 !important;
}
#cat_shonen.discography .sectionBlock.discography .article_wrapper article ul li.tag
{
display: inline-block;
padding: 2px 1rem;
text-align: center; 
color: #000;
border: 2px solid #ebebeb;
}
@media (max-width: 767px)
{
#cat_shonen.discography .sectionBlock.discography .article_wrapper article ul li.tag
{
font-size: 12px;
font-size: .75rem;
}
}
@media (max-width: 767px) and (max-width: 767px)
{
#cat_shonen.discography .sectionBlock.discography .article_wrapper article ul li.tag
{
font-size: .525rem;
}
}
@media (min-width: 768px)
{
#cat_shonen.discography .sectionBlock.discography .article_wrapper article ul li.tag
{
padding: 2px 1.5rem;
}
}
#cat_shonen.discography .sectionBlock.discography .article_wrapper article ul li.date
{
font-family: 'mrs-eaves-xl-serif-narrow', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 17px;
font-size: 1.0625rem; 
font-weight: 400;
letter-spacing: .1rem;
}
@media (max-width: 767px)
{
#cat_shonen.discography .sectionBlock.discography .article_wrapper article ul li.date
{
font-size: .74375rem;
}
}
#cat_shonen.discography .sectionBlock.discography .article_wrapper article ul li.name
{
font-family: 'mrs-eaves-xl-serif-narrow', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-weight: 600;
letter-spacing: .1rem;
}
#cat_shonen.profile .sectionBlock.profile h1
{
font-family: 'mrs-eaves-xl-serif-narrow', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 42px;
font-size: 2.625rem;
font-weight: 400;
font-style: italic;
padding: .5rem 0 0; 
text-align: center;
letter-spacing: .1rem;
color: #000;
}
@media (max-width: 767px)
{
#cat_shonen.profile .sectionBlock.profile h1
{
font-size: 1.8375rem;
}
}
@media (min-width: 768px)
{
#cat_shonen.profile .sectionBlock.profile h1
{
font-size: 60px;
font-size: 3.75rem;
}
}
@media (min-width: 768px) and (max-width: 767px)
{
#cat_shonen.profile .sectionBlock.profile h1
{
font-size: 2.625rem;
}
}
#cat_shonen.profile .sectionBlock.profile .text dl dd
{
font-family: 'mrs-eaves-xl-serif-narrow', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-weight: 400;
letter-spacing: .1rem;
}
#cat_shonen.profile .sectionBlock.profile .text dl dd span
{
font-family: 'mrs-eaves-xl-serif-narrow', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-weight: 300;
line-height: 1.3; 
letter-spacing: .1rem;
}
@media (min-width: 992px)
{
#cat_shonen.profile .sectionBlock.profile .text dl dd span
{
line-height: 1.7;
}
}
#cat_shonen .more
{
font-family: 'mrs-eaves-xl-serif-narrow', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 30px;
font-size: 1.875rem;
font-weight: 400;
line-height: 1.3;
display: block;
width: 110px;
margin: 1.5rem auto;
padding: .3rem 0;
transition: background .2s ease-in-out;
text-align: center;
letter-spacing: .1rem;
color: #fff;
border: none; 
border-radius: 0;
background-color: #333;
box-shadow: -10px 10px 20px #999;
}
@media (max-width: 767px)
{
#cat_shonen .more
{
font-size: 1.3125rem;
}
}
#cat_shonen .more:hover
{
transition: background .2s ease-in-out;
}
#cat_shonen .more:hover
{
background: #707070;
}
@media (max-width: 767px)
{
#cat_shonen .more
{
font-size: 25px;
font-size: 1.5625rem;
}
}
@media (max-width: 767px) and (max-width: 767px)
{
#cat_shonen .more
{
font-size: 1.09375rem;
}
}
@media (min-width: 768px)
{
#cat_shonen .more
{
width: 200px;
margin: 2.5rem auto;
padding: .6rem 0;
}
}
#cat_shonen .tag
{
display: inline-block;
padding: 2px 1rem;
text-align: center; 
color: #000;
border: 2px solid #ebebeb;
}
@media (max-width: 767px)
{
#cat_shonen .tag
{
font-size: 12px;
font-size: .75rem;
}
}
@media (max-width: 767px) and (max-width: 767px)
{
#cat_shonen .tag
{
font-size: .525rem;
}
}
@media (min-width: 768px)
{
#cat_shonen .tag
{
padding: 2px 1.5rem;
}
}
#cat_shonen .date
{
font-family: 'mrs-eaves-xl-serif-narrow', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-weight: 400;
letter-spacing: .1rem;
}
#cat_jwest .icon_sp_menu
{
position: fixed;
z-index: 99; 
top: 12px;
right: 15px;
cursor: pointer;
}
#cat_jwest .icon_sp_menu svg
{
z-index: 9999;
width: 20px;
height: 20px;
fill: #fff;
}
@media (min-width: 768px)
{
#cat_jwest .icon_sp_menu svg
{
width: 20px; 
height: 20px;
}
}
#cat_jwest .icon_sp_menu.color_black svg
{
fill: #000;
}
#cat_jwest .globalNavi_sp
{
position: absolute;
z-index: 100; 
top: 0;
right: 0;
display: none;
width: 100%;
}
#cat_jwest .globalNavi_sp.on
{
display: block;
}
#cat_jwest .globalNavi_sp .navi_contents
{
font-family: 'din-condensed', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-weight: 300;
position: absolute;
z-index: 2;
top: 0;
top: 0;
right: -220px;
width: 220px;
height: 100%;
transition: margin-left .5s ease-out;
letter-spacing: .1rem; 
background: rgba(50, 50, 50, .9);
}
#cat_jwest .globalNavi_sp .navi_contents .icon_close
{
position: relative;
cursor: pointer;
}
#cat_jwest .globalNavi_sp .navi_contents .icon_close svg
{
position: absolute;
z-index: 2;
top: 12px;
right: 15px;
width: 20px; 
height: 20px;
fill: #848484;
}
#cat_jwest .globalNavi_sp .navi_contents h1
{
font-size: 1.1rem;
padding: .8rem 0;
text-align: center;
color: #848484;
background: rgba(50, 50, 50, .9);
}
#cat_jwest .globalNavi_sp .navi_contents h1.jwest
{
font-size: 1.0rem; 
padding: .8rem 0 .8rem .5rem;
text-align: left;
}
#cat_jwest .globalNavi_sp .navi_contents ul
{
text-align: center;
}
#cat_jwest .globalNavi_sp .navi_contents ul li
{
font-size: 1rem;
}
#cat_jwest .globalNavi_sp .navi_contents ul.artist_globalNavi li
{
border-bottom: none; 
background: #fff;
}
#cat_jwest .globalNavi_sp .navi_contents ul.artist_globalNavi li a
{
display: block;
padding: .5rem 0;
}
#cat_jwest .globalNavi_sp .navi_contents ul.artist_globalNavi li:nth-child(2n)
{
background: #f6f6f6;
}
#cat_jwest .globalNavi_sp .navi_contents ul.artist_globalNavi li.category
{
font-family: 'din-condensed', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 1.3rem;
font-weight: 400;
letter-spacing: .1rem;
}
#cat_jwest .globalNavi_sp .navi_contents ul.artist_globalNavi li.category a
{
position: relative; 
display: block;
padding: 0 0;
}
#cat_jwest .globalNavi_sp .navi_contents ul.artist_globalNavi li.category a .img_bg
{
width: 100%;
height: 150px; 
background-position: center top;
background-size: cover;
}
#cat_jwest .globalNavi_sp .navi_contents ul.artist_globalNavi li.category a p
{
position: absolute;
bottom: 0;
left: 0;
width: 100%; 
padding: .25rem;
text-align: center;
background: rgba(255, 255, 255, .8);
}
#cat_jwest .globalNavi_sp .navi_contents ul.artist_globalNavi li.active a
{
color: #ccc;
}
#cat_jwest .globalNavi_sp .navi_contents ul.global
{
border-top: 2px solid #848484;
}
#cat_jwest .globalNavi_sp .navi_contents ul.global li a
{
display: block;
padding: .5rem 0;
color: #fff;
border-bottom: 2px solid #848484;
}
#cat_jwest .globalNavi_sp .navi_contents ul.artists
{
margin-top: 2rem;
}
#cat_jwest .globalNavi_sp .navi_contents ul.artists li
{
margin: 0 0 .8rem 0;
background-position: center top;
background-size: cover;
}
#cat_jwest .globalNavi_sp .navi_contents ul.artists li a
{
position: relative;
display: block;
width: 220px; 
height: 110px;
}
#cat_jwest .globalNavi_sp .navi_contents ul.artists li a img
{
width: 100%; 
height: auto;
}
#cat_jwest .globalNavi_sp .navi_contents ul.artists li a p
{
position: absolute;
bottom: 0;
left: 0;
width: 100%; 
padding: .25rem;
text-align: center;
background: rgba(255, 255, 255, .8);
}
#cat_jwest .globalNavi_sp .navi_contents ul.artists li a p.font_ja
{
font-size: .8rem;
}
#cat_jwest .globalNavi_sp .navi_contents ul.artists li a p span.font_ja
{
font-size: .9rem;
}
#cat_jwest .globalNavi
{
z-index: 98;
padding: 30px 0;
background: #fff;
box-shadow: -10px 20px 20px rgba(0, 0, 0, .5);
}
#cat_jwest .globalNavi > ul
{
width: 100%;
margin: 0 auto;
}
@media (min-width: 992px)
{
#cat_jwest .globalNavi > ul
{
width: 940px;
}
}
#cat_jwest .globalNavi > ul li
{
font-family: 'din-condensed', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 20px;
font-size: 1.25rem; 
font-weight: 300;
display: inline-block;
margin: 0 5px;
letter-spacing: .1rem;
}
@media (max-width: 767px)
{
#cat_jwest .globalNavi > ul li
{
font-size: .875rem;
}
}
#cat_jwest .globalNavi > ul li .font_ja
{
font-size: 18px;
font-size: 1.125rem;
}
@media (max-width: 767px)
{
#cat_jwest .globalNavi > ul li .font_ja
{
font-size: .7875rem;
}
}
#cat_jwest .globalNavi > ul li a
{
line-height: 1;
display: block;
padding: 2px 2px 0 4px;
transition: background-color .2s linear, color .2s linear; 
color: #000;
}
#cat_jwest .globalNavi > ul li a:hover
{
color: #fff; 
background-color: #e73b12;
}
#cat_jwest .globalNavi > ul li.active
{
background: #e73b12;
}
#cat_jwest .globalNavi > ul li.active a
{
display: block; 
color: #fff;
}
#cat_jwest .globalNavi > ul li.artists
{
font-size: 15px;
font-size: .9375rem;
line-height: 1.3; 
padding-left: 20px;
}
@media (max-width: 767px)
{
#cat_jwest .globalNavi > ul li.artists
{
font-size: .65625rem;
}
}
#cat_jwest .globalNavi .menu_wrapper
{
position: relative;
width: 100%; 
margin: 0 auto;
}
@media (min-width: 992px)
{
#cat_jwest .globalNavi .menu_wrapper
{
width: 860px;
}
}
#cat_jwest .globalNavi .menu_wrapper p.menu
{
font-family: 'din-condensed', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 15px;
font-size: .9375rem;
font-weight: 300;
position: absolute;
top: -30px;
right: -60px; 
letter-spacing: .1rem;
}
@media (max-width: 767px)
{
#cat_jwest .globalNavi .menu_wrapper p.menu
{
font-size: .65625rem;
}
}
#cat_jwest .globalNavi .menu_wrapper p.menu .icon_arrow
{
position: relative; 
display: inline-block;
}
#cat_jwest .globalNavi .menu_wrapper p.menu .icon_arrow:after
{
position: absolute;
top: 33%;
right: -12px;
display: inline-block;
width: 0;
height: 0;
content: '';
border-top: 8px solid #e73b12; 
border-right: 4px solid transparent;
border-left: 4px solid transparent;
}
#cat_jwest .globalNavi .menu_wrapper p.menu .icon_arrow:hover
{
color: #ee7659;
}
#cat_jwest .globalNavi .menu_wrapper p.menu a
{
display: block;
width: 180px;
padding: 10px 0; 
text-align: center;
}
#cat_jwest .globalNavi .menu_wrapper .menu_contents
{
font-family: 'din-condensed', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-weight: 300;
position: absolute;
z-index: 10;
top: 10px;
right: -60px;
display: none; 
text-align: center;
letter-spacing: .1rem;
box-shadow: 0 10px 10px rgba(0, 0, 0, .1);
}
#cat_jwest .globalNavi .menu_wrapper .menu_contents ul
{
width: 180px;
background: #f6f6f6;
}
#cat_jwest .globalNavi .menu_wrapper .menu_contents ul li
{
font-size: 15px;
font-size: .9375rem;
display: block;
background: #fff;
}
@media (max-width: 767px)
{
#cat_jwest .globalNavi .menu_wrapper .menu_contents ul li
{
font-size: .65625rem;
}
}
#cat_jwest .globalNavi .menu_wrapper .menu_contents ul li a
{
display: block;
padding: 5px 0;
transition: background .2s ease-in-out; 
border-top: 1px solid #c1c1c1;
background: #fff;
}
#cat_jwest .globalNavi .menu_wrapper .menu_contents ul li a:hover
{
transition: background .2s ease-in-out;
}
#cat_jwest .globalNavi .menu_wrapper .menu_contents ul li a .font_ja
{
font-size: 14px;
font-size: .875rem;
}
@media (max-width: 767px)
{
#cat_jwest .globalNavi .menu_wrapper .menu_contents ul li a .font_ja
{
font-size: .6125rem;
}
}
#cat_jwest .globalNavi .menu_wrapper .menu_contents ul li a:hover
{
color: #fff; 
background: #e73b12;
}
#cat_jwest .globalNavi .menu_wrapper .menu_contents ul li.artists
{
font-size: 14px;
font-size: .875rem;
padding: 1rem 0 .7rem 0; 
background: #f6f6f6;
}
@media (max-width: 767px)
{
#cat_jwest .globalNavi .menu_wrapper .menu_contents ul li.artists
{
font-size: .6125rem;
}
}
#cat_jwest .globalNavi .menu_wrapper .menu_contents ul li.artist a
{
border-top: none; 
background: #f6f6f6;
}
#cat_jwest .globalNavi .menu_wrapper .menu_contents ul li.artist a:hover
{
color: #fff; 
background: #e73b12;
}
#cat_jwest .globalNavi .menu_wrapper .menu_contents ul li.active a
{
color: #fff; 
background: #e73b12;
}
#cat_jwest .globalNavi ul li
{
font-family: 'almaq-refined', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-weight: 400;
letter-spacing: .1rem;
}
#cat_jwest .globalNavi .menu_wrapper p.menu
{
font-family: 'almaq-refined', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-weight: 400;
letter-spacing: .1rem;
}
#cat_jwest .sectionBlock.artist h1
{
font-family: 'almaq-refined', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 42px;
font-size: 2.625rem;
font-weight: 400;
margin-bottom: 1rem; 
padding: .5rem 0;
text-align: center;
letter-spacing: .1rem;
color: #000;
background-color: rgba(224, 226, 217, .7);
}
@media (max-width: 767px)
{
#cat_jwest .sectionBlock.artist h1
{
font-size: 1.8375rem;
}
}
@media (min-width: 768px)
{
#cat_jwest .sectionBlock.artist h1
{
font-size: 60px;
font-size: 3.75rem;
}
}
@media (min-width: 768px) and (max-width: 767px)
{
#cat_jwest .sectionBlock.artist h1
{
font-size: 2.625rem;
}
}
#cat_jwest .sectionBlock.artist .artist_contents
{
position: relative;
padding: .5rem 0;
}
@media (min-width: 768px)
{
#cat_jwest .sectionBlock.artist .artist_contents
{
padding: 2rem 0;
}
}
#cat_jwest .sectionBlock.artist .artist_contents ul
{
width: 100%;
margin: 0 auto;
}
@media (min-width: 992px)
{
#cat_jwest .sectionBlock.artist .artist_contents ul
{
width: 860px;
}
}
#cat_jwest .sectionBlock.artist .artist_contents ul li
{
font-family: 'din-condensed', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 26px;
font-size: 1.625rem;
font-weight: 300;
display: inline-block; 
width: 33%;
text-align: center;
letter-spacing: .1rem;
}
@media (max-width: 767px)
{
#cat_jwest .sectionBlock.artist .artist_contents ul li
{
font-size: 1.1375rem;
}
}
@media (min-width: 768px)
{
#cat_jwest .sectionBlock.artist .artist_contents ul li
{
font-size: 30px;
font-size: 1.875rem;
}
}
@media (min-width: 768px) and (max-width: 767px)
{
#cat_jwest .sectionBlock.artist .artist_contents ul li
{
font-size: 1.3125rem;
}
}
#cat_jwest .sectionBlock.artist .artist_contents ul li.narrow
{
width: 25%;
}
#cat_jwest .sectionBlock.artist .artist_contents ul li .font_ja
{
font-size: 20px;
font-size: 1.25rem;
line-height: 1.8;
}
@media (max-width: 767px)
{
#cat_jwest .sectionBlock.artist .artist_contents ul li .font_ja
{
font-size: .875rem;
}
}
@media (min-width: 768px)
{
#cat_jwest .sectionBlock.artist .artist_contents ul li .font_ja
{
font-size: 26px;
font-size: 1.625rem;
}
}
@media (min-width: 768px) and (max-width: 767px)
{
#cat_jwest .sectionBlock.artist .artist_contents ul li .font_ja
{
font-size: 1.1375rem;
}
}
#cat_jwest .sectionBlock.artist .artist_contents ul li a:hover
{
color: #666;
}
#cat_jwest .sectionBlock.artist .artist_contents .pageTop
{
font-size: 40px;
font-size: 2.5rem;
line-height: 1.3;
display: block;
width: 110px;
margin: 1rem auto .5rem; 
padding: 0;
transition: background .2s ease-in-out;
text-align: center;
color: #000;
border: none;
border-radius: 40px;
background-color: #fff;
box-shadow: 0 0 10px #b3b3b3;
}
#cat_jwest .sectionBlock.artist .artist_contents .pageTop:hover
{
transition: background .2s ease-in-out;
}
@media (max-width: 767px)
{
#cat_jwest .sectionBlock.artist .artist_contents .pageTop
{
font-size: 1.75rem;
}
}
#cat_jwest .sectionBlock.artist .artist_contents .pageTop:hover
{
background: #b3b3b3;
}
@media (min-width: 768px)
{
#cat_jwest .sectionBlock.artist .artist_contents .pageTop
{
width: 190px;
margin: 2.5rem auto 0;
padding: .2rem 0 0;
}
}
#cat_jwest .sectionBlock.artist .artist_contents .pageTop svg
{
width: 18px; 
height: 18px;
}
@media (min-width: 768px)
{
#cat_jwest .sectionBlock.artist .artist_contents .pageTop svg
{
width: 34px; 
height: 34px;
}
}
@media (min-width: 768px)
{
#cat_jwest .sectionBlock.artist .artist_contents .pageTop
{
margin: 2.5rem auto 0;
}
}
#cat_jwest footer
{
padding: 1rem; 
text-align: center;
color: #000;
background: #fff;
}
@media (min-width: 768px)
{
#cat_jwest footer
{
padding: 3rem 0;
}
}
#cat_jwest footer a
{
text-decoration: none; 
color: #000;
}
#cat_jwest footer a:hover
{
text-decoration: underline;
}
#cat_jwest footer ul.sns
{
margin-bottom: .5rem; 
text-align: center;
}
@media (min-width: 768px)
{
#cat_jwest footer ul.sns
{
margin-bottom: 1rem;
}
}
#cat_jwest footer ul.sns li
{
display: inline-block;
margin: 0 5px;
}
#cat_jwest footer ul.sns li svg
{
width: 22px; 
height: 22px;
transition: opacity .2s ease-in-out;
opacity: 1;
fill: #000;
}
#cat_jwest footer ul.sns li svg:hover
{
transition: opacity .2s ease-in-out;
}
#cat_jwest footer ul.sns li svg:hover
{
opacity: .7;
}
@media (min-width: 768px)
{
#cat_jwest footer ul.sns li svg
{
width: 30px; 
height: 30px;
}
}
#cat_jwest footer .terms
{
font-size: 14px;
font-size: .875rem;
margin-bottom: .5rem;
}
@media (max-width: 767px)
{
#cat_jwest footer .terms
{
font-size: .6125rem;
}
}
@media (min-width: 768px)
{
#cat_jwest footer .terms
{
margin-bottom: 1rem;
}
}
#cat_jwest footer .copyright
{
font-family: 'din-condensed', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-weight: 300;
letter-spacing: .1rem;
}
@media (max-width: 767px)
{
#cat_jwest footer .copyright
{
font-size: 12px;
font-size: .75rem;
}
}
@media (max-width: 767px) and (max-width: 767px)
{
#cat_jwest footer .copyright
{
font-size: .525rem;
}
}
#cat_jwest.pages
{
background-color: #f7faf1;
background-image: url(//www.jehp.jp/wp-content/themes/je/images/jwest/bg.png);
}
@media (min-width: 768px)
{
#cat_jwest.pages
{
background-image: url(//www.jehp.jp/wp-content/themes/je/images/jwest/bg.png);
}
}
#cat_jwest.pages .page_wrapper .page_inner
{
background-image: url(//www.jehp.jp/wp-content/themes/je/images/common/bg_dot_sp.png);
}
#cat_jwest.pages .main_visual .triangle_wrapper .logo
{
position: absolute;
z-index: 999; 
top: 10px;
left: 10px;
}
@media (min-width: 992px)
{
#cat_jwest.pages .main_visual .triangle_wrapper .logo
{
position: absolute;
top: 20px;
left: 20px;
}
}
#cat_jwest.pages .main_visual .triangle_wrapper .logo img
{
width: 50px; 
height: auto;
}
@media (min-width: 992px)
{
#cat_jwest.pages .main_visual .triangle_wrapper .logo img
{
width: 100px; 
height: auto;
}
}
#cat_jwest.pages .main_visual .triangle_wrapper .triangle
{
position: absolute;
width: 200px;
height: 200px;
transform: rotate(-40deg) translateY(-150px) translateX(0px);
background: #e73b12;
box-shadow: -10px 15px 20px rgba(0, 0, 0, .2);
}
@media (min-width: 992px)
{
#cat_jwest.pages .main_visual .triangle_wrapper .triangle
{
width: 400px;
height: 400px;
transform: rotate(-40deg) translateY(-310px) translateX(0px);
box-shadow: -10px 20px 20px rgba(0, 0, 0, .2);
}
}
#cat_jwest.pages .artistName
{
font-family: 'almaq-refined', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 50px;
font-size: 3.125rem;
font-weight: 400;
letter-spacing: .1rem;
}
@media (max-width: 767px)
{
#cat_jwest.pages .artistName
{
font-size: 2.1875rem;
}
}
#cat_jwest.pages .btn.back
{
font-family: 'almaq-refined', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 30px;
font-size: 1.875rem;
font-weight: 400;
line-height: 1.3;
display: block;
width: 110px;
margin: 1.5rem auto;
padding: .3rem 0;
transition: background .2s ease-in-out;
text-align: center;
letter-spacing: .1rem;
color: #fff;
border: none; 
border-radius: 8px;
background-color: #000;
box-shadow: 0 4px 0 #666;
}
@media (max-width: 767px)
{
#cat_jwest.pages .btn.back
{
font-size: 1.3125rem;
}
}
#cat_jwest.pages .btn.back:hover
{
transition: background .2s ease-in-out;
}
#cat_jwest.pages .btn.back:hover
{
background: #4d4d4d;
}
@media (max-width: 767px)
{
#cat_jwest.pages .btn.back
{
font-size: 25px;
font-size: 1.5625rem;
}
}
@media (max-width: 767px) and (max-width: 767px)
{
#cat_jwest.pages .btn.back
{
font-size: 1.09375rem;
}
}
@media (min-width: 768px)
{
#cat_jwest.pages .btn.back
{
font-family: 'almaq-refined', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 30px;
font-size: 1.875rem;
font-weight: 400;
line-height: 1.3;
width: 200px;
margin: 2.5rem auto;
padding: .6rem 0; 
transition: background .2s ease-in-out;
text-align: center;
letter-spacing: .1rem;
color: #fff;
border-radius: 8px;
background-color: #000;
}
}
@media (min-width: 768px) and (max-width: 767px)
{
#cat_jwest.pages .btn.back
{
font-size: 1.3125rem;
}
}
@media (min-width: 768px)
{
#cat_jwest.pages .btn.back:hover
{
transition: background .2s ease-in-out;
}
#cat_jwest.pages .btn.back:hover
{
background: #4d4d4d;
}
}
@media (min-width: 768px) and (max-width: 767px)
{
#cat_jwest.pages .btn.back
{
font-size: 25px;
font-size: 1.5625rem;
}
}
@media (min-width: 768px) and (max-width: 767px) and (max-width: 767px)
{
#cat_jwest.pages .btn.back
{
font-size: 1.09375rem;
}
}
#cat_jwest.page_details .sectionBlock.page_contents h1
{
font-family: 'almaq-refined', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 42px;
font-size: 2.625rem;
font-weight: 400;
padding: .5rem 0 0; 
text-align: center;
letter-spacing: .1rem;
color: #e73b12;
}
@media (max-width: 767px)
{
#cat_jwest.page_details .sectionBlock.page_contents h1
{
font-size: 1.8375rem;
}
}
@media (min-width: 768px)
{
#cat_jwest.page_details .sectionBlock.page_contents h1
{
font-size: 60px;
font-size: 3.75rem;
}
}
@media (min-width: 768px) and (max-width: 767px)
{
#cat_jwest.page_details .sectionBlock.page_contents h1
{
font-size: 2.625rem;
}
}
#cat_jwest.page_details .sectionBlock.page_contents .font_jwest
{
font-family: 'almaq-refined', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-weight: 400;
letter-spacing: .1rem;
}
#cat_jwest.page_details .sectionBlock.page_contents .article_wrapper article ul li.tag
{
display: inline-block;
padding: 2px 1rem; 
text-align: center;
color: #fff;
border-radius: 4px;
background: #888;
}
@media (max-width: 767px)
{
#cat_jwest.page_details .sectionBlock.page_contents .article_wrapper article ul li.tag
{
font-size: 12px;
font-size: .75rem;
}
}
@media (max-width: 767px) and (max-width: 767px)
{
#cat_jwest.page_details .sectionBlock.page_contents .article_wrapper article ul li.tag
{
font-size: .525rem;
}
}
@media (min-width: 768px)
{
#cat_jwest.page_details .sectionBlock.page_contents .article_wrapper article ul li.tag
{
padding: 2px 1.5rem; 
border-radius: 6px;
}
}
#cat_jwest.page_details .sectionBlock.page_contents .article_wrapper article ul li.date
{
font-family: 'almaq-refined', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 17px;
font-size: 1.0625rem; 
font-weight: 400;
letter-spacing: .1rem;
}
@media (max-width: 767px)
{
#cat_jwest.page_details .sectionBlock.page_contents .article_wrapper article ul li.date
{
font-size: .74375rem;
}
}
#cat_jwest.page_details .sectionBlock.page_contents .article_wrapper article ul li.name
{
font-family: 'almaq-refined', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-weight: 600;
letter-spacing: .1rem;
}
#cat_jwest.page_details .sectionBlock.page_contents .btn.sample
{
font-family: 'almaq-refined', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 15px;
font-size: .9375rem;
font-weight: 400;
line-height: 1.3;
width: 95px;
padding: .1rem 8px .1rem 35px;
transition: background .2s ease-in-out; 
text-align: center;
letter-spacing: .1rem;
color: #fff;
border-radius: 8px;
background-color: #000;
box-shadow: 0 0 3px #666;
}
@media (min-width: 768px)
{
#cat_jwest.page_details .sectionBlock.page_contents .btn.sample
{
width: 118px;
}
}
@media (max-width: 767px)
{
#cat_jwest.page_details .sectionBlock.page_contents .btn.sample
{
font-size: .65625rem;
}
}
#cat_jwest.page_details .sectionBlock.page_contents .btn.sample:hover
{
transition: background .2s ease-in-out;
}
#cat_jwest.page_details .sectionBlock.page_contents .btn.sample:hover
{
background: #4d4d4d;
}
#cat_jwest.index
{
background-image: url(//www.jehp.jp/wp-content/themes/je/images/jwest/bg.png);
}
#cat_jwest.index .artistName
{
font-family: 'almaq-refined', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 55px;
font-size: 3.4375rem;
font-weight: 400;
letter-spacing: .1rem; 
color: #000;
}
@media (max-width: 767px)
{
#cat_jwest.index .artistName
{
font-size: 2.40625rem;
}
}
#cat_jwest.index .sectionBlock.info h1
{
font-family: 'almaq-refined', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 42px;
font-size: 2.625rem;
font-weight: 400;
padding: .5rem 0;
text-align: center;
letter-spacing: .1rem; 
color: #000;
background-color: rgba(224, 226, 217, .7);
}
@media (max-width: 767px)
{
#cat_jwest.index .sectionBlock.info h1
{
font-size: 1.8375rem;
}
}
@media (min-width: 768px)
{
#cat_jwest.index .sectionBlock.info h1
{
font-size: 60px;
font-size: 3.75rem;
}
}
@media (min-width: 768px) and (max-width: 767px)
{
#cat_jwest.index .sectionBlock.info h1
{
font-size: 2.625rem;
}
}
#cat_jwest.index .sectionBlock.info .tab_menu
{
font-family: 'nimbus-sans-condensed', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 18px;
font-size: 1.125rem; 
font-weight: 700;
letter-spacing: .1rem;
background-color: rgba(224, 226, 217, .7);
}
@media (max-width: 767px)
{
#cat_jwest.index .sectionBlock.info .tab_menu
{
font-size: .7875rem;
}
}
#cat_jwest.index .sectionBlock.info .tab_menu ul
{
text-align: center;
}
#cat_jwest.index .sectionBlock.info .tab_menu ul li
{
display: inline-block; 
padding: 0 .8rem 0;
}
@media (min-width: 768px)
{
#cat_jwest.index .sectionBlock.info .tab_menu ul li
{
padding: 0 2.0rem 0;
}
}
#cat_jwest.index .sectionBlock.info .tab_menu ul li a
{
display: inline-block;
padding: .2rem 1px;
transition: color .2s ease-in-out; 
border-bottom: 6px solid transparent;
}
#cat_jwest.index .sectionBlock.info .tab_menu ul li a:hover
{
transition: color .2s ease-in-out;
}
#cat_jwest.index .sectionBlock.info .tab_menu ul li a:hover
{
color: gray;
}
@media (min-width: 768px)
{
#cat_jwest.index .sectionBlock.info .tab_menu ul li a
{
padding: .5rem .5rem;
}
}
#cat_jwest.index .sectionBlock.info .tab_menu ul li.active a
{
border-bottom: 4px solid #000;
}
@media (min-width: 768px)
{
#cat_jwest.index .sectionBlock.info .tab_menu ul li.active a
{
border-bottom: 6px solid #000;
}
}
@media (min-width: 768px)
{
#cat_jwest.index .sectionBlock.info .tab_menu
{
font-size: 23px;
font-size: 1.4375rem;
}
}
@media (min-width: 768px) and (max-width: 767px)
{
#cat_jwest.index .sectionBlock.info .tab_menu
{
font-size: 1.00625rem;
}
}
#cat_jwest.index .sectionBlock.info .list_wrapper article:first-child a
{
border-top: 1px solid #e73b12;
}
#cat_jwest.index .sectionBlock.info .list_wrapper article a
{
display: block;
width: 100%;
margin: 0 auto;
padding: .5rem 0; 
border-bottom: 1px solid #848484;
}
#cat_jwest.index .sectionBlock.info .list_wrapper article a::after
{
display: table; 
clear: both;
content: '';
}
@media (min-width: 992px)
{
#cat_jwest.index .sectionBlock.info .list_wrapper article a
{
width: 860px;
padding: 1rem 0;
}
}
#cat_jwest.index .sectionBlock.info .list_wrapper article a ul
{
font-family: 'din-condensed', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-weight: 300;
display: inline-block;
width: 25%;
vertical-align: middle;
letter-spacing: .1rem;
}
@media (min-width: 768px)
{
#cat_jwest.index .sectionBlock.info .list_wrapper article a ul
{
width: 20%;
}
}
@media (min-width: 992px)
{
#cat_jwest.index .sectionBlock.info .list_wrapper article a ul
{
width: 20%;
}
}
#cat_jwest.index .sectionBlock.info .list_wrapper article a ul li
{
text-align: center;
}
#cat_jwest.index .sectionBlock.info .list_wrapper article a ul li.date
{
font-size: 20px;
font-size: 1.25rem;
}
@media (max-width: 767px)
{
#cat_jwest.index .sectionBlock.info .list_wrapper article a ul li.date
{
font-size: .875rem;
}
}
@media (min-width: 768px)
{
#cat_jwest.index .sectionBlock.info .list_wrapper article a ul li
{
margin: 0 auto;
}
}
#cat_jwest.index .sectionBlock.info .list_wrapper article a p
{
font-size: 17px;
font-size: 1.0625rem;
display: inline-block;
width: 70%; 
vertical-align: middle;
}
@media (max-width: 767px)
{
#cat_jwest.index .sectionBlock.info .list_wrapper article a p
{
font-size: .74375rem;
}
}
@media (min-width: 768px)
{
#cat_jwest.index .sectionBlock.info .list_wrapper article a p
{
width: 78%;
}
}
@media (min-width: 992px)
{
#cat_jwest.index .sectionBlock.info .list_wrapper article a p
{
width: 78%;
}
}
#cat_jwest.index .sectionBlock.info .list_wrapper article a p span.state
{
font-family: 'din-condensed', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 14px;
font-size: .875rem;
font-weight: 300;
margin-left: 5px; 
padding: 0 7px;
text-align: center;
letter-spacing: .1rem;
color: #fff;
border-radius: 20px;
background: #e30000;
}
@media (max-width: 767px)
{
#cat_jwest.index .sectionBlock.info .list_wrapper article a p span.state
{
font-size: .6125rem;
}
}
#cat_jwest.index .sectionBlock.info .list_wrapper article a p span.state:hover
{
text-decoration: none;
}
#cat_jwest.index .sectionBlock.info .list_wrapper article a p span.text:hover
{
text-decoration: underline;
}
#cat_jwest.index .sectionBlock.info .list_wrapper article a ul
{
font-family: 'nimbus-sans-condensed', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-weight: 700;
letter-spacing: .1rem;
}
#cat_jwest.index .sectionBlock.info .list_wrapper article:first-child a
{
border-top: 1px solid #848484 !important;
}
#cat_jwest.index .sectionBlock.info .btn.more
{
font-family: 'almaq-refined', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 30px;
font-size: 1.875rem;
font-weight: 400;
line-height: 1.3;
display: block;
width: 110px;
margin: 1.5rem auto;
padding: .3rem 0;
transition: background .2s ease-in-out;
text-align: center;
letter-spacing: .1rem;
color: #fff;
border: none; 
border-radius: 8px;
background-color: #000;
box-shadow: 0 4px 0 #666;
}
@media (max-width: 767px)
{
#cat_jwest.index .sectionBlock.info .btn.more
{
font-size: 1.3125rem;
}
}
#cat_jwest.index .sectionBlock.info .btn.more:hover
{
transition: background .2s ease-in-out;
}
#cat_jwest.index .sectionBlock.info .btn.more:hover
{
background: #4d4d4d;
}
@media (max-width: 767px)
{
#cat_jwest.index .sectionBlock.info .btn.more
{
font-size: 25px;
font-size: 1.5625rem;
}
}
@media (max-width: 767px) and (max-width: 767px)
{
#cat_jwest.index .sectionBlock.info .btn.more
{
font-size: 1.09375rem;
}
}
@media (min-width: 768px)
{
#cat_jwest.index .sectionBlock.info .btn.more
{
font-family: 'almaq-refined', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 30px;
font-size: 1.875rem;
font-weight: 400;
line-height: 1.3;
width: 200px;
margin: 2.5rem auto;
padding: .6rem 0; 
transition: background .2s ease-in-out;
text-align: center;
letter-spacing: .1rem;
color: #fff;
border-radius: 8px;
background-color: #000;
}
}
@media (min-width: 768px) and (max-width: 767px)
{
#cat_jwest.index .sectionBlock.info .btn.more
{
font-size: 1.3125rem;
}
}
@media (min-width: 768px)
{
#cat_jwest.index .sectionBlock.info .btn.more:hover
{
transition: background .2s ease-in-out;
}
#cat_jwest.index .sectionBlock.info .btn.more:hover
{
background: #4d4d4d;
}
}
@media (min-width: 768px) and (max-width: 767px)
{
#cat_jwest.index .sectionBlock.info .btn.more
{
font-size: 25px;
font-size: 1.5625rem;
}
}
@media (min-width: 768px) and (max-width: 767px) and (max-width: 767px)
{
#cat_jwest.index .sectionBlock.info .btn.more
{
font-size: 1.09375rem;
}
}
#cat_jwest.index .sectionBlock.spotMovie h1
{
font-family: 'almaq-refined', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 42px;
font-size: 2.625rem;
font-weight: 400;
margin-bottom: 1.5rem; 
padding: .5rem 0;
text-align: center;
letter-spacing: .1rem;
color: #000;
background-color: rgba(224, 226, 217, .7);
}
@media (max-width: 767px)
{
#cat_jwest.index .sectionBlock.spotMovie h1
{
font-size: 1.8375rem;
}
}
@media (min-width: 768px)
{
#cat_jwest.index .sectionBlock.spotMovie h1
{
font-size: 60px;
font-size: 3.75rem;
}
}
@media (min-width: 768px) and (max-width: 767px)
{
#cat_jwest.index .sectionBlock.spotMovie h1
{
font-size: 2.625rem;
}
}
@media (min-width: 768px)
{
#cat_jwest.index .sectionBlock.spotMovie h1
{
margin-bottom: 3rem;
}
}
#cat_jwest.index .sectionBlock.spotMovie .spotMovie_contents
{
padding: 0 1.5rem 1.5rem;
}
@media (min-width: 992px)
{
#cat_jwest.index .sectionBlock.spotMovie .spotMovie_contents
{
padding: 0 0 4rem 0;
}
}
#cat_jwest.index .sectionBlock.spotMovie .movie_wrapper
{
width: 100%;
margin: 0 auto;
}
@media (min-width: 992px)
{
#cat_jwest.index .sectionBlock.spotMovie .movie_wrapper
{
width: 860px;
}
}
#cat_jwest.index .sectionBlock.newRelease
{ }
#cat_jwest.index .sectionBlock.newRelease h1
{
font-family: 'almaq-refined', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 42px;
font-size: 2.625rem;
font-weight: 400;
padding: .5rem 0;
text-align: center;
letter-spacing: .1rem; 
color: #000;
background-color: rgba(224, 226, 217, .7);
}
@media (max-width: 767px)
{
#cat_jwest.index .sectionBlock.newRelease h1
{
font-size: 1.8375rem;
}
}
@media (min-width: 768px)
{
#cat_jwest.index .sectionBlock.newRelease h1
{
font-size: 60px;
font-size: 3.75rem;
}
}
@media (min-width: 768px) and (max-width: 767px)
{
#cat_jwest.index .sectionBlock.newRelease h1
{
font-size: 2.625rem;
}
}
#cat_jwest.index .sectionBlock.newRelease .btn.more
{
font-family: 'almaq-refined', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 30px;
font-size: 1.875rem;
font-weight: 400;
line-height: 1.3;
display: block;
width: 110px;
margin: 1.5rem auto;
margin: 1rem auto 0rem; 
padding: .3rem 0;
transition: background .2s ease-in-out;
text-align: center;
letter-spacing: .1rem;
color: #fff;
border: none;
border-radius: 8px;
background-color: #000;
box-shadow: 0 4px 0 #666;
}
@media (max-width: 767px)
{
#cat_jwest.index .sectionBlock.newRelease .btn.more
{
font-size: 1.3125rem;
}
}
#cat_jwest.index .sectionBlock.newRelease .btn.more:hover
{
transition: background .2s ease-in-out;
}
#cat_jwest.index .sectionBlock.newRelease .btn.more:hover
{
background: #4d4d4d;
}
@media (max-width: 767px)
{
#cat_jwest.index .sectionBlock.newRelease .btn.more
{
font-size: 25px;
font-size: 1.5625rem;
}
}
@media (max-width: 767px) and (max-width: 767px)
{
#cat_jwest.index .sectionBlock.newRelease .btn.more
{
font-size: 1.09375rem;
}
}
@media (min-width: 768px)
{
#cat_jwest.index .sectionBlock.newRelease .btn.more
{
font-family: 'almaq-refined', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 30px;
font-size: 1.875rem;
font-weight: 400;
line-height: 1.3;
width: 200px;
margin: 2.5rem auto;
padding: .6rem 0; 
transition: background .2s ease-in-out;
text-align: center;
letter-spacing: .1rem;
color: #fff;
border-radius: 8px;
background-color: #000;
}
}
@media (min-width: 768px) and (max-width: 767px)
{
#cat_jwest.index .sectionBlock.newRelease .btn.more
{
font-size: 1.3125rem;
}
}
@media (min-width: 768px)
{
#cat_jwest.index .sectionBlock.newRelease .btn.more:hover
{
transition: background .2s ease-in-out;
}
#cat_jwest.index .sectionBlock.newRelease .btn.more:hover
{
background: #4d4d4d;
}
}
@media (min-width: 768px) and (max-width: 767px)
{
#cat_jwest.index .sectionBlock.newRelease .btn.more
{
font-size: 25px;
font-size: 1.5625rem;
}
}
@media (min-width: 768px) and (max-width: 767px) and (max-width: 767px)
{
#cat_jwest.index .sectionBlock.newRelease .btn.more
{
font-size: 1.09375rem;
}
}
@media (min-width: 768px)
{
#cat_jwest.index .sectionBlock.newRelease .btn.more
{
margin: 1rem auto 0;
}
}
#cat_jwest.index .sectionBlock.discography h1
{
font-family: 'almaq-refined', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 42px;
font-size: 2.625rem;
font-weight: 400;
padding: .5rem 0;
text-align: center;
letter-spacing: .1rem; 
color: #000;
background-color: rgba(224, 226, 217, .7);
}
@media (max-width: 767px)
{
#cat_jwest.index .sectionBlock.discography h1
{
font-size: 1.8375rem;
}
}
@media (min-width: 768px)
{
#cat_jwest.index .sectionBlock.discography h1
{
font-size: 60px;
font-size: 3.75rem;
}
}
@media (min-width: 768px) and (max-width: 767px)
{
#cat_jwest.index .sectionBlock.discography h1
{
font-size: 2.625rem;
}
}
#cat_jwest.index .sectionBlock.discography .tab_menu
{
font-family: 'nimbus-sans-condensed', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 18px;
font-size: 1.125rem; 
font-weight: 700;
letter-spacing: .1rem;
background-color: rgba(224, 226, 217, .7);
}
@media (max-width: 767px)
{
#cat_jwest.index .sectionBlock.discography .tab_menu
{
font-size: .7875rem;
}
}
#cat_jwest.index .sectionBlock.discography .tab_menu ul
{
text-align: center;
}
#cat_jwest.index .sectionBlock.discography .tab_menu ul li
{
display: inline-block; 
padding: 0 .8rem 0;
}
@media (min-width: 768px)
{
#cat_jwest.index .sectionBlock.discography .tab_menu ul li
{
padding: 0 2.0rem 0;
}
}
#cat_jwest.index .sectionBlock.discography .tab_menu ul li a
{
display: inline-block;
padding: .2rem 1px;
transition: color .2s ease-in-out; 
border-bottom: 6px solid transparent;
}
#cat_jwest.index .sectionBlock.discography .tab_menu ul li a:hover
{
transition: color .2s ease-in-out;
}
#cat_jwest.index .sectionBlock.discography .tab_menu ul li a:hover
{
color: gray;
}
@media (min-width: 768px)
{
#cat_jwest.index .sectionBlock.discography .tab_menu ul li a
{
padding: .5rem .5rem;
}
}
#cat_jwest.index .sectionBlock.discography .tab_menu ul li.active a
{
border-bottom: 4px solid #000;
}
@media (min-width: 768px)
{
#cat_jwest.index .sectionBlock.discography .tab_menu ul li.active a
{
border-bottom: 6px solid #000;
}
}
@media (min-width: 768px)
{
#cat_jwest.index .sectionBlock.discography .tab_menu
{
font-size: 23px;
font-size: 1.4375rem;
}
}
@media (min-width: 768px) and (max-width: 767px)
{
#cat_jwest.index .sectionBlock.discography .tab_menu
{
font-size: 1.00625rem;
}
}
#cat_jwest.index .sectionBlock.discography .article_wrapper article ul li.tag
{
display: inline-block;
padding: 2px 1rem; 
text-align: center;
color: #fff;
border-radius: 4px;
background: #888;
}
@media (max-width: 767px)
{
#cat_jwest.index .sectionBlock.discography .article_wrapper article ul li.tag
{
font-size: 12px;
font-size: .75rem;
}
}
@media (max-width: 767px) and (max-width: 767px)
{
#cat_jwest.index .sectionBlock.discography .article_wrapper article ul li.tag
{
font-size: .525rem;
}
}
@media (min-width: 768px)
{
#cat_jwest.index .sectionBlock.discography .article_wrapper article ul li.tag
{
padding: 2px 1.5rem; 
border-radius: 6px;
}
}
#cat_jwest.index .sectionBlock.discography .article_wrapper article ul li.date
{
font-family: 'almaq-refined', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 17px;
font-size: 1.0625rem; 
font-weight: 400;
letter-spacing: .1rem;
}
@media (max-width: 767px)
{
#cat_jwest.index .sectionBlock.discography .article_wrapper article ul li.date
{
font-size: .74375rem;
}
}
#cat_jwest.index .sectionBlock.discography .article_wrapper article ul li.name
{
font-family: 'almaq-refined', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-weight: 600;
letter-spacing: .1rem;
}
#cat_jwest.index .sectionBlock.discography .btn.more
{
font-family: 'almaq-refined', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 30px;
font-size: 1.875rem;
font-weight: 400;
line-height: 1.3;
display: block;
width: 110px;
margin: 1.5rem auto;
padding: .3rem 0;
transition: background .2s ease-in-out;
text-align: center;
letter-spacing: .1rem;
color: #fff;
border: none; 
border-radius: 8px;
background-color: #000;
box-shadow: 0 4px 0 #666;
}
@media (max-width: 767px)
{
#cat_jwest.index .sectionBlock.discography .btn.more
{
font-size: 1.3125rem;
}
}
#cat_jwest.index .sectionBlock.discography .btn.more:hover
{
transition: background .2s ease-in-out;
}
#cat_jwest.index .sectionBlock.discography .btn.more:hover
{
background: #4d4d4d;
}
@media (max-width: 767px)
{
#cat_jwest.index .sectionBlock.discography .btn.more
{
font-size: 25px;
font-size: 1.5625rem;
}
}
@media (max-width: 767px) and (max-width: 767px)
{
#cat_jwest.index .sectionBlock.discography .btn.more
{
font-size: 1.09375rem;
}
}
@media (min-width: 768px)
{
#cat_jwest.index .sectionBlock.discography .btn.more
{
font-family: 'almaq-refined', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 30px;
font-size: 1.875rem;
font-weight: 400;
line-height: 1.3;
width: 200px;
margin: 2.5rem auto;
padding: .6rem 0; 
transition: background .2s ease-in-out;
text-align: center;
letter-spacing: .1rem;
color: #fff;
border-radius: 8px;
background-color: #000;
}
}
@media (min-width: 768px) and (max-width: 767px)
{
#cat_jwest.index .sectionBlock.discography .btn.more
{
font-size: 1.3125rem;
}
}
@media (min-width: 768px)
{
#cat_jwest.index .sectionBlock.discography .btn.more:hover
{
transition: background .2s ease-in-out;
}
#cat_jwest.index .sectionBlock.discography .btn.more:hover
{
background: #4d4d4d;
}
}
@media (min-width: 768px) and (max-width: 767px)
{
#cat_jwest.index .sectionBlock.discography .btn.more
{
font-size: 25px;
font-size: 1.5625rem;
}
}
@media (min-width: 768px) and (max-width: 767px) and (max-width: 767px)
{
#cat_jwest.index .sectionBlock.discography .btn.more
{
font-size: 1.09375rem;
}
}
#cat_jwest.index .sectionBlock.profile h1
{
font-family: 'almaq-refined', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 42px;
font-size: 2.625rem;
font-weight: 400;
padding: .5rem 0;
text-align: center;
letter-spacing: .1rem; 
color: #000;
background-color: rgba(224, 226, 217, .7);
}
@media (max-width: 767px)
{
#cat_jwest.index .sectionBlock.profile h1
{
font-size: 1.8375rem;
}
}
@media (min-width: 768px)
{
#cat_jwest.index .sectionBlock.profile h1
{
font-size: 60px;
font-size: 3.75rem;
}
}
@media (min-width: 768px) and (max-width: 767px)
{
#cat_jwest.index .sectionBlock.profile h1
{
font-size: 2.625rem;
}
}
#cat_jwest.index .sectionBlock.profile .profile_contents .btn.more
{
font-family: 'almaq-refined', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 30px;
font-size: 1.875rem;
font-weight: 400;
line-height: 1.3;
display: block;
width: 110px;
margin: 1.5rem auto;
padding: .3rem 0;
transition: background .2s ease-in-out;
text-align: center;
letter-spacing: .1rem;
color: #fff;
border: none; 
border-radius: 8px;
background-color: #000;
box-shadow: 0 4px 0 #666;
}
@media (max-width: 767px)
{
#cat_jwest.index .sectionBlock.profile .profile_contents .btn.more
{
font-size: 1.3125rem;
}
}
#cat_jwest.index .sectionBlock.profile .profile_contents .btn.more:hover
{
transition: background .2s ease-in-out;
}
#cat_jwest.index .sectionBlock.profile .profile_contents .btn.more:hover
{
background: #4d4d4d;
}
@media (max-width: 767px)
{
#cat_jwest.index .sectionBlock.profile .profile_contents .btn.more
{
font-size: 25px;
font-size: 1.5625rem;
}
}
@media (max-width: 767px) and (max-width: 767px)
{
#cat_jwest.index .sectionBlock.profile .profile_contents .btn.more
{
font-size: 1.09375rem;
}
}
@media (min-width: 768px)
{
#cat_jwest.index .sectionBlock.profile .profile_contents .btn.more
{
font-family: 'almaq-refined', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 30px;
font-size: 1.875rem;
font-weight: 400;
line-height: 1.3;
width: 200px;
margin: 2.5rem auto;
padding: .6rem 0; 
transition: background .2s ease-in-out;
text-align: center;
letter-spacing: .1rem;
color: #fff;
border-radius: 8px;
background-color: #000;
}
}
@media (min-width: 768px) and (max-width: 767px)
{
#cat_jwest.index .sectionBlock.profile .profile_contents .btn.more
{
font-size: 1.3125rem;
}
}
@media (min-width: 768px)
{
#cat_jwest.index .sectionBlock.profile .profile_contents .btn.more:hover
{
transition: background .2s ease-in-out;
}
#cat_jwest.index .sectionBlock.profile .profile_contents .btn.more:hover
{
background: #4d4d4d;
}
}
@media (min-width: 768px) and (max-width: 767px)
{
#cat_jwest.index .sectionBlock.profile .profile_contents .btn.more
{
font-size: 25px;
font-size: 1.5625rem;
}
}
@media (min-width: 768px) and (max-width: 767px) and (max-width: 767px)
{
#cat_jwest.index .sectionBlock.profile .profile_contents .btn.more
{
font-size: 1.09375rem;
}
}
#cat_jwest.info .sectionBlock.info h1
{
font-family: 'almaq-refined', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 42px;
font-size: 2.625rem;
font-weight: 400;
padding: .5rem 0 0; 
text-align: center;
letter-spacing: .1rem;
color: #e73b12;
}
@media (max-width: 767px)
{
#cat_jwest.info .sectionBlock.info h1
{
font-size: 1.8375rem;
}
}
@media (min-width: 768px)
{
#cat_jwest.info .sectionBlock.info h1
{
font-size: 60px;
font-size: 3.75rem;
}
}
@media (min-width: 768px) and (max-width: 767px)
{
#cat_jwest.info .sectionBlock.info h1
{
font-size: 2.625rem;
}
}
#cat_jwest.info .sectionBlock.info .tab_menu
{
font-family: 'nimbus-sans-condensed', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 18px;
font-size: 1.125rem; 
font-weight: 700;
letter-spacing: .1rem;
}
@media (max-width: 767px)
{
#cat_jwest.info .sectionBlock.info .tab_menu
{
font-size: .7875rem;
}
}
#cat_jwest.info .sectionBlock.info .tab_menu ul
{
text-align: center;
}
#cat_jwest.info .sectionBlock.info .tab_menu ul li
{
display: inline-block; 
padding: 0 .8rem 0;
}
@media (min-width: 768px)
{
#cat_jwest.info .sectionBlock.info .tab_menu ul li
{
padding: 0 2.0rem 0;
}
}
#cat_jwest.info .sectionBlock.info .tab_menu ul li a
{
display: inline-block;
padding: .2rem 1px;
transition: color .2s ease-in-out; 
border-bottom: 6px solid transparent;
}
#cat_jwest.info .sectionBlock.info .tab_menu ul li a:hover
{
transition: color .2s ease-in-out;
}
#cat_jwest.info .sectionBlock.info .tab_menu ul li a:hover
{
color: gray;
}
@media (min-width: 768px)
{
#cat_jwest.info .sectionBlock.info .tab_menu ul li a
{
padding: .5rem .5rem;
}
}
#cat_jwest.info .sectionBlock.info .tab_menu ul li.active a
{
border-bottom: 4px solid #000;
}
@media (min-width: 768px)
{
#cat_jwest.info .sectionBlock.info .tab_menu ul li.active a
{
border-bottom: 6px solid #000;
}
}
@media (min-width: 768px)
{
#cat_jwest.info .sectionBlock.info .tab_menu
{
font-size: 23px;
font-size: 1.4375rem;
}
}
@media (min-width: 768px) and (max-width: 767px)
{
#cat_jwest.info .sectionBlock.info .tab_menu
{
font-size: 1.00625rem;
}
}
#cat_jwest.info .sectionBlock.info .tab_menu ul
{
text-align: center;
}
#cat_jwest.info .sectionBlock.info .tab_menu ul li
{
display: inline-block; 
padding: 0 .8rem 0;
}
@media (min-width: 768px)
{
#cat_jwest.info .sectionBlock.info .tab_menu ul li
{
padding: 0 2.0rem 0;
}
}
#cat_jwest.info .sectionBlock.info .tab_menu ul li a
{
display: inline-block;
padding: .2rem 1px;
transition: color .2s ease-in-out; 
border-bottom: 6px solid transparent;
}
#cat_jwest.info .sectionBlock.info .tab_menu ul li a:hover
{
transition: color .2s ease-in-out;
}
#cat_jwest.info .sectionBlock.info .tab_menu ul li a:hover
{
color: #f39d89;
}
@media (min-width: 768px)
{
#cat_jwest.info .sectionBlock.info .tab_menu ul li a
{
padding: .5rem .5rem;
}
}
#cat_jwest.info .sectionBlock.info .tab_menu ul li.active a
{
border-bottom: 4px solid #e73b12;
}
@media (min-width: 768px)
{
#cat_jwest.info .sectionBlock.info .tab_menu ul li.active a
{
border-bottom: 6px solid #e73b12;
}
}
#cat_jwest.info .sectionBlock.info .list_wrapper article:first-child a
{
border-top: 1px solid #e73b12;
}
#cat_jwest.info .sectionBlock.info .list_wrapper article a
{
display: block;
width: 100%;
margin: 0 auto;
padding: .5rem 0; 
border-bottom: 1px solid #848484;
}
#cat_jwest.info .sectionBlock.info .list_wrapper article a::after
{
display: table; 
clear: both;
content: '';
}
@media (min-width: 992px)
{
#cat_jwest.info .sectionBlock.info .list_wrapper article a
{
width: 100%;
padding: 1rem 0;
}
}
#cat_jwest.info .sectionBlock.info .list_wrapper article a ul
{
font-family: 'din-condensed', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-weight: 300;
display: inline-block;
width: 25%;
vertical-align: middle;
letter-spacing: .1rem;
}
@media (min-width: 768px)
{
#cat_jwest.info .sectionBlock.info .list_wrapper article a ul
{
width: 20%;
}
}
@media (min-width: 992px)
{
#cat_jwest.info .sectionBlock.info .list_wrapper article a ul
{
width: 20%;
}
}
#cat_jwest.info .sectionBlock.info .list_wrapper article a ul li
{
text-align: center;
}
#cat_jwest.info .sectionBlock.info .list_wrapper article a ul li.date
{
font-size: 20px;
font-size: 1.25rem;
}
@media (max-width: 767px)
{
#cat_jwest.info .sectionBlock.info .list_wrapper article a ul li.date
{
font-size: .875rem;
}
}
@media (min-width: 768px)
{
#cat_jwest.info .sectionBlock.info .list_wrapper article a ul li
{
margin: 0 auto;
}
}
#cat_jwest.info .sectionBlock.info .list_wrapper article a p
{
font-size: 17px;
font-size: 1.0625rem;
display: inline-block;
width: 70%; 
vertical-align: middle;
}
@media (max-width: 767px)
{
#cat_jwest.info .sectionBlock.info .list_wrapper article a p
{
font-size: .74375rem;
}
}
@media (min-width: 768px)
{
#cat_jwest.info .sectionBlock.info .list_wrapper article a p
{
width: 78%;
}
}
@media (min-width: 992px)
{
#cat_jwest.info .sectionBlock.info .list_wrapper article a p
{
width: 78%;
}
}
#cat_jwest.info .sectionBlock.info .list_wrapper article a p span.state
{
font-family: 'din-condensed', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 14px;
font-size: .875rem;
font-weight: 300;
margin-left: 5px; 
padding: 0 7px;
text-align: center;
letter-spacing: .1rem;
color: #fff;
border-radius: 20px;
background: #e30000;
}
@media (max-width: 767px)
{
#cat_jwest.info .sectionBlock.info .list_wrapper article a p span.state
{
font-size: .6125rem;
}
}
#cat_jwest.info .sectionBlock.info .list_wrapper article a p span.state:hover
{
text-decoration: none;
}
#cat_jwest.info .sectionBlock.info .list_wrapper article a p span.text:hover
{
text-decoration: underline;
}
#cat_jwest.info .sectionBlock.info .list_wrapper article a ul li.date
{
font-family: 'nimbus-sans-condensed', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-weight: 700;
letter-spacing: .1rem;
}
#cat_jwest.discography .sectionBlock.discography h1
{
font-family: 'almaq-refined', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 42px;
font-size: 2.625rem;
font-weight: 400;
padding: .5rem 0 0; 
text-align: center;
letter-spacing: .1rem;
color: #e73b12;
}
@media (max-width: 767px)
{
#cat_jwest.discography .sectionBlock.discography h1
{
font-size: 1.8375rem;
}
}
@media (min-width: 768px)
{
#cat_jwest.discography .sectionBlock.discography h1
{
font-size: 60px;
font-size: 3.75rem;
}
}
@media (min-width: 768px) and (max-width: 767px)
{
#cat_jwest.discography .sectionBlock.discography h1
{
font-size: 2.625rem;
}
}
#cat_jwest.discography .sectionBlock.discography .tab_menu
{
font-family: 'nimbus-sans-condensed', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 18px;
font-size: 1.125rem;
font-weight: 700;
letter-spacing: .1rem;
border-bottom: 1px solid #e73b12;
}
@media (max-width: 767px)
{
#cat_jwest.discography .sectionBlock.discography .tab_menu
{
font-size: .7875rem;
}
}
#cat_jwest.discography .sectionBlock.discography .tab_menu ul
{
text-align: center;
}
#cat_jwest.discography .sectionBlock.discography .tab_menu ul li
{
display: inline-block; 
padding: 0 .8rem 0;
}
@media (min-width: 768px)
{
#cat_jwest.discography .sectionBlock.discography .tab_menu ul li
{
padding: 0 2.0rem 0;
}
}
#cat_jwest.discography .sectionBlock.discography .tab_menu ul li a
{
display: inline-block;
padding: .2rem 1px;
transition: color .2s ease-in-out; 
border-bottom: 6px solid transparent;
}
#cat_jwest.discography .sectionBlock.discography .tab_menu ul li a:hover
{
transition: color .2s ease-in-out;
}
#cat_jwest.discography .sectionBlock.discography .tab_menu ul li a:hover
{
color: gray;
}
@media (min-width: 768px)
{
#cat_jwest.discography .sectionBlock.discography .tab_menu ul li a
{
padding: .5rem .5rem;
}
}
#cat_jwest.discography .sectionBlock.discography .tab_menu ul li.active a
{
border-bottom: 4px solid #000;
}
@media (min-width: 768px)
{
#cat_jwest.discography .sectionBlock.discography .tab_menu ul li.active a
{
border-bottom: 6px solid #000;
}
}
@media (min-width: 768px)
{
#cat_jwest.discography .sectionBlock.discography .tab_menu
{
font-size: 23px;
font-size: 1.4375rem;
}
}
@media (min-width: 768px) and (max-width: 767px)
{
#cat_jwest.discography .sectionBlock.discography .tab_menu
{
font-size: 1.00625rem;
}
}
#cat_jwest.discography .sectionBlock.discography .tab_menu ul
{
text-align: center;
}
#cat_jwest.discography .sectionBlock.discography .tab_menu ul li
{
display: inline-block; 
padding: 0 .8rem 0;
}
@media (min-width: 768px)
{
#cat_jwest.discography .sectionBlock.discography .tab_menu ul li
{
padding: 0 2.0rem 0;
}
}
#cat_jwest.discography .sectionBlock.discography .tab_menu ul li a
{
display: inline-block;
padding: .2rem 1px;
transition: color .2s ease-in-out; 
border-bottom: 6px solid transparent;
}
#cat_jwest.discography .sectionBlock.discography .tab_menu ul li a:hover
{
transition: color .2s ease-in-out;
}
#cat_jwest.discography .sectionBlock.discography .tab_menu ul li a:hover
{
color: #f39d89;
}
@media (min-width: 768px)
{
#cat_jwest.discography .sectionBlock.discography .tab_menu ul li a
{
padding: .5rem .5rem;
}
}
#cat_jwest.discography .sectionBlock.discography .tab_menu ul li.active a
{
border-bottom: 4px solid #e73b12;
}
@media (min-width: 768px)
{
#cat_jwest.discography .sectionBlock.discography .tab_menu ul li.active a
{
border-bottom: 6px solid #e73b12;
}
}
#cat_jwest.discography .sectionBlock.discography .article_wrapper article ul li.tag
{
display: inline-block;
padding: 2px 1rem; 
text-align: center;
color: #fff;
border-radius: 4px;
background: #888;
}
@media (max-width: 767px)
{
#cat_jwest.discography .sectionBlock.discography .article_wrapper article ul li.tag
{
font-size: 12px;
font-size: .75rem;
}
}
@media (max-width: 767px) and (max-width: 767px)
{
#cat_jwest.discography .sectionBlock.discography .article_wrapper article ul li.tag
{
font-size: .525rem;
}
}
@media (min-width: 768px)
{
#cat_jwest.discography .sectionBlock.discography .article_wrapper article ul li.tag
{
padding: 2px 1.5rem; 
border-radius: 6px;
}
}
#cat_jwest.discography .sectionBlock.discography .article_wrapper article ul li.date
{
font-family: 'almaq-refined', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 17px;
font-size: 1.0625rem; 
font-weight: 400;
letter-spacing: .1rem;
}
@media (max-width: 767px)
{
#cat_jwest.discography .sectionBlock.discography .article_wrapper article ul li.date
{
font-size: .74375rem;
}
}
#cat_jwest.discography .sectionBlock.discography .article_wrapper article ul li.name
{
font-family: 'almaq-refined', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-weight: 600;
letter-spacing: .1rem;
}
#cat_jwest.profile .sectionBlock.profile h1
{
font-family: 'almaq-refined', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 42px;
font-size: 2.625rem;
font-weight: 400;
padding: .5rem 0 0; 
text-align: center;
letter-spacing: .1rem;
color: #e73b12;
}
@media (max-width: 767px)
{
#cat_jwest.profile .sectionBlock.profile h1
{
font-size: 1.8375rem;
}
}
@media (min-width: 768px)
{
#cat_jwest.profile .sectionBlock.profile h1
{
font-size: 60px;
font-size: 3.75rem;
}
}
@media (min-width: 768px) and (max-width: 767px)
{
#cat_jwest.profile .sectionBlock.profile h1
{
font-size: 2.625rem;
}
}
#cat_jwest.profile .sectionBlock.profile .text dl dd
{
font-family: 'almaq-refined', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-weight: 400;
letter-spacing: .1rem;
}
#cat_jwest.profile .sectionBlock.profile .text dl dd span
{
font-family: 'almaq-refined', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-weight: 300;
line-height: 1.5; 
letter-spacing: .1rem;
}
@media (min-width: 992px)
{
#cat_jwest.profile .sectionBlock.profile .text dl dd span
{
line-height: 2.0;
}
}
#cat_jwest .more
{
font-family: 'almaq-refined', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 30px;
font-size: 1.875rem;
font-weight: 400;
line-height: 1.3;
display: block;
width: 110px;
margin: 1.5rem auto;
padding: .3rem 0;
transition: background .2s ease-in-out;
text-align: center;
letter-spacing: .1rem;
color: #fff;
border: none; 
border-radius: 8px;
background-color: #000;
box-shadow: 0 4px 0 #666;
}
@media (max-width: 767px)
{
#cat_jwest .more
{
font-size: 1.3125rem;
}
}
#cat_jwest .more:hover
{
transition: background .2s ease-in-out;
}
#cat_jwest .more:hover
{
background: #4d4d4d;
}
@media (max-width: 767px)
{
#cat_jwest .more
{
font-size: 25px;
font-size: 1.5625rem;
}
}
@media (max-width: 767px) and (max-width: 767px)
{
#cat_jwest .more
{
font-size: 1.09375rem;
}
}
@media (min-width: 768px)
{
#cat_jwest .more
{
font-family: 'almaq-refined', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 30px;
font-size: 1.875rem;
font-weight: 400;
line-height: 1.3;
width: 200px;
margin: 2.5rem auto;
padding: .6rem 0; 
transition: background .2s ease-in-out;
text-align: center;
letter-spacing: .1rem;
color: #fff;
border-radius: 8px;
background-color: #000;
}
}
@media (min-width: 768px) and (max-width: 767px)
{
#cat_jwest .more
{
font-size: 1.3125rem;
}
}
@media (min-width: 768px)
{
#cat_jwest .more:hover
{
transition: background .2s ease-in-out;
}
#cat_jwest .more:hover
{
background: #4d4d4d;
}
}
@media (min-width: 768px) and (max-width: 767px)
{
#cat_jwest .more
{
font-size: 25px;
font-size: 1.5625rem;
}
}
@media (min-width: 768px) and (max-width: 767px) and (max-width: 767px)
{
#cat_jwest .more
{
font-size: 1.09375rem;
}
}
#cat_jwest .tag
{
display: inline-block;
padding: 2px 1rem; 
text-align: center;
color: #fff;
border-radius: 4px;
background: #888;
}
@media (max-width: 767px)
{
#cat_jwest .tag
{
font-size: 12px;
font-size: .75rem;
}
}
@media (max-width: 767px) and (max-width: 767px)
{
#cat_jwest .tag
{
font-size: .525rem;
}
}
@media (min-width: 768px)
{
#cat_jwest .tag
{
padding: 2px 1.5rem; 
border-radius: 6px;
}
}
#cat_jwest .date
{
font-family: 'almaq-refined', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-weight: 400;
letter-spacing: .1rem;
}
#cat_others .icon_sp_menu
{
position: fixed;
z-index: 99; 
top: 12px;
right: 15px;
cursor: pointer;
}
#cat_others .icon_sp_menu svg
{
z-index: 9999;
width: 20px;
height: 20px;
fill: #fff;
}
@media (min-width: 768px)
{
#cat_others .icon_sp_menu svg
{
width: 20px; 
height: 20px;
}
}
#cat_others .icon_sp_menu.color_black svg
{
fill: #000;
}
#cat_others .globalNavi_sp
{
position: absolute;
z-index: 100; 
top: 0;
right: 0;
display: none;
width: 100%;
}
#cat_others .globalNavi_sp.on
{
display: block;
}
#cat_others .globalNavi_sp .navi_contents
{
font-family: 'din-condensed', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-weight: 300;
position: absolute;
z-index: 2;
top: 0;
top: 0;
right: -220px;
width: 220px;
height: 100%;
transition: margin-left .5s ease-out;
letter-spacing: .1rem; 
background: rgba(50, 50, 50, .9);
}
#cat_others .globalNavi_sp .navi_contents .icon_close
{
position: relative;
cursor: pointer;
}
#cat_others .globalNavi_sp .navi_contents .icon_close svg
{
position: absolute;
z-index: 2;
top: 12px;
right: 15px;
width: 20px; 
height: 20px;
fill: #848484;
}
#cat_others .globalNavi_sp .navi_contents h1
{
font-size: 1.1rem;
padding: .8rem 0;
text-align: center;
color: #848484;
background: rgba(50, 50, 50, .9);
}
#cat_others .globalNavi_sp .navi_contents h1.jwest
{
font-size: 1.0rem; 
padding: .8rem 0 .8rem .5rem;
text-align: left;
}
#cat_others .globalNavi_sp .navi_contents ul
{
text-align: center;
}
#cat_others .globalNavi_sp .navi_contents ul li
{
font-size: 1rem;
}
#cat_others .globalNavi_sp .navi_contents ul.artist_globalNavi li
{
border-bottom: none; 
background: #fff;
}
#cat_others .globalNavi_sp .navi_contents ul.artist_globalNavi li a
{
display: block;
padding: .5rem 0;
}
#cat_others .globalNavi_sp .navi_contents ul.artist_globalNavi li:nth-child(2n)
{
background: #f6f6f6;
}
#cat_others .globalNavi_sp .navi_contents ul.artist_globalNavi li.category
{
font-family: 'din-condensed', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 1.3rem;
font-weight: 400;
letter-spacing: .1rem;
}
#cat_others .globalNavi_sp .navi_contents ul.artist_globalNavi li.category a
{
position: relative; 
display: block;
padding: 0 0;
}
#cat_others .globalNavi_sp .navi_contents ul.artist_globalNavi li.category a .img_bg
{
width: 100%;
height: 150px; 
background-position: center top;
background-size: cover;
}
#cat_others .globalNavi_sp .navi_contents ul.artist_globalNavi li.category a p
{
position: absolute;
bottom: 0;
left: 0;
width: 100%; 
padding: .25rem;
text-align: center;
background: rgba(255, 255, 255, .8);
}
#cat_others .globalNavi_sp .navi_contents ul.artist_globalNavi li.active a
{
color: #ccc;
}
#cat_others .globalNavi_sp .navi_contents ul.global
{
border-top: 2px solid #848484;
}
#cat_others .globalNavi_sp .navi_contents ul.global li a
{
display: block;
padding: .5rem 0;
color: #fff;
border-bottom: 2px solid #848484;
}
#cat_others .globalNavi_sp .navi_contents ul.artists
{
margin-top: 2rem;
}
#cat_others .globalNavi_sp .navi_contents ul.artists li
{
margin: 0 0 .8rem 0;
background-position: center top;
background-size: cover;
}
#cat_others .globalNavi_sp .navi_contents ul.artists li a
{
position: relative;
display: block;
width: 220px; 
height: 110px;
}
#cat_others .globalNavi_sp .navi_contents ul.artists li a img
{
width: 100%; 
height: auto;
}
#cat_others .globalNavi_sp .navi_contents ul.artists li a p
{
position: absolute;
bottom: 0;
left: 0;
width: 100%; 
padding: .25rem;
text-align: center;
background: rgba(255, 255, 255, .8);
}
#cat_others .globalNavi_sp .navi_contents ul.artists li a p.font_ja
{
font-size: .8rem;
}
#cat_others .globalNavi_sp .navi_contents ul.artists li a p span.font_ja
{
font-size: .9rem;
}
#cat_others .globalNavi
{
z-index: 98;
padding: 30px 0;
background: #fff;
box-shadow: -10px 20px 20px rgba(0, 0, 0, .5);
}
#cat_others .globalNavi > ul
{
width: 100%;
margin: 0 auto;
}
@media (min-width: 992px)
{
#cat_others .globalNavi > ul
{
width: 940px;
}
}
#cat_others .globalNavi > ul li
{
font-family: 'din-condensed', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 20px;
font-size: 1.25rem; 
font-weight: 300;
display: inline-block;
margin: 0 5px;
letter-spacing: .1rem;
}
@media (max-width: 767px)
{
#cat_others .globalNavi > ul li
{
font-size: .875rem;
}
}
#cat_others .globalNavi > ul li .font_ja
{
font-size: 18px;
font-size: 1.125rem;
}
@media (max-width: 767px)
{
#cat_others .globalNavi > ul li .font_ja
{
font-size: .7875rem;
}
}
#cat_others .globalNavi > ul li a
{
line-height: 1;
display: block;
padding: 2px 2px 0 4px;
transition: background-color .2s linear, color .2s linear; 
color: #000;
}
#cat_others .globalNavi > ul li a:hover
{
color: #fff; 
background-color: #e9518e;
}
#cat_others .globalNavi > ul li.active
{
background: #e9518e;
}
#cat_others .globalNavi > ul li.active a
{
display: block; 
color: #fff;
}
#cat_others .globalNavi > ul li.artists
{
font-size: 15px;
font-size: .9375rem;
line-height: 1.3; 
padding-left: 20px;
}
@media (max-width: 767px)
{
#cat_others .globalNavi > ul li.artists
{
font-size: .65625rem;
}
}
#cat_others .globalNavi .menu_wrapper
{
position: relative;
width: 100%; 
margin: 0 auto;
}
@media (min-width: 992px)
{
#cat_others .globalNavi .menu_wrapper
{
width: 860px;
}
}
#cat_others .globalNavi .menu_wrapper p.menu
{
font-family: 'din-condensed', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 15px;
font-size: .9375rem;
font-weight: 300;
position: absolute;
top: -30px;
right: -60px; 
letter-spacing: .1rem;
}
@media (max-width: 767px)
{
#cat_others .globalNavi .menu_wrapper p.menu
{
font-size: .65625rem;
}
}
#cat_others .globalNavi .menu_wrapper p.menu .icon_arrow
{
position: relative; 
display: inline-block;
}
#cat_others .globalNavi .menu_wrapper p.menu .icon_arrow:after
{
position: absolute;
top: 33%;
right: -12px;
display: inline-block;
width: 0;
height: 0;
content: '';
border-top: 8px solid #e9518e; 
border-right: 4px solid transparent;
border-left: 4px solid transparent;
}
#cat_others .globalNavi .menu_wrapper p.menu .icon_arrow:hover
{
color: #f085b0;
}
#cat_others .globalNavi .menu_wrapper p.menu a
{
display: block;
width: 180px;
padding: 10px 0; 
text-align: center;
}
#cat_others .globalNavi .menu_wrapper .menu_contents
{
font-family: 'din-condensed', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-weight: 300;
position: absolute;
z-index: 10;
top: 10px;
right: -60px;
display: none; 
text-align: center;
letter-spacing: .1rem;
box-shadow: 0 10px 10px rgba(0, 0, 0, .1);
}
#cat_others .globalNavi .menu_wrapper .menu_contents ul
{
width: 180px;
background: #f6f6f6;
}
#cat_others .globalNavi .menu_wrapper .menu_contents ul li
{
font-size: 15px;
font-size: .9375rem;
display: block;
background: #fff;
}
@media (max-width: 767px)
{
#cat_others .globalNavi .menu_wrapper .menu_contents ul li
{
font-size: .65625rem;
}
}
#cat_others .globalNavi .menu_wrapper .menu_contents ul li a
{
display: block;
padding: 5px 0;
transition: background .2s ease-in-out; 
border-top: 1px solid #c1c1c1;
background: #fff;
}
#cat_others .globalNavi .menu_wrapper .menu_contents ul li a:hover
{
transition: background .2s ease-in-out;
}
#cat_others .globalNavi .menu_wrapper .menu_contents ul li a .font_ja
{
font-size: 14px;
font-size: .875rem;
}
@media (max-width: 767px)
{
#cat_others .globalNavi .menu_wrapper .menu_contents ul li a .font_ja
{
font-size: .6125rem;
}
}
#cat_others .globalNavi .menu_wrapper .menu_contents ul li a:hover
{
color: #fff; 
background: #e9518e;
}
#cat_others .globalNavi .menu_wrapper .menu_contents ul li.artists
{
font-size: 14px;
font-size: .875rem;
padding: 1rem 0 .7rem 0; 
background: #f6f6f6;
}
@media (max-width: 767px)
{
#cat_others .globalNavi .menu_wrapper .menu_contents ul li.artists
{
font-size: .6125rem;
}
}
#cat_others .globalNavi .menu_wrapper .menu_contents ul li.artist a
{
border-top: none; 
background: #f6f6f6;
}
#cat_others .globalNavi .menu_wrapper .menu_contents ul li.artist a:hover
{
color: #fff; 
background: #e9518e;
}
#cat_others .globalNavi .menu_wrapper .menu_contents ul li.active a
{
color: #fff; 
background: #e9518e;
}
#cat_others .globalNavi ul li
{
font-family: 'pragmatica-condensed', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-weight: 400;
letter-spacing: .1rem;
}
#cat_others .globalNavi .menu_wrapper p.menu
{
font-family: 'pragmatica-condensed', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-weight: 400;
letter-spacing: .1rem;
}
#cat_others .sectionBlock.artist h1
{
font-family: 'pragmatica-condensed', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 42px;
font-size: 2.625rem;
font-weight: 400;
margin-bottom: 1rem; 
padding: .5rem 0;
text-align: center;
letter-spacing: .1rem;
color: #fff;
background-color: #e56192;
}
@media (max-width: 767px)
{
#cat_others .sectionBlock.artist h1
{
font-size: 1.8375rem;
}
}
@media (min-width: 768px)
{
#cat_others .sectionBlock.artist h1
{
font-size: 60px;
font-size: 3.75rem;
}
}
@media (min-width: 768px) and (max-width: 767px)
{
#cat_others .sectionBlock.artist h1
{
font-size: 2.625rem;
}
}
#cat_others .sectionBlock.artist .artist_contents
{
position: relative;
padding: .5rem 0;
}
@media (min-width: 768px)
{
#cat_others .sectionBlock.artist .artist_contents
{
padding: 2rem 0;
}
}
#cat_others .sectionBlock.artist .artist_contents ul
{
width: 100%;
margin: 0 auto;
}
@media (min-width: 992px)
{
#cat_others .sectionBlock.artist .artist_contents ul
{
width: 860px;
}
}
#cat_others .sectionBlock.artist .artist_contents ul li
{
font-family: 'din-condensed', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 26px;
font-size: 1.625rem;
font-weight: 300;
display: inline-block; 
width: 33%;
text-align: center;
letter-spacing: .1rem;
}
@media (max-width: 767px)
{
#cat_others .sectionBlock.artist .artist_contents ul li
{
font-size: 1.1375rem;
}
}
@media (min-width: 768px)
{
#cat_others .sectionBlock.artist .artist_contents ul li
{
font-size: 30px;
font-size: 1.875rem;
}
}
@media (min-width: 768px) and (max-width: 767px)
{
#cat_others .sectionBlock.artist .artist_contents ul li
{
font-size: 1.3125rem;
}
}
#cat_others .sectionBlock.artist .artist_contents ul li.narrow
{
width: 25%;
}
#cat_others .sectionBlock.artist .artist_contents ul li .font_ja
{
font-size: 20px;
font-size: 1.25rem;
line-height: 1.8;
}
@media (max-width: 767px)
{
#cat_others .sectionBlock.artist .artist_contents ul li .font_ja
{
font-size: .875rem;
}
}
@media (min-width: 768px)
{
#cat_others .sectionBlock.artist .artist_contents ul li .font_ja
{
font-size: 26px;
font-size: 1.625rem;
}
}
@media (min-width: 768px) and (max-width: 767px)
{
#cat_others .sectionBlock.artist .artist_contents ul li .font_ja
{
font-size: 1.1375rem;
}
}
#cat_others .sectionBlock.artist .artist_contents ul li a:hover
{
color: #666;
}
#cat_others .sectionBlock.artist .artist_contents .pageTop
{
font-size: 40px;
font-size: 2.5rem;
line-height: 1.3;
display: block;
width: 110px;
margin: 1rem auto .5rem; 
padding: 0;
transition: background .2s ease-in-out;
text-align: center;
color: #000;
border: none;
border-radius: 40px;
background-color: #fff;
box-shadow: 0 0 10px #b3b3b3;
}
#cat_others .sectionBlock.artist .artist_contents .pageTop:hover
{
transition: background .2s ease-in-out;
}
@media (max-width: 767px)
{
#cat_others .sectionBlock.artist .artist_contents .pageTop
{
font-size: 1.75rem;
}
}
#cat_others .sectionBlock.artist .artist_contents .pageTop:hover
{
background: #b3b3b3;
}
@media (min-width: 768px)
{
#cat_others .sectionBlock.artist .artist_contents .pageTop
{
width: 190px;
margin: 2.5rem auto 0;
padding: .2rem 0 0;
}
}
#cat_others .sectionBlock.artist .artist_contents .pageTop svg
{
width: 18px; 
height: 18px;
}
@media (min-width: 768px)
{
#cat_others .sectionBlock.artist .artist_contents .pageTop svg
{
width: 34px; 
height: 34px;
}
}
@media (min-width: 768px)
{
#cat_others .sectionBlock.artist .artist_contents .pageTop
{
margin: 2.5rem auto 0;
}
}
#cat_others footer
{
padding: 1rem; 
text-align: center;
color: #000;
background: #fff;
}
@media (min-width: 768px)
{
#cat_others footer
{
padding: 3rem 0;
}
}
#cat_others footer a
{
text-decoration: none; 
color: #000;
}
#cat_others footer a:hover
{
text-decoration: underline;
}
#cat_others footer ul.sns
{
margin-bottom: .5rem; 
text-align: center;
}
@media (min-width: 768px)
{
#cat_others footer ul.sns
{
margin-bottom: 1rem;
}
}
#cat_others footer ul.sns li
{
display: inline-block;
margin: 0 5px;
}
#cat_others footer ul.sns li svg
{
width: 22px; 
height: 22px;
transition: opacity .2s ease-in-out;
opacity: 1;
fill: #000;
}
#cat_others footer ul.sns li svg:hover
{
transition: opacity .2s ease-in-out;
}
#cat_others footer ul.sns li svg:hover
{
opacity: .7;
}
@media (min-width: 768px)
{
#cat_others footer ul.sns li svg
{
width: 30px; 
height: 30px;
}
}
#cat_others footer .terms
{
font-size: 14px;
font-size: .875rem;
margin-bottom: .5rem;
}
@media (max-width: 767px)
{
#cat_others footer .terms
{
font-size: .6125rem;
}
}
@media (min-width: 768px)
{
#cat_others footer .terms
{
margin-bottom: 1rem;
}
}
#cat_others footer .copyright
{
font-family: 'din-condensed', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-weight: 300;
letter-spacing: .1rem;
}
@media (max-width: 767px)
{
#cat_others footer .copyright
{
font-size: 12px;
font-size: .75rem;
}
}
@media (max-width: 767px) and (max-width: 767px)
{
#cat_others footer .copyright
{
font-size: .525rem;
}
}
#cat_others.pages
{
background-color: #f6d7e3;
background-image: url(//www.jehp.jp/wp-content/themes/je/images/others/bg.png);
}
@media (min-width: 768px)
{
#cat_others.pages
{
background-image: url(//www.jehp.jp/wp-content/themes/je/images/others/bg.png);
}
}
#cat_others.pages .page_wrapper .page_inner
{
background-image: url(//www.jehp.jp/wp-content/themes/je/images/common/bg_dot_sp.png);
}
#cat_others.pages .main_visual .triangle_wrapper .logo
{
position: absolute;
z-index: 999; 
top: 10px;
left: 10px;
}
@media (min-width: 992px)
{
#cat_others.pages .main_visual .triangle_wrapper .logo
{
position: absolute;
top: 20px;
left: 20px;
}
}
#cat_others.pages .main_visual .triangle_wrapper .logo img
{
width: 50px; 
height: auto;
}
@media (min-width: 992px)
{
#cat_others.pages .main_visual .triangle_wrapper .logo img
{
width: 100px; 
height: auto;
}
}
#cat_others.pages .main_visual .triangle_wrapper .triangle
{
position: absolute;
width: 200px;
height: 200px;
transform: rotate(-40deg) translateY(-150px) translateX(0px);
background: #e9518e;
box-shadow: -10px 15px 20px rgba(0, 0, 0, .2);
}
@media (min-width: 992px)
{
#cat_others.pages .main_visual .triangle_wrapper .triangle
{
width: 400px;
height: 400px;
transform: rotate(-40deg) translateY(-310px) translateX(0px);
box-shadow: -10px 20px 20px rgba(0, 0, 0, .2);
}
}
#cat_others.pages .artistName
{
font-family: 'pragmatica-condensed', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 50px;
font-size: 3.125rem;
font-weight: 400;
letter-spacing: .1rem;
}
@media (max-width: 767px)
{
#cat_others.pages .artistName
{
font-size: 2.1875rem;
}
}
#cat_others.pages .btn.back
{
font-family: 'pragmatica-condensed', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 30px;
font-size: 1.875rem;
font-weight: 400;
line-height: 1.3;
display: block;
width: 110px;
margin: 1.5rem auto;
padding: .3rem 0;
transition: background .2s ease-in-out;
text-align: center;
letter-spacing: .1rem;
color: #e9518e;
border: 2px solid #e9518e;
border: none; 
border-radius: 0;
background-color: #fff;
box-shadow: 0 0 5px #666;
}
@media (max-width: 767px)
{
#cat_others.pages .btn.back
{
font-size: 1.3125rem;
}
}
#cat_others.pages .btn.back:hover
{
transition: background .2s ease-in-out;
}
#cat_others.pages .btn.back:hover
{
background: #f085b0;
}
@media (max-width: 767px)
{
#cat_others.pages .btn.back
{
font-size: 25px;
font-size: 1.5625rem;
}
}
@media (max-width: 767px) and (max-width: 767px)
{
#cat_others.pages .btn.back
{
font-size: 1.09375rem;
}
}
@media (min-width: 768px)
{
#cat_others.pages .btn.back
{
font-family: 'pragmatica-condensed', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 30px;
font-size: 1.875rem;
font-weight: 400;
line-height: 1.3;
width: 200px;
margin: 2.5rem auto;
padding: .6rem 0; 
transition: background .2s ease-in-out;
text-align: center;
letter-spacing: .1rem;
color: #e9518e;
border: 2px solid #e9518e;
border-radius: 0;
background-color: #fff;
}
}
@media (min-width: 768px) and (max-width: 767px)
{
#cat_others.pages .btn.back
{
font-size: 1.3125rem;
}
}
@media (min-width: 768px)
{
#cat_others.pages .btn.back:hover
{
transition: background .2s ease-in-out;
}
#cat_others.pages .btn.back:hover
{
background: #f085b0;
}
}
@media (min-width: 768px) and (max-width: 767px)
{
#cat_others.pages .btn.back
{
font-size: 25px;
font-size: 1.5625rem;
}
}
@media (min-width: 768px) and (max-width: 767px) and (max-width: 767px)
{
#cat_others.pages .btn.back
{
font-size: 1.09375rem;
}
}
#cat_others.page_details .sectionBlock.page_contents h1
{
font-family: 'pragmatica-condensed', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 42px;
font-size: 2.625rem;
font-weight: 400;
padding: .5rem 0 0; 
text-align: center;
letter-spacing: .1rem;
color: #e9518e;
}
@media (max-width: 767px)
{
#cat_others.page_details .sectionBlock.page_contents h1
{
font-size: 1.8375rem;
}
}
@media (min-width: 768px)
{
#cat_others.page_details .sectionBlock.page_contents h1
{
font-size: 60px;
font-size: 3.75rem;
}
}
@media (min-width: 768px) and (max-width: 767px)
{
#cat_others.page_details .sectionBlock.page_contents h1
{
font-size: 2.625rem;
}
}
#cat_others.page_details .sectionBlock.page_contents .font_others
{
font-family: 'pragmatica-condensed', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-weight: 400;
letter-spacing: .1rem;
}
#cat_others.page_details .sectionBlock.page_contents .article_wrapper article ul li.tag
{
display: inline-block;
padding: 2px 1rem; 
text-align: center;
color: #fff;
border-radius: 4px;
background: #e9518e;
}
@media (max-width: 767px)
{
#cat_others.page_details .sectionBlock.page_contents .article_wrapper article ul li.tag
{
font-size: 12px;
font-size: .75rem;
}
}
@media (max-width: 767px) and (max-width: 767px)
{
#cat_others.page_details .sectionBlock.page_contents .article_wrapper article ul li.tag
{
font-size: .525rem;
}
}
@media (min-width: 768px)
{
#cat_others.page_details .sectionBlock.page_contents .article_wrapper article ul li.tag
{
padding: 2px 1.5rem; 
border-radius: 6px;
}
}
#cat_others.page_details .sectionBlock.page_contents .article_wrapper article ul li.date
{
font-family: 'pragmatica-condensed', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 17px;
font-size: 1.0625rem; 
font-weight: 400;
letter-spacing: .1rem;
}
@media (max-width: 767px)
{
#cat_others.page_details .sectionBlock.page_contents .article_wrapper article ul li.date
{
font-size: .74375rem;
}
}
#cat_others.page_details .sectionBlock.page_contents .article_wrapper article ul li.name
{
font-family: 'pragmatica-condensed', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-weight: 600;
letter-spacing: .1rem;
}
#cat_others.page_details .sectionBlock.page_contents .btn.sample
{
font-family: 'pragmatica-condensed', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 15px;
font-size: .9375rem;
font-weight: 400;
line-height: 1.3;
width: 95px;
padding: .1rem 8px .1rem 35px;
transition: background .2s ease-in-out; 
text-align: center;
letter-spacing: .1rem;
color: #e9518e;
border: 2px solid #e9518e;
border-radius: 0;
background-color: #fff;
box-shadow: 0 0 3px #666;
}
@media (min-width: 768px)
{
#cat_others.page_details .sectionBlock.page_contents .btn.sample
{
width: 118px;
}
}
@media (max-width: 767px)
{
#cat_others.page_details .sectionBlock.page_contents .btn.sample
{
font-size: .65625rem;
}
}
#cat_others.page_details .sectionBlock.page_contents .btn.sample:hover
{
transition: background .2s ease-in-out;
}
#cat_others.page_details .sectionBlock.page_contents .btn.sample:hover
{
background: #f085b0;
}
#cat_others.index
{
background-color: #f6d7e3;
background-repeat: no-repeat;
background-size: contain;
}
@media (min-width: 768px)
{
#cat_others.index
{
background-repeat: no-repeat;
background-size: contain;
}
}
#cat_others.index .artistName
{
font-family: 'pragmatica-condensed', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 55px;
font-size: 3.4375rem;
font-weight: 400;
letter-spacing: .1rem; 
color: #000;
}
@media (max-width: 767px)
{
#cat_others.index .artistName
{
font-size: 2.40625rem;
}
}
#cat_others.index .sectionBlock.info h1
{
font-family: 'pragmatica-condensed', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 42px;
font-size: 2.625rem;
font-weight: 400;
padding: .5rem 0;
text-align: center;
letter-spacing: .1rem; 
color: #fff;
background-color: #e56192;
}
@media (max-width: 767px)
{
#cat_others.index .sectionBlock.info h1
{
font-size: 1.8375rem;
}
}
@media (min-width: 768px)
{
#cat_others.index .sectionBlock.info h1
{
font-size: 60px;
font-size: 3.75rem;
}
}
@media (min-width: 768px) and (max-width: 767px)
{
#cat_others.index .sectionBlock.info h1
{
font-size: 2.625rem;
}
}
#cat_others.index .sectionBlock.info .tab_menu
{
font-family: 'pragmatica-condensed', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 18px;
font-size: 1.125rem;
font-weight: 300;
letter-spacing: .1rem;
color: #fff !important; 
background-color: #e56192;
}
@media (max-width: 767px)
{
#cat_others.index .sectionBlock.info .tab_menu
{
font-size: .7875rem;
}
}
#cat_others.index .sectionBlock.info .tab_menu ul
{
text-align: center;
}
#cat_others.index .sectionBlock.info .tab_menu ul li
{
display: inline-block; 
padding: 0 .8rem 0;
}
@media (min-width: 768px)
{
#cat_others.index .sectionBlock.info .tab_menu ul li
{
padding: 0 2.0rem 0;
}
}
#cat_others.index .sectionBlock.info .tab_menu ul li a
{
display: inline-block;
padding: .2rem 1px;
transition: color .2s ease-in-out; 
border-bottom: 6px solid transparent;
}
#cat_others.index .sectionBlock.info .tab_menu ul li a:hover
{
transition: color .2s ease-in-out;
}
#cat_others.index .sectionBlock.info .tab_menu ul li a:hover
{
color: white;
}
@media (min-width: 768px)
{
#cat_others.index .sectionBlock.info .tab_menu ul li a
{
padding: .5rem .5rem;
}
}
#cat_others.index .sectionBlock.info .tab_menu ul li.active a
{
border-bottom: 4px solid #fff;
}
@media (min-width: 768px)
{
#cat_others.index .sectionBlock.info .tab_menu ul li.active a
{
border-bottom: 6px solid #fff;
}
}
#cat_others.index .sectionBlock.info .tab_menu a
{
color: #fff !important;
}
@media (min-width: 768px)
{
#cat_others.index .sectionBlock.info .tab_menu
{
font-size: 23px;
font-size: 1.4375rem;
}
}
@media (min-width: 768px) and (max-width: 767px)
{
#cat_others.index .sectionBlock.info .tab_menu
{
font-size: 1.00625rem;
}
}
#cat_others.index .sectionBlock.info .list_wrapper article:first-child a
{
border-top: 1px solid #e9518e;
}
#cat_others.index .sectionBlock.info .list_wrapper article a
{
display: block;
width: 100%;
margin: 0 auto;
padding: .5rem 0; 
border-bottom: 1px solid #848484;
}
#cat_others.index .sectionBlock.info .list_wrapper article a::after
{
display: table; 
clear: both;
content: '';
}
@media (min-width: 992px)
{
#cat_others.index .sectionBlock.info .list_wrapper article a
{
width: 860px;
padding: 1rem 0;
}
}
#cat_others.index .sectionBlock.info .list_wrapper article a ul
{
font-family: 'din-condensed', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-weight: 300;
display: inline-block;
width: 25%;
vertical-align: middle;
letter-spacing: .1rem;
}
@media (min-width: 768px)
{
#cat_others.index .sectionBlock.info .list_wrapper article a ul
{
width: 20%;
}
}
@media (min-width: 992px)
{
#cat_others.index .sectionBlock.info .list_wrapper article a ul
{
width: 20%;
}
}
#cat_others.index .sectionBlock.info .list_wrapper article a ul li
{
text-align: center;
}
#cat_others.index .sectionBlock.info .list_wrapper article a ul li.date
{
font-size: 20px;
font-size: 1.25rem;
}
@media (max-width: 767px)
{
#cat_others.index .sectionBlock.info .list_wrapper article a ul li.date
{
font-size: .875rem;
}
}
@media (min-width: 768px)
{
#cat_others.index .sectionBlock.info .list_wrapper article a ul li
{
margin: 0 auto;
}
}
#cat_others.index .sectionBlock.info .list_wrapper article a p
{
font-size: 17px;
font-size: 1.0625rem;
display: inline-block;
width: 70%; 
vertical-align: middle;
}
@media (max-width: 767px)
{
#cat_others.index .sectionBlock.info .list_wrapper article a p
{
font-size: .74375rem;
}
}
@media (min-width: 768px)
{
#cat_others.index .sectionBlock.info .list_wrapper article a p
{
width: 78%;
}
}
@media (min-width: 992px)
{
#cat_others.index .sectionBlock.info .list_wrapper article a p
{
width: 78%;
}
}
#cat_others.index .sectionBlock.info .list_wrapper article a p span.state
{
font-family: 'din-condensed', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 14px;
font-size: .875rem;
font-weight: 300;
margin-left: 5px; 
padding: 0 7px;
text-align: center;
letter-spacing: .1rem;
color: #fff;
border-radius: 20px;
background: #e30000;
}
@media (max-width: 767px)
{
#cat_others.index .sectionBlock.info .list_wrapper article a p span.state
{
font-size: .6125rem;
}
}
#cat_others.index .sectionBlock.info .list_wrapper article a p span.state:hover
{
text-decoration: none;
}
#cat_others.index .sectionBlock.info .list_wrapper article a p span.text:hover
{
text-decoration: underline;
}
#cat_others.index .sectionBlock.info .list_wrapper article a ul
{
font-family: 'pragmatica-condensed', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-weight: 300;
letter-spacing: .1rem;
}
#cat_others.index .sectionBlock.info .list_wrapper article:first-child a
{
border-top: 1px solid #848484 !important;
}
#cat_others.index .sectionBlock.info .btn.more
{
font-family: 'pragmatica-condensed', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 30px;
font-size: 1.875rem;
font-weight: 400;
line-height: 1.3;
display: block;
width: 110px;
margin: 1.5rem auto;
padding: .3rem 0;
transition: background .2s ease-in-out;
text-align: center;
letter-spacing: .1rem;
color: #e9518e;
border: 2px solid #e9518e;
border: none; 
border-radius: 0;
background-color: #fff;
box-shadow: 0 0 5px #666;
}
@media (max-width: 767px)
{
#cat_others.index .sectionBlock.info .btn.more
{
font-size: 1.3125rem;
}
}
#cat_others.index .sectionBlock.info .btn.more:hover
{
transition: background .2s ease-in-out;
}
#cat_others.index .sectionBlock.info .btn.more:hover
{
background: #f085b0;
}
@media (max-width: 767px)
{
#cat_others.index .sectionBlock.info .btn.more
{
font-size: 25px;
font-size: 1.5625rem;
}
}
@media (max-width: 767px) and (max-width: 767px)
{
#cat_others.index .sectionBlock.info .btn.more
{
font-size: 1.09375rem;
}
}
@media (min-width: 768px)
{
#cat_others.index .sectionBlock.info .btn.more
{
font-family: 'pragmatica-condensed', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 30px;
font-size: 1.875rem;
font-weight: 400;
line-height: 1.3;
width: 200px;
margin: 2.5rem auto;
padding: .6rem 0; 
transition: background .2s ease-in-out;
text-align: center;
letter-spacing: .1rem;
color: #e9518e;
border: 2px solid #e9518e;
border-radius: 0;
background-color: #fff;
}
}
@media (min-width: 768px) and (max-width: 767px)
{
#cat_others.index .sectionBlock.info .btn.more
{
font-size: 1.3125rem;
}
}
@media (min-width: 768px)
{
#cat_others.index .sectionBlock.info .btn.more:hover
{
transition: background .2s ease-in-out;
}
#cat_others.index .sectionBlock.info .btn.more:hover
{
background: #f085b0;
}
}
@media (min-width: 768px) and (max-width: 767px)
{
#cat_others.index .sectionBlock.info .btn.more
{
font-size: 25px;
font-size: 1.5625rem;
}
}
@media (min-width: 768px) and (max-width: 767px) and (max-width: 767px)
{
#cat_others.index .sectionBlock.info .btn.more
{
font-size: 1.09375rem;
}
}
#cat_others.index .sectionBlock.spotMovie h1
{
font-family: 'pragmatica-condensed', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 42px;
font-size: 2.625rem;
font-weight: 400;
padding: .5rem 0;
text-align: center;
letter-spacing: .1rem; 
color: #fff;
background-color: #e56192;
}
@media (max-width: 767px)
{
#cat_others.index .sectionBlock.spotMovie h1
{
font-size: 1.8375rem;
}
}
@media (min-width: 768px)
{
#cat_others.index .sectionBlock.spotMovie h1
{
font-size: 60px;
font-size: 3.75rem;
}
}
@media (min-width: 768px) and (max-width: 767px)
{
#cat_others.index .sectionBlock.spotMovie h1
{
font-size: 2.625rem;
}
}
#cat_others.index .sectionBlock.newRelease
{ }
#cat_others.index .sectionBlock.newRelease h1
{
font-family: 'pragmatica-condensed', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 42px;
font-size: 2.625rem;
font-weight: 400;
padding: .5rem 0;
text-align: center;
letter-spacing: .1rem; 
color: #fff;
background-color: #e56192;
}
@media (max-width: 767px)
{
#cat_others.index .sectionBlock.newRelease h1
{
font-size: 1.8375rem;
}
}
@media (min-width: 768px)
{
#cat_others.index .sectionBlock.newRelease h1
{
font-size: 60px;
font-size: 3.75rem;
}
}
@media (min-width: 768px) and (max-width: 767px)
{
#cat_others.index .sectionBlock.newRelease h1
{
font-size: 2.625rem;
}
}
#cat_others.index .sectionBlock.newRelease .btn.more
{
font-family: 'pragmatica-condensed', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 30px;
font-size: 1.875rem;
font-weight: 400;
line-height: 1.3;
display: block;
width: 110px;
margin: 1.5rem auto;
margin: 1rem auto 0rem; 
padding: .3rem 0;
transition: background .2s ease-in-out;
text-align: center;
letter-spacing: .1rem;
color: #e9518e;
border: 2px solid #e9518e;
border: none;
border-radius: 0;
background-color: #fff;
box-shadow: 0 0 5px #666;
}
@media (max-width: 767px)
{
#cat_others.index .sectionBlock.newRelease .btn.more
{
font-size: 1.3125rem;
}
}
#cat_others.index .sectionBlock.newRelease .btn.more:hover
{
transition: background .2s ease-in-out;
}
#cat_others.index .sectionBlock.newRelease .btn.more:hover
{
background: #f085b0;
}
@media (max-width: 767px)
{
#cat_others.index .sectionBlock.newRelease .btn.more
{
font-size: 25px;
font-size: 1.5625rem;
}
}
@media (max-width: 767px) and (max-width: 767px)
{
#cat_others.index .sectionBlock.newRelease .btn.more
{
font-size: 1.09375rem;
}
}
@media (min-width: 768px)
{
#cat_others.index .sectionBlock.newRelease .btn.more
{
font-family: 'pragmatica-condensed', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 30px;
font-size: 1.875rem;
font-weight: 400;
line-height: 1.3;
width: 200px;
margin: 2.5rem auto;
padding: .6rem 0; 
transition: background .2s ease-in-out;
text-align: center;
letter-spacing: .1rem;
color: #e9518e;
border: 2px solid #e9518e;
border-radius: 0;
background-color: #fff;
}
}
@media (min-width: 768px) and (max-width: 767px)
{
#cat_others.index .sectionBlock.newRelease .btn.more
{
font-size: 1.3125rem;
}
}
@media (min-width: 768px)
{
#cat_others.index .sectionBlock.newRelease .btn.more:hover
{
transition: background .2s ease-in-out;
}
#cat_others.index .sectionBlock.newRelease .btn.more:hover
{
background: #f085b0;
}
}
@media (min-width: 768px) and (max-width: 767px)
{
#cat_others.index .sectionBlock.newRelease .btn.more
{
font-size: 25px;
font-size: 1.5625rem;
}
}
@media (min-width: 768px) and (max-width: 767px) and (max-width: 767px)
{
#cat_others.index .sectionBlock.newRelease .btn.more
{
font-size: 1.09375rem;
}
}
@media (min-width: 768px)
{
#cat_others.index .sectionBlock.newRelease .btn.more
{
margin: 1rem auto 0;
}
}
#cat_others.index .sectionBlock.discography h1
{
font-family: 'pragmatica-condensed', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 42px;
font-size: 2.625rem;
font-weight: 400;
padding: .5rem 0;
text-align: center;
letter-spacing: .1rem; 
color: #fff;
background-color: #e56192;
}
@media (max-width: 767px)
{
#cat_others.index .sectionBlock.discography h1
{
font-size: 1.8375rem;
}
}
@media (min-width: 768px)
{
#cat_others.index .sectionBlock.discography h1
{
font-size: 60px;
font-size: 3.75rem;
}
}
@media (min-width: 768px) and (max-width: 767px)
{
#cat_others.index .sectionBlock.discography h1
{
font-size: 2.625rem;
}
}
#cat_others.index .sectionBlock.discography .tab_menu
{
font-family: 'pragmatica-condensed', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 18px;
font-size: 1.125rem;
font-weight: 300;
letter-spacing: .1rem;
color: #fff !important; 
background-color: #e56192;
}
@media (max-width: 767px)
{
#cat_others.index .sectionBlock.discography .tab_menu
{
font-size: .7875rem;
}
}
#cat_others.index .sectionBlock.discography .tab_menu ul
{
text-align: center;
}
#cat_others.index .sectionBlock.discography .tab_menu ul li
{
display: inline-block; 
padding: 0 .8rem 0;
}
@media (min-width: 768px)
{
#cat_others.index .sectionBlock.discography .tab_menu ul li
{
padding: 0 2.0rem 0;
}
}
#cat_others.index .sectionBlock.discography .tab_menu ul li a
{
display: inline-block;
padding: .2rem 1px;
transition: color .2s ease-in-out; 
border-bottom: 6px solid transparent;
}
#cat_others.index .sectionBlock.discography .tab_menu ul li a:hover
{
transition: color .2s ease-in-out;
}
#cat_others.index .sectionBlock.discography .tab_menu ul li a:hover
{
color: white;
}
@media (min-width: 768px)
{
#cat_others.index .sectionBlock.discography .tab_menu ul li a
{
padding: .5rem .5rem;
}
}
#cat_others.index .sectionBlock.discography .tab_menu ul li.active a
{
border-bottom: 4px solid #fff;
}
@media (min-width: 768px)
{
#cat_others.index .sectionBlock.discography .tab_menu ul li.active a
{
border-bottom: 6px solid #fff;
}
}
#cat_others.index .sectionBlock.discography .tab_menu a
{
color: #fff !important;
}
@media (min-width: 768px)
{
#cat_others.index .sectionBlock.discography .tab_menu
{
font-size: 23px;
font-size: 1.4375rem;
}
}
@media (min-width: 768px) and (max-width: 767px)
{
#cat_others.index .sectionBlock.discography .tab_menu
{
font-size: 1.00625rem;
}
}
#cat_others.index .sectionBlock.discography .article_wrapper article ul li.tag
{
display: inline-block;
padding: 2px 1rem; 
text-align: center;
color: #fff;
border-radius: 4px;
background: #e9518e;
}
@media (max-width: 767px)
{
#cat_others.index .sectionBlock.discography .article_wrapper article ul li.tag
{
font-size: 12px;
font-size: .75rem;
}
}
@media (max-width: 767px) and (max-width: 767px)
{
#cat_others.index .sectionBlock.discography .article_wrapper article ul li.tag
{
font-size: .525rem;
}
}
@media (min-width: 768px)
{
#cat_others.index .sectionBlock.discography .article_wrapper article ul li.tag
{
padding: 2px 1.5rem; 
border-radius: 6px;
}
}
#cat_others.index .sectionBlock.discography .article_wrapper article ul li.date
{
font-family: 'pragmatica-condensed', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 17px;
font-size: 1.0625rem; 
font-weight: 400;
letter-spacing: .1rem;
}
@media (max-width: 767px)
{
#cat_others.index .sectionBlock.discography .article_wrapper article ul li.date
{
font-size: .74375rem;
}
}
#cat_others.index .sectionBlock.discography .article_wrapper article ul li.name
{
font-family: 'pragmatica-condensed', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-weight: 600;
letter-spacing: .1rem;
}
#cat_others.index .sectionBlock.discography .btn.more
{
font-family: 'pragmatica-condensed', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 30px;
font-size: 1.875rem;
font-weight: 400;
line-height: 1.3;
display: block;
width: 110px;
margin: 1.5rem auto;
padding: .3rem 0;
transition: background .2s ease-in-out;
text-align: center;
letter-spacing: .1rem;
color: #e9518e;
border: 2px solid #e9518e;
border: none; 
border-radius: 0;
background-color: #fff;
box-shadow: 0 0 5px #666;
}
@media (max-width: 767px)
{
#cat_others.index .sectionBlock.discography .btn.more
{
font-size: 1.3125rem;
}
}
#cat_others.index .sectionBlock.discography .btn.more:hover
{
transition: background .2s ease-in-out;
}
#cat_others.index .sectionBlock.discography .btn.more:hover
{
background: #f085b0;
}
@media (max-width: 767px)
{
#cat_others.index .sectionBlock.discography .btn.more
{
font-size: 25px;
font-size: 1.5625rem;
}
}
@media (max-width: 767px) and (max-width: 767px)
{
#cat_others.index .sectionBlock.discography .btn.more
{
font-size: 1.09375rem;
}
}
@media (min-width: 768px)
{
#cat_others.index .sectionBlock.discography .btn.more
{
font-family: 'pragmatica-condensed', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 30px;
font-size: 1.875rem;
font-weight: 400;
line-height: 1.3;
width: 200px;
margin: 2.5rem auto;
padding: .6rem 0; 
transition: background .2s ease-in-out;
text-align: center;
letter-spacing: .1rem;
color: #e9518e;
border: 2px solid #e9518e;
border-radius: 0;
background-color: #fff;
}
}
@media (min-width: 768px) and (max-width: 767px)
{
#cat_others.index .sectionBlock.discography .btn.more
{
font-size: 1.3125rem;
}
}
@media (min-width: 768px)
{
#cat_others.index .sectionBlock.discography .btn.more:hover
{
transition: background .2s ease-in-out;
}
#cat_others.index .sectionBlock.discography .btn.more:hover
{
background: #f085b0;
}
}
@media (min-width: 768px) and (max-width: 767px)
{
#cat_others.index .sectionBlock.discography .btn.more
{
font-size: 25px;
font-size: 1.5625rem;
}
}
@media (min-width: 768px) and (max-width: 767px) and (max-width: 767px)
{
#cat_others.index .sectionBlock.discography .btn.more
{
font-size: 1.09375rem;
}
}
#cat_others.index .sectionBlock.profile h1
{
font-family: 'pragmatica-condensed', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 42px;
font-size: 2.625rem;
font-weight: 400;
padding: .5rem 0;
text-align: center;
letter-spacing: .1rem; 
color: #fff;
background-color: #e56192;
}
@media (max-width: 767px)
{
#cat_others.index .sectionBlock.profile h1
{
font-size: 1.8375rem;
}
}
@media (min-width: 768px)
{
#cat_others.index .sectionBlock.profile h1
{
font-size: 60px;
font-size: 3.75rem;
}
}
@media (min-width: 768px) and (max-width: 767px)
{
#cat_others.index .sectionBlock.profile h1
{
font-size: 2.625rem;
}
}
#cat_others.index .sectionBlock.profile .profile_contents .btn.more
{
font-family: 'pragmatica-condensed', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 30px;
font-size: 1.875rem;
font-weight: 400;
line-height: 1.3;
display: block;
width: 110px;
margin: 1.5rem auto;
padding: .3rem 0;
transition: background .2s ease-in-out;
text-align: center;
letter-spacing: .1rem;
color: #e9518e;
border: 2px solid #e9518e;
border: none; 
border-radius: 0;
background-color: #fff;
box-shadow: 0 0 5px #666;
}
@media (max-width: 767px)
{
#cat_others.index .sectionBlock.profile .profile_contents .btn.more
{
font-size: 1.3125rem;
}
}
#cat_others.index .sectionBlock.profile .profile_contents .btn.more:hover
{
transition: background .2s ease-in-out;
}
#cat_others.index .sectionBlock.profile .profile_contents .btn.more:hover
{
background: #f085b0;
}
@media (max-width: 767px)
{
#cat_others.index .sectionBlock.profile .profile_contents .btn.more
{
font-size: 25px;
font-size: 1.5625rem;
}
}
@media (max-width: 767px) and (max-width: 767px)
{
#cat_others.index .sectionBlock.profile .profile_contents .btn.more
{
font-size: 1.09375rem;
}
}
@media (min-width: 768px)
{
#cat_others.index .sectionBlock.profile .profile_contents .btn.more
{
font-family: 'pragmatica-condensed', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 30px;
font-size: 1.875rem;
font-weight: 400;
line-height: 1.3;
width: 200px;
margin: 2.5rem auto;
padding: .6rem 0; 
transition: background .2s ease-in-out;
text-align: center;
letter-spacing: .1rem;
color: #e9518e;
border: 2px solid #e9518e;
border-radius: 0;
background-color: #fff;
}
}
@media (min-width: 768px) and (max-width: 767px)
{
#cat_others.index .sectionBlock.profile .profile_contents .btn.more
{
font-size: 1.3125rem;
}
}
@media (min-width: 768px)
{
#cat_others.index .sectionBlock.profile .profile_contents .btn.more:hover
{
transition: background .2s ease-in-out;
}
#cat_others.index .sectionBlock.profile .profile_contents .btn.more:hover
{
background: #f085b0;
}
}
@media (min-width: 768px) and (max-width: 767px)
{
#cat_others.index .sectionBlock.profile .profile_contents .btn.more
{
font-size: 25px;
font-size: 1.5625rem;
}
}
@media (min-width: 768px) and (max-width: 767px) and (max-width: 767px)
{
#cat_others.index .sectionBlock.profile .profile_contents .btn.more
{
font-size: 1.09375rem;
}
}
#cat_others.info .sectionBlock.info h1
{
font-family: 'pragmatica-condensed', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 42px;
font-size: 2.625rem;
font-weight: 400;
padding: .5rem 0 0; 
text-align: center;
letter-spacing: .1rem;
color: #e9518e;
}
@media (max-width: 767px)
{
#cat_others.info .sectionBlock.info h1
{
font-size: 1.8375rem;
}
}
@media (min-width: 768px)
{
#cat_others.info .sectionBlock.info h1
{
font-size: 60px;
font-size: 3.75rem;
}
}
@media (min-width: 768px) and (max-width: 767px)
{
#cat_others.info .sectionBlock.info h1
{
font-size: 2.625rem;
}
}
#cat_others.info .sectionBlock.info .tab_menu
{
font-family: 'pragmatica-condensed', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 18px;
font-size: 1.125rem;
font-weight: 300;
letter-spacing: .1rem;
color: #fff !important;
color: #e9518e !important;
}
@media (max-width: 767px)
{
#cat_others.info .sectionBlock.info .tab_menu
{
font-size: .7875rem;
}
}
#cat_others.info .sectionBlock.info .tab_menu ul
{
text-align: center;
}
#cat_others.info .sectionBlock.info .tab_menu ul li
{
display: inline-block; 
padding: 0 .8rem 0;
}
@media (min-width: 768px)
{
#cat_others.info .sectionBlock.info .tab_menu ul li
{
padding: 0 2.0rem 0;
}
}
#cat_others.info .sectionBlock.info .tab_menu ul li a
{
display: inline-block;
padding: .2rem 1px;
transition: color .2s ease-in-out; 
border-bottom: 6px solid transparent;
}
#cat_others.info .sectionBlock.info .tab_menu ul li a:hover
{
transition: color .2s ease-in-out;
}
#cat_others.info .sectionBlock.info .tab_menu ul li a:hover
{
color: white;
}
@media (min-width: 768px)
{
#cat_others.info .sectionBlock.info .tab_menu ul li a
{
padding: .5rem .5rem;
}
}
#cat_others.info .sectionBlock.info .tab_menu ul li.active a
{
border-bottom: 4px solid #fff;
}
@media (min-width: 768px)
{
#cat_others.info .sectionBlock.info .tab_menu ul li.active a
{
border-bottom: 6px solid #fff;
}
}
#cat_others.info .sectionBlock.info .tab_menu a
{
color: #fff !important;
}
@media (min-width: 768px)
{
#cat_others.info .sectionBlock.info .tab_menu
{
font-size: 23px;
font-size: 1.4375rem;
}
}
@media (min-width: 768px) and (max-width: 767px)
{
#cat_others.info .sectionBlock.info .tab_menu
{
font-size: 1.00625rem;
}
}
#cat_others.info .sectionBlock.info .tab_menu ul
{
text-align: center;
}
#cat_others.info .sectionBlock.info .tab_menu ul li
{
display: inline-block; 
padding: 0 .8rem 0;
}
@media (min-width: 768px)
{
#cat_others.info .sectionBlock.info .tab_menu ul li
{
padding: 0 2.0rem 0;
}
}
#cat_others.info .sectionBlock.info .tab_menu ul li a
{
display: inline-block;
padding: .2rem 1px;
transition: color .2s ease-in-out; 
border-bottom: 6px solid transparent;
}
#cat_others.info .sectionBlock.info .tab_menu ul li a:hover
{
transition: color .2s ease-in-out;
}
#cat_others.info .sectionBlock.info .tab_menu ul li a:hover
{
color: #f4a8c7;
}
@media (min-width: 768px)
{
#cat_others.info .sectionBlock.info .tab_menu ul li a
{
padding: .5rem .5rem;
}
}
#cat_others.info .sectionBlock.info .tab_menu ul li.active a
{
border-bottom: 4px solid #e9518e;
}
@media (min-width: 768px)
{
#cat_others.info .sectionBlock.info .tab_menu ul li.active a
{
border-bottom: 6px solid #e9518e;
}
}
#cat_others.info .sectionBlock.info .tab_menu a
{
color: #e9518e !important;
}
#cat_others.info .sectionBlock.info .list_wrapper article:first-child a
{
border-top: 1px solid #e9518e;
}
#cat_others.info .sectionBlock.info .list_wrapper article a
{
display: block;
width: 100%;
margin: 0 auto;
padding: .5rem 0; 
border-bottom: 1px solid #848484;
}
#cat_others.info .sectionBlock.info .list_wrapper article a::after
{
display: table; 
clear: both;
content: '';
}
@media (min-width: 992px)
{
#cat_others.info .sectionBlock.info .list_wrapper article a
{
width: 100%;
padding: 1rem 0;
}
}
#cat_others.info .sectionBlock.info .list_wrapper article a ul
{
font-family: 'din-condensed', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-weight: 300;
display: inline-block;
width: 25%;
vertical-align: middle;
letter-spacing: .1rem;
}
@media (min-width: 768px)
{
#cat_others.info .sectionBlock.info .list_wrapper article a ul
{
width: 20%;
}
}
@media (min-width: 992px)
{
#cat_others.info .sectionBlock.info .list_wrapper article a ul
{
width: 20%;
}
}
#cat_others.info .sectionBlock.info .list_wrapper article a ul li
{
text-align: center;
}
#cat_others.info .sectionBlock.info .list_wrapper article a ul li.date
{
font-size: 20px;
font-size: 1.25rem;
}
@media (max-width: 767px)
{
#cat_others.info .sectionBlock.info .list_wrapper article a ul li.date
{
font-size: .875rem;
}
}
@media (min-width: 768px)
{
#cat_others.info .sectionBlock.info .list_wrapper article a ul li
{
margin: 0 auto;
}
}
#cat_others.info .sectionBlock.info .list_wrapper article a p
{
font-size: 17px;
font-size: 1.0625rem;
display: inline-block;
width: 70%; 
vertical-align: middle;
}
@media (max-width: 767px)
{
#cat_others.info .sectionBlock.info .list_wrapper article a p
{
font-size: .74375rem;
}
}
@media (min-width: 768px)
{
#cat_others.info .sectionBlock.info .list_wrapper article a p
{
width: 78%;
}
}
@media (min-width: 992px)
{
#cat_others.info .sectionBlock.info .list_wrapper article a p
{
width: 78%;
}
}
#cat_others.info .sectionBlock.info .list_wrapper article a p span.state
{
font-family: 'din-condensed', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 14px;
font-size: .875rem;
font-weight: 300;
margin-left: 5px; 
padding: 0 7px;
text-align: center;
letter-spacing: .1rem;
color: #fff;
border-radius: 20px;
background: #e30000;
}
@media (max-width: 767px)
{
#cat_others.info .sectionBlock.info .list_wrapper article a p span.state
{
font-size: .6125rem;
}
}
#cat_others.info .sectionBlock.info .list_wrapper article a p span.state:hover
{
text-decoration: none;
}
#cat_others.info .sectionBlock.info .list_wrapper article a p span.text:hover
{
text-decoration: underline;
}
#cat_others.info .sectionBlock.info .list_wrapper article a ul
{
font-family: 'pragmatica-condensed', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-weight: 300;
letter-spacing: .1rem;
}
#cat_others.discography .sectionBlock.discography h1
{
font-family: 'pragmatica-condensed', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 42px;
font-size: 2.625rem;
font-weight: 400;
padding: .5rem 0 0; 
text-align: center;
letter-spacing: .1rem;
color: #e9518e;
}
@media (max-width: 767px)
{
#cat_others.discography .sectionBlock.discography h1
{
font-size: 1.8375rem;
}
}
@media (min-width: 768px)
{
#cat_others.discography .sectionBlock.discography h1
{
font-size: 60px;
font-size: 3.75rem;
}
}
@media (min-width: 768px) and (max-width: 767px)
{
#cat_others.discography .sectionBlock.discography h1
{
font-size: 2.625rem;
}
}
#cat_others.discography .sectionBlock.discography .tab_menu
{
font-family: 'pragmatica-condensed', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 18px;
font-size: 1.125rem;
font-weight: 300;
letter-spacing: .1rem;
color: #fff !important;
color: #e9518e !important;
border-bottom: 1px solid #e9518e;
}
@media (max-width: 767px)
{
#cat_others.discography .sectionBlock.discography .tab_menu
{
font-size: .7875rem;
}
}
#cat_others.discography .sectionBlock.discography .tab_menu ul
{
text-align: center;
}
#cat_others.discography .sectionBlock.discography .tab_menu ul li
{
display: inline-block; 
padding: 0 .8rem 0;
}
@media (min-width: 768px)
{
#cat_others.discography .sectionBlock.discography .tab_menu ul li
{
padding: 0 2.0rem 0;
}
}
#cat_others.discography .sectionBlock.discography .tab_menu ul li a
{
display: inline-block;
padding: .2rem 1px;
transition: color .2s ease-in-out; 
border-bottom: 6px solid transparent;
}
#cat_others.discography .sectionBlock.discography .tab_menu ul li a:hover
{
transition: color .2s ease-in-out;
}
#cat_others.discography .sectionBlock.discography .tab_menu ul li a:hover
{
color: white;
}
@media (min-width: 768px)
{
#cat_others.discography .sectionBlock.discography .tab_menu ul li a
{
padding: .5rem .5rem;
}
}
#cat_others.discography .sectionBlock.discography .tab_menu ul li.active a
{
border-bottom: 4px solid #fff;
}
@media (min-width: 768px)
{
#cat_others.discography .sectionBlock.discography .tab_menu ul li.active a
{
border-bottom: 6px solid #fff;
}
}
#cat_others.discography .sectionBlock.discography .tab_menu a
{
color: #fff !important;
}
@media (min-width: 768px)
{
#cat_others.discography .sectionBlock.discography .tab_menu
{
font-size: 23px;
font-size: 1.4375rem;
}
}
@media (min-width: 768px) and (max-width: 767px)
{
#cat_others.discography .sectionBlock.discography .tab_menu
{
font-size: 1.00625rem;
}
}
#cat_others.discography .sectionBlock.discography .tab_menu ul
{
text-align: center;
}
#cat_others.discography .sectionBlock.discography .tab_menu ul li
{
display: inline-block; 
padding: 0 .8rem 0;
}
@media (min-width: 768px)
{
#cat_others.discography .sectionBlock.discography .tab_menu ul li
{
padding: 0 2.0rem 0;
}
}
#cat_others.discography .sectionBlock.discography .tab_menu ul li a
{
display: inline-block;
padding: .2rem 1px;
transition: color .2s ease-in-out; 
border-bottom: 6px solid transparent;
}
#cat_others.discography .sectionBlock.discography .tab_menu ul li a:hover
{
transition: color .2s ease-in-out;
}
#cat_others.discography .sectionBlock.discography .tab_menu ul li a:hover
{
color: #f4a8c7;
}
@media (min-width: 768px)
{
#cat_others.discography .sectionBlock.discography .tab_menu ul li a
{
padding: .5rem .5rem;
}
}
#cat_others.discography .sectionBlock.discography .tab_menu ul li.active a
{
border-bottom: 4px solid #e9518e;
}
@media (min-width: 768px)
{
#cat_others.discography .sectionBlock.discography .tab_menu ul li.active a
{
border-bottom: 6px solid #e9518e;
}
}
#cat_others.discography .sectionBlock.discography .tab_menu a
{
color: #e9518e !important;
}
#cat_others.discography .sectionBlock.discography .article_wrapper article ul li.tag
{
display: inline-block;
padding: 2px 1rem; 
text-align: center;
color: #fff;
border-radius: 4px;
background: #e9518e;
}
@media (max-width: 767px)
{
#cat_others.discography .sectionBlock.discography .article_wrapper article ul li.tag
{
font-size: 12px;
font-size: .75rem;
}
}
@media (max-width: 767px) and (max-width: 767px)
{
#cat_others.discography .sectionBlock.discography .article_wrapper article ul li.tag
{
font-size: .525rem;
}
}
@media (min-width: 768px)
{
#cat_others.discography .sectionBlock.discography .article_wrapper article ul li.tag
{
padding: 2px 1.5rem; 
border-radius: 6px;
}
}
#cat_others.discography .sectionBlock.discography .article_wrapper article ul li.date
{
font-family: 'pragmatica-condensed', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 17px;
font-size: 1.0625rem; 
font-weight: 400;
letter-spacing: .1rem;
}
@media (max-width: 767px)
{
#cat_others.discography .sectionBlock.discography .article_wrapper article ul li.date
{
font-size: .74375rem;
}
}
#cat_others.discography .sectionBlock.discography .article_wrapper article ul li.name
{
font-family: 'pragmatica-condensed', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-weight: 600;
letter-spacing: .1rem;
}
#cat_others.profile .sectionBlock.profile h1
{
font-family: 'pragmatica-condensed', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 42px;
font-size: 2.625rem;
font-weight: 400;
padding: .5rem 0 0; 
text-align: center;
letter-spacing: .1rem;
color: #e9518e;
}
@media (max-width: 767px)
{
#cat_others.profile .sectionBlock.profile h1
{
font-size: 1.8375rem;
}
}
@media (min-width: 768px)
{
#cat_others.profile .sectionBlock.profile h1
{
font-size: 60px;
font-size: 3.75rem;
}
}
@media (min-width: 768px) and (max-width: 767px)
{
#cat_others.profile .sectionBlock.profile h1
{
font-size: 2.625rem;
}
}
#cat_others.profile .sectionBlock.profile .text dl dd
{
font-family: 'pragmatica-condensed', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-weight: 400;
letter-spacing: .1rem;
}
#cat_others.profile .sectionBlock.profile .text dl dd span
{
font-family: 'pragmatica-condensed', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-weight: 300;
line-height: 1.3; 
letter-spacing: .1rem;
}
@media (min-width: 992px)
{
#cat_others.profile .sectionBlock.profile .text dl dd span
{
line-height: 1.7;
}
}
#cat_others .more
{
font-family: 'pragmatica-condensed', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 30px;
font-size: 1.875rem;
font-weight: 400;
line-height: 1.3;
display: block;
width: 110px;
margin: 1.5rem auto;
padding: .3rem 0;
transition: background .2s ease-in-out;
text-align: center;
letter-spacing: .1rem;
color: #e9518e;
border: 2px solid #e9518e;
border: none; 
border-radius: 0;
background-color: #fff;
box-shadow: 0 0 5px #666;
}
@media (max-width: 767px)
{
#cat_others .more
{
font-size: 1.3125rem;
}
}
#cat_others .more:hover
{
transition: background .2s ease-in-out;
}
#cat_others .more:hover
{
background: #f085b0;
}
@media (max-width: 767px)
{
#cat_others .more
{
font-size: 25px;
font-size: 1.5625rem;
}
}
@media (max-width: 767px) and (max-width: 767px)
{
#cat_others .more
{
font-size: 1.09375rem;
}
}
@media (min-width: 768px)
{
#cat_others .more
{
font-family: 'pragmatica-condensed', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 30px;
font-size: 1.875rem;
font-weight: 400;
line-height: 1.3;
width: 200px;
margin: 2.5rem auto;
padding: .6rem 0; 
transition: background .2s ease-in-out;
text-align: center;
letter-spacing: .1rem;
color: #e9518e;
border: 2px solid #e9518e;
border-radius: 0;
background-color: #fff;
}
}
@media (min-width: 768px) and (max-width: 767px)
{
#cat_others .more
{
font-size: 1.3125rem;
}
}
@media (min-width: 768px)
{
#cat_others .more:hover
{
transition: background .2s ease-in-out;
}
#cat_others .more:hover
{
background: #f085b0;
}
}
@media (min-width: 768px) and (max-width: 767px)
{
#cat_others .more
{
font-size: 25px;
font-size: 1.5625rem;
}
}
@media (min-width: 768px) and (max-width: 767px) and (max-width: 767px)
{
#cat_others .more
{
font-size: 1.09375rem;
}
}
#cat_others .tag
{
display: inline-block;
padding: 2px 1rem; 
text-align: center;
color: #fff;
border-radius: 4px;
background: #e9518e;
}
@media (max-width: 767px)
{
#cat_others .tag
{
font-size: 12px;
font-size: .75rem;
}
}
@media (max-width: 767px) and (max-width: 767px)
{
#cat_others .tag
{
font-size: .525rem;
}
}
@media (min-width: 768px)
{
#cat_others .tag
{
padding: 2px 1.5rem; 
border-radius: 6px;
}
}
#cat_others .date
{
font-family: 'pragmatica-condensed', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-weight: 400;
letter-spacing: .1rem;
}
.artist-newrelease
{
transform: translateZ(-100px);
text-align: center;
}
.artist-newrelease article
{
display: inline-block; 
width: 400px;
}
@media (max-width: 767px)
{
.artist-newrelease article
{
width: 44%;
}
}
@media (max-width: 767px)
{
.artist-newrelease article:only-child
{
width: 300px;
}
}
.artist-newrelease .images
{
position: relative;
z-index: 1; 
transform: scale(.85);
transform-style: preserve-3d;
perspective: 2500;
}
.artist-newrelease .images li
{
position: absolute;
width: 100%;
height: auto;
transform-origin: top 50%;
opacity: 0; 
transform-style: preserve-3d;
}
.artist-newrelease .images li img
{
position: absolute;
top: 50%;
left: 50%;
width: 100%;
height: auto;
transform: translateY(-50%) translateX(-50%);
}
.artist-newrelease .images li a:before
{
position: absolute;
z-index: 1;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%; 
content: '';
}
.artist-newrelease .img
{
margin-bottom: 1rem; 
text-align: center;
}
.artist-newrelease ul.texts
{
text-align: center;
}
.artist-newrelease ul.texts li
{
display: none;
}
@media (max-width: 767px)
{
.artist-newrelease ul.texts p
{
line-height: 1.2;
}
}
.artist-newrelease ul.texts p.tag
{
display: inline-block;
margin: 0 auto .3rem;
padding: 2px 1rem;
text-align: center;
white-space: nowrap; 
color: #000;
border-radius: 4px;
background: #fff;
}
@media (max-width: 767px)
{
.artist-newrelease ul.texts p.tag
{
font-size: 12px;
font-size: .75rem;
}
}
@media (max-width: 767px) and (max-width: 767px)
{
.artist-newrelease ul.texts p.tag
{
font-size: .525rem;
}
}
@media (min-width: 768px)
{
.artist-newrelease ul.texts p.tag
{
padding: 2px 1.5rem; 
border-radius: 6px;
}
}
@media (min-width: 768px)
{
.artist-newrelease ul.texts p.tag
{
margin: 0 auto 1rem;
}
}
.artist-newrelease ul.texts p.date
{
font-family: 'futura-pt', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 25px;
font-size: 1.5625rem;
font-weight: 300;
overflow: hidden;
white-space: nowrap;
letter-spacing: .1rem;
text-overflow: ellipsis;
}
@media (max-width: 767px)
{
.artist-newrelease ul.texts p.date
{
font-size: 1.09375rem;
}
}
.artist-newrelease ul.texts p.name
{
font-family: 'futura-pt', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 23px;
font-size: 1.4375rem;
font-weight: 600;
line-height: 1.3;
overflow: hidden;
white-space: nowrap;
letter-spacing: .1rem;
text-overflow: ellipsis;
}
@media (max-width: 767px)
{
.artist-newrelease ul.texts p.name
{
font-size: 1.00625rem;
}
}
@media (min-width: 768px)
{
.artist-newrelease ul.texts p.name
{
font-size: 27px;
font-size: 1.6875rem;
}
}
@media (min-width: 768px) and (max-width: 767px)
{
.artist-newrelease ul.texts p.name
{
font-size: 1.18125rem;
}
}
.artist-newrelease ul.buttons li
{
display: none;
}
.artist-newrelease .more
{
font-family: 'futura-pt', 'a-otf-futo-go-b101-pr6n', sans-serif;
font-size: 30px;
font-size: 1.875rem;
font-weight: 300;
line-height: 1.3;
display: block;
width: 110px;
margin: 1.5rem auto;
margin: 1rem auto 0rem; 
padding: .3rem 0;
transition: background .2s ease-in-out;
text-align: center;
letter-spacing: .1rem;
color: #fff;
border: none;
border-radius: 40px;
background-color: #000;
box-shadow: 0 0 5px #666;
}
@media (max-width: 767px)
{
.artist-newrelease .more
{
font-size: 1.3125rem;
}
}
.artist-newrelease .more:hover
{
transition: background .2s ease-in-out;
}
.artist-newrelease .more:hover
{
background: #4d4d4d;
}
@media (max-width: 767px)
{
.artist-newrelease .more
{
font-size: 25px;
font-size: 1.5625rem;
}
}
@media (max-width: 767px) and (max-width: 767px)
{
.artist-newrelease .more
{
font-size: 1.09375rem;
}
}
@media (min-width: 768px)
{
.artist-newrelease .more
{
width: 200px;
margin: 2.5rem auto;
padding: .6rem 0;
}
}
@media (min-width: 768px)
{
.artist-newrelease .more
{
margin: 1rem auto 0;
}
}
.tab_contents > *
{
display: none;
}
.tab_contents > *:first-child
{
display: block;
}
.btn-sound
{
line-height: 1;
position: relative;
box-sizing: border-box; 
text-decoration: none !important;
}
.btn-sound:before
{
position: absolute;
top: 50%;
left: 12px;
display: block;
width: 14px;
height: 18px;
margin-top: -5px;
content: '';
background-image: url(//www.jehp.jp/wp-content/themes/je/images/common/icon-sound3.png);
background-repeat: no-repeat;
background-size: 10px auto;
}
@media (max-width: 767px)
{
.btn-sound:before
{
height: 13px;
}
}
@media (min-width: 768px)
{
.btn-sound:before
{
margin-top: -7px;
}
}
@media (min-width: 768px)
{
.btn-sound:before
{
background-size: 14px auto;
}
}
.btn-sound.btn-sound-stop:before
{
background-position: 0 -14px;
}
@media (min-width: 768px)
{
.btn-sound.btn-sound-stop:before
{
background-position: 0 -21px;
}
}
.hidden-xs-up
{
display: none !important;
}
@media (max-width: 575px)
{
.hidden-xs-down
{
display: none !important;
}
}
@media (min-width: 576px)
{
.hidden-sm-up
{
display: none !important;
}
}
@media (max-width: 767px)
{
.hidden-sm-down
{
display: none !important;
}
}
@media (min-width: 768px)
{
.hidden-md-up
{
display: none !important;
}
}
@media (max-width: 991px)
{
.hidden-md-down
{
display: none !important;
}
}
@media (min-width: 992px)
{
.hidden-lg-up
{
display: none !important;
}
}
@media (max-width: 1199px)
{
.hidden-lg-down
{
display: none !important;
}
}
@media (min-width: 1200px)
{
.hidden-xl-up
{
display: none !important;
}
}
.hidden-xl-down
{
display: none !important;
}
.visible-print-block
{
display: none !important;
}
@media print
{
.visible-print-block
{
display: block !important;
}
}
.visible-print-inline
{
display: none !important;
}
@media print
{
.visible-print-inline
{
display: inline !important;
}
}
.visible-print-inline-block
{
display: none !important;
}
@media print
{
.visible-print-inline-block
{
display: inline-block !important;
}
}
@media print
{
.hidden-print
{
display: none !important;
}
}
.embed-responsive
{
position: relative;
display: block;
overflow: hidden; 
width: 100%;
padding: 0;
}
.embed-responsive::before
{
display: block;
content: '';
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video
{
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.embed-responsive-21by9::before
{
padding-top: 42.85714%;
}
.embed-responsive-16by9::before
{
padding-top: 56.25%;
}
.embed-responsive-4by3::before
{
padding-top: 75%;
}
.embed-responsive-1by1::before
{
padding-top: 100%;
}
.bridge
{
position: fixed;
z-index: 9999;
top: 0;
width: 100%;
height: 100%;
}
.bridge div
{
position: fixed;
top: 0;
width: 100%;
height: 100%;
transform: translateZ(-100px); 
background-color: #e9e9e9;
}
.bridge div:last-child
{
background-color: #e4498f;
}
.bridge .bridge-logo
{
position: absolute;
z-index: 999;
top: 43%;
left: 43%;
display: block;
width: 75px;
height: auto; 
animation-name: bridge-logo-anim;
animation-duration: 2s;
animation-timing-function: ease;
animation-iteration-count: infinite;
}
@media (min-width: 992px)
{
.bridge .bridge-logo
{
width: 150px;
}
}
@keyframes bridge-logo-anim
{
0%
{
transform: rotateY(180deg);
}
50%
{
transform: rotateY(0deg);
}
100%
{
transform: rotateY(360deg);
}
} .ani_tit .char
{
position: relative;
display: inline-block;
opacity: 0;
}
.ani_tit .char span
{
position: relative;
}
.ani_reduce
{
transition: all .5s cubic-bezier(.35, 0, .58, 1.2);
transform: scale(1.05) translateZ(-100px); 
opacity: 0;
}
.ani_reduce.on
{
transform: scale(1) translateZ(-100px); 
opacity: 1;
}
.ani_child_reduce > *:not(.anime)
{
transform: scale(1.05) translateZ(-100px); 
opacity: 0;
}
.ani_slideup
{
transition: all .5s cubic-bezier(.35, 0, .58, 1.2);
transform: translateY(20px) translateZ(-100px); 
opacity: 0;
}
.ani_slideup.on
{
transform: translateY(0) translateZ(-100px); 
opacity: 1;
}
.ani_child_slideup > *:not(.anime)
{
position: relative;
top: 0; 
opacity: 0;
}
.ani_btn
{
transition: opacity .5s ease-in, transform .5s cubic-bezier(0, .47, .3, 1.21), background .2s ease-in-out !important;
transform: scale(.6) translateZ(-100px); 
opacity: 0;
}
.ani_btn.on
{
transform: scale(1) translateZ(-100px); 
opacity: 1;
}
.ani_blur
{
overflow: hidden !important;
}
.ani_blur > *:not(.anime)
{
transition: all 1s ease-in-out;
transform: scale(1.08) translateZ(-100px);
opacity: 0;
filter: blur(10px);
}
.ani_blur.on > *:not(.anime)
{
transform: scale(1) translateZ(-100px);
opacity: 1;
filter: blur(0);
}  .globalNavi_sp .artist_globalNavi li
{
height: 40px;
transition: all .5s cubic-bezier(.455, .03, .515, .955);
transform: translateZ(1px);
transform: perspective(500px) rotateX(0deg);
transform-origin: center bottom;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.globalNavi_sp .artist_globalNavi li:nth-child(even)
{
transform-origin: center top;
}
.globalNavi_sp .artist_globalNavi li.category
{
height: auto;
}
.globalNavi_sp .artist_globalNavi.open li
{
margin: -80px 0 0 0;
transform: perspective(500px) rotateX(90deg);
}
.globalNavi_sp .artist_globalNavi.open li:nth-child(even)
{
margin: 0 0 0 0;
transform: perspective(500px) rotateX(-90deg);
}
.globalNavi_sp .artist_globalNavi.open li.category
{
height: auto;
margin-top: 0;
transform: none;
} #cat_je_bg
{
position: absolute;
z-index: 0; 
overflow: hidden;
width: 100%;
height: 100%;
background: #fff;
}
#cat_je_bg ul,
#cat_je_bg li,
#cat_je_bg li div,
.triangle_wrapper ul
{
position: absolute;
top: 0;
left: 0;
overflow: hidden; 
width: 100%;
height: 100%;
}
#cat_je_bg ul
{
z-index: 10;
}
#cat_je_bg li
{
opacity: 0;
}
#cat_je_bg .shonen_bg
{
background: linear-gradient(-90deg, #745244, #5a7048);
}
#cat_je_bg .kinki_bg
{
background: linear-gradient(-90deg, #3e66cc, #b040bf);
}
#cat_je_bg .news_bg
{
background: linear-gradient(-90deg, #6d9d5c, #6c6198);
}
#cat_je_bg .jwest_bg
{
background: linear-gradient(-90deg, #9d8c5c, #986188);
}
#cat_je_bg .yuma_bg
{
background: linear-gradient(-90deg, #5c739d, #619498);
}
#cat_je_bg .others_bg
{
background: linear-gradient(-90deg, #bd7065, #b365a5);
} #cat_je_color
{
position: absolute;
z-index: 20; 
top: 0;
left: 120%;
width: 100%;
height: 200%;
transform: rotate(50deg);
transform-origin: left top;
}
.triangle_wrapper li
{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 110%;
}
#cat_je.index .main_visual .triangle_wrapper .triangle
{
overflow: hidden; 
background: #999;
}
#cat_je_color li,
.triangle_wrapper li
{
opacity: 0;
}
#cat_je_color .shonen_color,
.triangle_wrapper .shonen_color
{
background: linear-gradient(to right, #636363, #c5c5c5);
}
#cat_je_color .kinki_color,
.triangle_wrapper .kinki_color
{
background: #e9518e;
}
#cat_je_color .news_color,
.triangle_wrapper .news_color
{
background: #4564a1;
}
#cat_je_color .jwest_color,
.triangle_wrapper .jwest_color
{
background: #e73b12;
}
#cat_je_color .yuma_color,
.triangle_wrapper .yuma_color
{
background: #088792;
}
#cat_je_color .others_color,
.triangle_wrapper .others_color
{
background: #e9518e;
}
#cat_je
{
position: relative;
background: none !important;
}
#cat_je.index .main_visual
{
overflow: hidden;
height: auto; 
background: none;
}
#cat_je.index .main_visual .triangle_wrapper
{
position: relative;
z-index: 1;
}
#cat_je.index .main_visual .slider_inner
{
position: relative;
}
#cat_je.index .main_visual .slider_container
{
position: absolute;
width: 100%;
}
#cat_je.index .main_visual .slider article
{
position: absolute;
overflow: hidden;
transition: background-color .3s ease-in-out; 
border-radius: 10px;
background: #333;
}
#cat_je.index .main_visual .slider article.active
{
background: #fff;
}
#cat_je.index .main_visual .slider article > div
{
transition: opacity .3s ease-in-out; 
opacity: .5;
}
#cat_je.index .main_visual .slider article.active > div
{
opacity: 1;
}
#cat_je.index .main_visual .slider article img,
#cat_je.index .main_visual .slider article p.text
{
border-radius: 0;
}
#cat_je.index .main_visual .slider article p.text .marquee
{
position: relative;
display: block;
overflow: hidden;
height: 1.5em;
}
#cat_je.index .main_visual .slider article p.text span
{
position: absolute;
left: 0;
min-width: 100%;
white-space: nowrap;
}
@media screen and (max-width: 767px)
{
#cat_je_color
{
left: 170%;
}
}