@charset "utf-8";

/**************************************************
Post
**************************************************/

/* single_content --------------- */

#single_content {
width:100%;
margin:60px 0 100px;
text-align:left;
float:left;
}

#single_content .date {
width:100%;
margin-bottom:60px;
text-align:right;
float:left;
}

#single_content .date time:before {
padding-right:3px;
color:#288dff;
font-family:'Font Awesome 5 Free';
font-weight:900;
content:'\f017';
}

#single_content p {
line-height:2;
margin-bottom:20px;
}

#single_content p:last-child {
margin-bottom:0;
}

#single_content a {
color:blue;
text-decoration:underline;
}

#single_content a:hover {
color:#42aaeb;
}

#single_content h1,
#single_content h2,
#single_content h3,
#single_content h4,
#single_content h5,
#single_content h6 {
margin:0 0 0.5em;
padding:0.5em 0 0;
font-weight:bold;
clear:both;
}

#single_content h1:first-child,
#single_content h2:first-child,
#single_content h3:first-child,
#single_content h4:first-child,
#single_content h5:first-child,
#single_content h6:first-child {
padding-top:0;
}

#single_content h1 {
font-size:1.7em;
}

#single_content h2 {
font-size:1.5em;
}

#single_content h3 {
font-size:1.2em;
}

#single_content h4 {
font-size:1em;
}

#single_content h5 {
font-size:1em;
}

#single_content h6 {
font-size:1em;
}

#single_content strong {
font-weight:bold;
}

#single_content dfn,
#single_content cite,
#single_content em,
#single_content i {
font-family:"Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",Verdana,"ヒラギノ角ゴ Pro W3",sans-serif;
font-style:italic;
}

#single_content ul,
#single_content ol {
width:100%;
padding-left:20px;
float:left;
box-sizing:border-box;
}

#single_content ul {
list-style:disc;
}

#single_content ol {
list-style:decimal;
}

#single_content ul li {
margin:5px 0;
}

#single_content blockquote {
margin:0 0 25px 0;
padding:30px 55px;
border:1px solid #ccc;
position:relative;
}

#single_content blockquote:before,
#single_content blockquote:after {
height:50px;
font-family:"ＭＳ Ｐゴシック",sans-serif;
font-size:90px;
color:#ccc;
position:absolute;
}

#single_content blockquote:before {
content:'“';
top:5px;
left:10px;
}

#single_content blockquote:after {
content:'”';
bottom:5px;
right:10px;
}

#single_content blockquote cite {
padding:20px 0 0 0;
border-top:1px dotted #aaa;
text-align:right;
font-family:"ＭＳ Ｐゴシック",sans-serif;
font-size:14px;
display:block;
}

#single_content img.alignnone,
#single_content img.alignleft,
#single_content img.aligncenter,
#single_content img.alignright {
max-width:100%;
height:auto;
margin-bottom:20px;
box-sizing:border-box;
}

#single_content .alignleft {
margin-right:20px;
display:inline;
float:left;
}

#single_content .alignright {
margin-left:20px;
display:inline;
float:right;
}

#single_content .aligncenter {
display:block;
margin-right:auto;
margin-left:auto;
}

#single_content img.aligncenter {
clear:both;
}

#single_content .attachment {
width:100%;
padding-bottom:10px;
text-align:center;
float:left;
}

#single_news #single_content figure {
width:100%!important;
margin-bottom:20px;
display:table;
float:left;
}

#single_news #single_content figure img {
display:table-cell;
vertical-align:middle;
}

#single_news #single_content figure figcaption {
text-align:left;
display:table-cell;
vertical-align:middle;
}

#single_news #single_content a.btn.color3.fade,
#single_goods #single_content a.btn.color1.fade {
width:100%;
padding:10px 0;
background:#288dff;
text-align:center;
font-size:20px;
color:#fff;
display:inline-block;
box-shadow:6px 6px #000;
letter-spacing:0.1em;
position:relative;
text-decoration:none;
}

#single_news #single_content a.btn.color3.fade:hover,
#single_goods #single_content a.btn.color1.fade:hover {
background:#1471da;
}

#single_news #single_content a.btn.color3.fade:after,
#single_goods #single_content a.btn.color1.fade:after {
font-size:18px;
font-family:'Font Awesome 5 Free';
font-weight:400;
content:'\f35a';
position:absolute;
right:15px;
top:calc(50% + 1px);
transform:translate(0%, -50%);
transition:0.3s;
}

#single_news #single_content a.btn.color3.fade:hover:after,
#single_goods #single_content a.btn.color1.fade:hover:after {
right:8px;
}

#single_content ul.single_tag {
margin-top:60px;
padding-left:0;
text-align:right;
}

#single_content ul.single_tag li {
margin:0 0 15px 10px;
font-size:14px;
display:inline-block;
}

#single_content ul.single_tag li a {
width:auto;
padding:3px 10px;
background:#288dff;
color:#fff;
border-bottom:0;
border-radius:5px;
text-decoration:none;
}

#single_content ul.single_tag li a:before {
padding-right:5px;
font-family:'Font Awesome 5 Free';
font-weight:900;
content:'\f02b';
}

#single_content ul.single_tag li a:hover {
background:#1471da;
}

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


/* artist single --------------- */

#main .artist_block {
width:100%;
display:table;
float:left;
}

#main .artist_block .text {
padding-left:60px;
display:table-cell;
vertical-align:middle;
box-sizing:border-box;
}

#main .artist_block .img {
width:400px;
height:400px;
background:#fff;
text-align:center;
display:table-cell;
vertical-align:middle;
box-sizing:border-box;
box-shadow:0 8px 12px 7px rgba(0,0,0,0.1);
}

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


/* artist --------------- */

#main #artist {
width:100%;
background:#fff;
float:left;
}

#main #artist .first_block {
width:100%;
line-height:2;
margin-bottom:100px;
color:#d4000b;
float:left;
}

#main #artist .block_1 {
width:100%;
margin-bottom:100px;
float:left;
}

#main #artist .block_1 h2 {
width:100%;
margin-bottom:30px;
padding-left:12px;
border-left:8px solid #d8878b;
text-align:left;
font-size:22px;
float:left;
box-sizing:border-box;
}

#main #artist .block_1 .box {
width:100%;
float:left;
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:space-between;
}

#main #artist .block_1 .box_1,
#main #artist .block_1 .box_2,
#main #artist .block_1 .box_3 {
width:32%;
float:left;
}

#main #artist .block_1 .box img {
width:100%;
max-width:540px;
height:auto;
}

#main #artist .block_1 .text {
width:100%;
margin-top:10px;
text-align:left;
font-size:16px;
float:left;
}

#main #artist .block_1 .text h3 {
width:100%;
margin-top:5px;
font-size:18px;
float:left;
}

#main #artist .block_2 {
width:100%;
margin-bottom:100px;
padding:30px 30px 10px;
background:#fdf9f9;
font-size:16px;
float:left;
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:space-between;
box-sizing:border-box;
}

#main #artist .block_2:after {
width:18%;
content:'';
display:block;
}

#main #artist .block_2 a {
width:18%;
margin-bottom:20px;
padding:35px 10px;
background:#fff;
border:3px dotted #cfcfcf;
float:left;
box-sizing:border-box;
position:relative;
}

#main #artist .block_2 a:before {
color:#d8878b;
font-family:'Font Awesome 5 Free';
font-weight:900;
content:'\f078';
position:absolute;
left:50%;
bottom:15px;
transform:translate(-50%, 0%);
transition:0.3s;
}

#main #artist .block_2 a:hover {
border:3px dotted #cf3f3f;
}

#main #artist .block_2 a:hover:before {
bottom:10px;
}

#main #artist .block_3 {
width:100%;
float:left;
}

#main #artist .block_3 .block {
width:100%;
margin-bottom:60px;
float:left;
}

#main #artist .block_3 .block h2 {
width:100%;
line-height:1.5;
margin-bottom:60px;
padding:30px 0;
border-top:1px solid #d8878b;
border-bottom:1px solid #d8878b;
text-align:center;
font-size:22px;
float:left;
letter-spacing:0.1em;
position:relative;
}

#main #artist .block_3 .block h2:before,
#main #artist .block_3 .block h2:after {
width:130px;
height:30px;
background:#fff;
content:'';
position:absolute;
}

#main #artist .block_3 .block h2:before {
top:-15px;
left:0;
}

#main #artist .block_3 .block h2:after {
bottom:-15px;
right:0;
}

#main #artist .block_3 .block h2 .center span {
width:100%;
margin-top:5px;
font-size:15px;
float:left;
}

#main #artist .block_3 .block .box {
width:100%;
float:left;
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:space-between;
}

#main #artist .block_3 .block .box:after {
width:22%;
content:'';
display:block;
}

#main #artist .block_3 .block .box:before {
width:22%;
height:0;
content:'';
display:block;
order:1;
}

#main #artist .block_3 .block .box a {
width:22%;
margin-bottom:40px;
padding:30px 10px;
border:3px dotted #ccc;
float:left;
box-sizing:border-box;
position:relative;
overflow:hidden;
}

#main #artist .block_3 .block .box a:before,
#main #artist .block_3 .block .box a:after {
content:'';
display:block;
position:absolute;
top:0;
left:0;
transition:0.4s cubic-bezier(0.45, 0, 0.55, 1);
opacity:0;
}

#main #artist .block_3 .block .box a:before {
width:100%;
height:100%;
background:rgba(0, 0, 0, 0.6);
}

#main #artist .block_3 .block .box a:after {
color:#fff;
content:'MORE';
display:flex;
text-align:center;
justify-content:center;
align-items:center;
bottom:0;
right:0;
letter-spacing:0.1em;
}

#main #artist .block_3 .block .box a:hover:before,
#main #artist .block_3 .block .box a:hover:after {
opacity: 1;
}

#main #artist .block_3 .block .box a:hover {
border:3px dotted #fff;
}

#main #artist .block_3 .block .box a img {
width:auto;
height:225px;
}

#main #artist .block_3 .block .box a h3 {
width:100%;
margin-top:10px;
font-size:15px;
float:left;
}

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


/* information --------------- */

#main #information {
width:100%;
margin-bottom:100px;
float:left;
}

#main #information li {
width:100%;
float:left;
}

#main #information li:last-child {
margin-bottom:0;
}

#main #information li a {
width:100%;
padding:25px 0;
border-bottom:2px dashed #e9e9e9;
text-align:left;
float:left;
box-sizing:border-box;
}

#main #information li a time {
width:150px;
float:left;
}

#main #information li a h2 {
float:left;
}

#main #information li a:after {
font-size:18px;
font-family:'Font Awesome 5 Free';
font-weight:900;
content:'\f054';
position:absolute;
right:15px;
top:calc(50% + 1px);
transform:translate(0%, -50%);
transition:0.3s;
}

#main #information li a:hover:after {
right:8px;
}

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


/* single navi --------------- */

#single_navi {
width:100%;
margin-bottom:100px;
float:left;
}

#single_navi #single_next {
width:46%;
margin-bottom:20px;
text-align:right;
font-size:16px;
float:right;
box-sizing:border-box;
}

#single_navi #single_prev {
width:46%;
margin-bottom:20px;
text-align:left;
font-size:16px;
float:left;
box-sizing:border-box;
}

#single_navi a {
width:100%;
background:#d8474e;
color:#fff;
float:left;
box-sizing:border-box;
border-radius:45px;
}

#single_navi #single_prev a {
padding:14px 10px 14px 20px;
}

#single_navi #single_next a {
padding:14px 20px 14px 10px;
}

#single_navi a:hover {
background:#c3262e;
}

#single_navi #single_prev a:before {
padding-right:10px;
font-family:'Font Awesome 5 Free';
font-weight:900;
content:'\f053';
}

#single_navi #single_next a:after {
padding-left:10px;
font-family:'Font Awesome 5 Free';
font-weight:900;
content:'\f054';
}

#single_navi a span.title {
display:inline;
}

#single_navi a span.nextprev {
display:none;
}

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




/**************************************************
***************************************************
width:[1140px] or less.
***************************************************
**************************************************/

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

/* artist single --------------- */

#main .artist_block .text {
padding-left:40px;
}

#main .artist_block .img {
width:300px;
height:300px;
}

#main #artist .block_1 .text {
font-size:15px;
}

#main #artist .block_1 .text h3 {
font-size:16px;
}

}


/**************************************************
***************************************************
width:[768px] or less.
***************************************************
**************************************************/

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

/* information --------------- */

#main #information {
margin-bottom:60px;
}


/* single navi --------------- */

#single_navi {
margin-bottom:60px;
}


/* single_content --------------- */

#single_content {
margin:60px 0;
}


/* artist single --------------- */

#main .artist_block .text {
font-size:16px;
}

#main .artist_block .img {
width:260px;
height:260px;
padding:30px 0;
}


/* artist --------------- */

#main #artist .block_1 {
margin-bottom:60px;
}

#main #artist .block_2 {
margin-bottom:60px;
}

#main #artist .block_2:after {
width:48%;
}

#main #artist .block_2 a {
width:48%;
}

#main #artist .block_3 .block .box:after {
width:48%;
}

#main #artist .block_3 .block .box:before {
width:48%;
}

#main #artist .block_3 .block .box a {
width:48%;
margin-bottom:20px;
padding:30px 10px;
}

#main #artist .block_3 .block {
margin-bottom:30px;
}

#main #artist .block_1 .box {
display:block;
}

#main #artist .block_1 .box_1,
#main #artist .block_1 .box_2,
#main #artist .block_1 .box_3 {
width:100%;
}

#main #artist .block_1 .box_1,
#main #artist .block_1 .box_2 {
margin-bottom:30px;
}

#main #artist .block_1 .text {
text-align:center;
}

#main #artist .first_block {
line-height:1.8;
margin-bottom:60px;
font-size:15px;
}


}


/**************************************************
***************************************************
width:[640px] or less.
***************************************************
**************************************************/

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

/* information --------------- */

#main #information li {
font-size:16px;
}

#main #information li a time {
width:100%;
margin-bottom:10px;
}


/* artist single --------------- */

#main .artist_block .img {
width:100%;
height:auto;
margin-bottom:60px;
padding:30px 0;
float:left;
}

#main .artist_block .text {
width:100%;
padding-left:0;
float:left;
}


/* artist --------------- */

#main #artist .block_2 {
padding:20px 20px 10px;
font-size:15px;
}

#main #artist .block_2 a {
padding:25px 10px;
}

#main #artist .block_2 a:before {
bottom:10px;
}

#main #artist .block_3 .block h2 {
margin-bottom:40px;
padding:20px 0;
font-size:5vw;
}

#main #artist .block_3 .block h2:before,
#main #artist .block_3 .block h2:after {
width:80px;
height:20px;
}


/* single navi --------------- */

#single_navi {
margin-top:30px;
}

#single_navi #single_next {
width:100%;
margin-bottom:20px;
}

#single_navi #single_prev {
width:100%;
}

#single_navi #single_prev a {
padding:15px 10px 15px 40px;
}

#single_navi #single_next a {
padding:15px 40px 15px 10px;
}



}


/**************************************************
***************************************************
width:[480px] or less.
***************************************************
**************************************************/

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

/* artist --------------- */

#main #artist .block_3 .block .box:after,
#main #artist .block_3 .block .box:before {
display:none;
}

#main #artist .block_3 .block .box a {
width:100%;
}


}