@charset "UTF-8";
@charset "UTF-8";

 html{
font-family: sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
.topright0{
background-image:url(//music-loft.jp/wp-content/themes/piano/images/common/title012.png);
display: block;
background-repeat: no-repeat;
text-indent: -9999px;
background-position: bottom right;
height: 100px;
margin: -130px 0 0;
}
.fronth2{
background-image:url(//music-loft.jp/wp-content/themes/piano/images/common/titleright01.png);
display: block;
background-repeat: no-repeat;
background-position: right top;
margin-right: 30px;
}
.h301{
background-color:#fff;
padding: 0 5px;
margin: 0 0 0 -10px;
}
body{
margin: 0;
}
.titlesab01{
color:#fff;
font-size: 0.9em;
font-weight: normal;
}
.titlesab01:hover{
color:#4a1d86;
}
#side01{
margin: 0 -20px 10px;
padding: 8px 0 12px 20px;
font-weight: normal;
font-size: 1em;
background-image: url(//music-loft.jp/wp-content/themes/piano/images/common/midashi-side.png);
background-repeat: no-repeat;
background-size: 100% 80%;
background-position: center bottom;
color: #4a1d86;
position: relative;
border: none;
}
#side01:before{
width: 30px;
height: 30px;
background: url(//music-loft.jp/wp-content/themes/piano/images/icon/icon-folder-midashi.png) center center no-repeat !important;
content: '';
display: inline-block;
margin-right: 5px;
}
.info01{
padding: 70px 20px 130px;
background-color: #f7f7f7;
background-image: url(//music-loft.jp/wp-content/themes/piano/images/common/osiraseback.png);
background-size: 100% 100%;
}
.info01 dt{
float: left;
padding: 15px 30px 15px 20px;
}
.info01 dd{
border-bottom: dashed 1px #ee7e94;
padding: 15px 15px 15px 10em;
margin-left: 30px;
}
.info01 a{
text-decoration: none;
}
.textwidget p{
margin-left:10px;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary{
display: block;
}
audio,
canvas,
progress,
video{
display: inline-block;
vertical-align: baseline;
}
audio:not([controls]){
display: none;
height: 0;
}
[hidden],
template{
display: none;
}
a{
background-color: transparent;
}
a:active,
a:hover{
outline: 0;
}
abbr[title]{
border-bottom: 1px dotted;
}
b,
strong{
font-weight: bold;
}
dfn{
font-style: italic;
}
h1{
margin: 0.67em 0;
font-size: 2em;
}
mark{
background: #ff0;
color: #4a1d86;
}
small{
font-size: 80%;
}
sub,
sup{
vertical-align: baseline;
line-height: 0;
position: relative;
font-size: 75%;
}
sup{
top: -0.5em;
}
sub{
bottom: -0.25em;
}
img{
border: 0;
}
svg:not(:root){
overflow: hidden;
}
figure{
margin: 1em 40px;
}
hr{
height: 0;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
pre{
overflow: auto;
}
code,
kbd,
pre,
samp{
font-family: monospace, monospace;
font-size: 1em;
}
button,
input,
optgroup,
select,
textarea{
margin: 0;
color: inherit;
font: inherit;
}
button{
overflow: visible;
}
button,
select{
text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"]{
cursor: pointer;
-webkit-appearance: button;
}
button[disabled],
html input[disabled]{
cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner{
padding: 0;
border: 0;
}
input{
line-height: normal;
}
input[type="checkbox"],
input[type="radio"]{
padding: 0;
box-sizing: border-box;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button{
height: auto;
}
input[type="search"]{
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box;
-webkit-appearance: textfield;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration{
-webkit-appearance: none;
}
fieldset{
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
border: 1px solid #c0c0c0;
}
legend{
padding: 0;
border: 0;
}
textarea{
overflow: auto;
}
optgroup{
font-weight: bold;
}
table{
border-collapse: collapse;
border-spacing: 0;
}
td,
th{
padding: 0;
} html{
overflow-y: scroll;
}
body{
font-family:"Lucida Grande", "segoe UI", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", Meiryo, Arial, sans-serif;
}
a{
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
color: #d8505c;
}
a:hover,
a:active,
a:focus{
color: #ee7e94;
}
address,
caption,
cite,
code,
dfn,
var,
h1,
h2,
h3,
h4,
h5,
h6{
font-style: normal;
font-weight: normal;
}
q{
quotes: none;
}
q:before,q:after{
content: '';
content: none;
}
img{
vertical-align: bottom;
-ms-interpolation-mode: bicubic;
}
div{
word-wrap: break-word;
}
pre{
overflow: auto;
white-space: pre-wrap;
word-wrap: break-word;
}
form{
margin: 0;
}
button,
input,
select,
textarea,
optgroup,
option{
vertical-align: baseline;
}
textarea{
min-height: 100px;
vertical-align: top;
}
button::-moz-focus-inner,
input::-moz-focus-inner{
margin: 0;
}
table{
word-break: break-all;
word-wrap: break-word;
border-spacing: 0;
}
caption{
text-align: left;
}
img{
height: auto;
max-width: 100%;
}
img{
max-width: none\9; }
html:not(:target) img{
max-width: 100%; }
p{
margin: 0 0 1em;
}
ul,
ol{
margin-left: 40px;
padding-left: 0;
}
li{
margin-bottom: 0.5em;
} blockquote{
position: relative;
margin: 2em 0;
padding: 115px 45px 80px;
background: #f9ecef;
}
blockquote p:last-child{
margin-bottom: 0;
}
blockquote:before{
position: absolute;
top: 40px;
left: 30px;
width: 58px;
height: 45px;
content: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-laquo.png);
}
blockquote:after{
position: absolute;
right: 30px;
bottom: 20px;
width: 58px;
height: 45px;
content: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-raquo.png);
} @media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution: 2dppx){
blockquote:before{
display: inline-block;
width: 58px;
height: 45px;
vertical-align: middle;
background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-laquo@2x.png);
-webkit-background-size: 58px 45px;
background-size: 58px 45px;
content: " ";
}
blockquote:after{
display: inline-block;
width: 58px;
height: 45px;
vertical-align: middle;
background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-raquo@2x.png);
-webkit-background-size: 58px 45px;
background-size: 58px 45px;
content: " ";
}
}
blockquote a{
color: #15a5e6;
}
blockquote a:hover,
blockquote a:active,
blockquote a:focus{
color: #f60;
}
q{
background: #f9ecef;
}
table{
margin: 1em 0;
padding: 0;
border-top: 1px solid #cfcfcf;
border-left: 1px solid #cfcfcf;
}
th,
td{
color: #4a1d86;
padding: 0.5em 0.5em;
border-right: 1px solid #cfcfcf;
border-bottom: 1px solid #cfcfcf;
}
th{
background-color: #4a1d86;
font-weight: bold;
text-align: left;
}
thead th{
background-color: #84ded6;
color: #fff;
text-align: center;
}
dd{
margin-left: 0;
padding-left: 1.5em;
}
figure{
margin: 1em 0;
} .container{
position: relative;
}
.site-header-in,
.global-nav-in,
.main-image-in,
.main-image-in-text,
.main-image-in-text-cont,
.main-body-in,
.site-footer-in{
-webkit-box-sizing: border-box;
box-sizing: border-box;
max-width: 1100px; margin: auto;
}
.main-image-in img{
width: 100%;
}
.main-image-in.wide,
.main-image-in-text.wide{
width: 100%;
}
small {
color: #4b3a24;
} .col1 .main-body-in{
width: 100%;
}
.col1 .breadcrumbs{
width: 1100px;
margin-right: auto;
margin-left: auto;
} .col2 .main-conts{
float: left;
width: 68%;
}
.col2 .sub-conts{
float: right;
width: 30%;
} .col2r .main-conts{
float: right;
width: 68%;
}
.col2r .sub-conts{
float: left;
width: 30%;
} .site-header {
background: url(https://music-loft.jp/wp-content/themes/piano/images/common/header-border.png) repeat-x top center;
}
.site-header-conts{
display: table;
width: 100%;
padding: 30px 0 0;
}  width: 240px !important;
height: 40px;
margin: 0;
padding: 0 10px 0 0;
vertical-align: middle;
}
*/
.site-title{
display: table-cell;
margin: 0;
font-size: 2.25em;
}
.site-title a{
text-decoration: none;
}
.site-title a:hover{
text-decoration: underline;
}
.home .site-header-conts > p {
display: table-cell;
height: 40px;
margin: 0;
vertical-align: middle;
}
.normal-screen .site-title{
font-size: 3em;
}
.normal-screen .lp-catch{
font-size: 1.5em;
} .header-box{
display: table-cell;
text-align: right;
} .full-screen{
background: url(https://music-loft.jp/wp-content/themes/piano/images/lp-image.jpg) center center no-repeat;
-webkit-background-size: cover;
background-size: cover;
color: #fff;
}
.full-screen .site-header-in{
display: table;
}
.full-screen .site-header-conts{
display: table-cell;
-webkit-box-sizing: border-box;
box-sizing: border-box;
overflow: hidden;
width: 100%;
padding: 1em;
text-align: center;
vertical-align: middle;
text-shadow: 1px 1px 8px #666;
}
.full-screen .site-title{
display: block;
}
.contact-btn{
margin-bottom: 0;
padding-top: 15px;
}
.full-screen .site-header-conts h1{
width: auto;
margin: 0;
}
.full-screen .site-header-conts p{
font-size: 2em;
}
.full-screen .site-header-conts p a{
color: #fff;
text-decoration: none;
} .global-nav{
padding: 0;
max-width: 1100px;
margin: 10px auto;
background-image: url(//music-loft.jp/wp-content/themes/piano/images/common/midashi-h2.png);
} .global-nav-panel{
display: none;
font-size: 12px;
}
.global-nav-panel span{
display: block;
min-height: 20px;
line-height: 20px;
}
.icon-gn-menu{
padding-left: 25px;
background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-gn-menu.png) left center no-repeat;
}
.icon-gn-close{
padding-left: 25px;
background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-gn-close.png) left center no-repeat;
} @media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution: 2dppx){
.icon-gn-menu{
background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-gn-menu@2x.png) left center no-repeat;
-webkit-background-size: 20px 20px;
background-size: 20px 20px;
}
.icon-gn-close{
background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-gn-close@2x.png) left center no-repeat;
-webkit-background-size: 20px 20px;
background-size: 20px 20px;
}
}
.global-nav .show-menu,
.global-nav .show-menu li ul{
display: block!important;
}
.global-nav-in ul{
display: table;
width: 100%;
margin: 0;
padding: 0;
table-layout: fixed; border-right: solid #4a1d83 1px;
}
.global-nav-in li{
display: table-cell;
list-style: none;
position: relative;
vertical-align: middle;
margin: 0;
text-align: center;
border-left: solid #4a1d83 1px;
}
.global-nav-in li a{
display: block;
min-height: 1.5em; padding: 0.6em; color: #4a1d86;
text-decoration: none;
font-weight: bold;
}
.global-nav-in li a:hover,
.global-nav-in li a:active,
.global-nav-in li a:focus{
background-color: rgba(31, 12, 16, 0.33);
color: #fff;
}
.global-nav-in li ul{
display: none;
position: absolute;
top: 100%;
left: 0;
z-index: 10;
width: 100%;
border-left: 0;
} .global-nav li ul li{
display: list-item;
width: 100%;
margin: 0;
padding: 0;
background-color: #ee7e94;
border-bottom: 1px #f2ecec dashed;
white-space: normal;
}
.global-nav li ul li:last-child{
border-bottom: none;
}
.global-nav li ul li a{
display: block;
padding: 0.8em 2em;
}
.global-nav-in li ul ul{
top: 0;
left: 100%;
} .main-image{
margin-bottom: 0.5em;
}
.main-image-in-text{
background-repeat: no-repeat;
background-size: cover;
}
.main-image-in-text-cont{
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 3em;
}
.main-image-in-text.wide .main-image-in-text-cont{
width: 1200px;
}
.main-image-in-text p:last-child{
margin-bottom: 0;
}
.main-copy{
margin-bottom: 20px;
font-size: 3em;
text-align: center;
}
.sub-copy{
font-size: 1.5em;
text-align: center;
} .main-body{
padding-bottom: 30px;
background: url(https://music-loft.jp/wp-content/themes/piano/images/common/header-border.png) repeat-x bottom center;
}
.main-body p,.main-body ul,.main-body ol,.main-body dl,.main-body pre{
color: #4a1d86;
}
.no-gn .main-body{
margin-top: 0;
}
.lp.no-gn .main-body{
margin-top: 2em;
} .breadcrumbs-in{
margin: 1em 0 0;
padding: 0;
color: #999;
}
.no-gn .breadcrumbs-in{
margin-top: 0;
}
.breadcrumbs-in a{
color: #4a1d86;
}
.breadcrumbs-in a:hover,
.breadcrumbs-in a:active,
.breadcrumbs-in a:focus{
color: #f60;
}
.breadcrumbs-in li{
display: inline-block;
list-style: none;
position: relative;
margin: 0 0 0 15px;
padding-right: 15px;
background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-brc.gif) right center no-repeat;
}
.breadcrumbs-in li.bcl-first:before{
content: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-folder-midashi01.png);
}
.breadcrumbs-in li.bcl-last{
background: none;
}
.breadcrumbs-in li.bcl-last:before{
content: none;
} @media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution: 2dppx){	
.breadcrumbs-in li{
background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-brc@2x.gif) right center no-repeat;
-webkit-background-size: 5px 9px;
background-size: 5px 9px;
}
.breadcrumbs-in li.bcl-first:before{
width: 12px;
height: 12px;
background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-home-brc@2x.png);
}
.breadcrumbs-in li:before,
.breadcrumbs-in li.bcl-first:before{
display: inline-block;
vertical-align: middle;
-webkit-background-size: contain;
background-size: contain;
content: " ";
}
.breadcrumbs-in li.bcl-last:before{
width: 0;
height: 0;
background: none;
content: none;
}
} .main-conts{
line-height: 1.8;
}
.main-conts .section-wrap{
background-color: #fff;
}
.col1 .main-conts{
margin-bottom: 40px;
} .section-wrap{
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 10px 0 30px 0;
}
.section-wrap.wide{
border-right: 0;
border-left: 0;
}
.section-wrap .section-in,
.float-area{
margin:0 10px 0 10px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.float-area{
margin-bottom: 10px;
} .col1 .section-wrap,
.col1 .float-area{
width: 1200px;
margin-right: auto;
margin-left: auto;
}
.col1 .section-wrap{
padding: 40px 80px;
}
.col1 .section-wrap.wide{
width: 100%;
padding: 40px 0;
}
.col1 .section-wrap.wide .section-in{
width: 1200px;
margin-right: auto;
margin-left: auto;
padding: 30px 0;
} .sub-conts .section-wrap{
margin: 0 auto;
padding: 0;
border: none;
background-color: #ffffff;
}
.sub-conts .section-wrap .section-in{
padding: 0 20px 10px;
margin: 10px 0;
}
.home .sub-conts .section-wrap:last-child .section-in{
background: none;
}
.col1 .sub-conts .section-wrap .section-in{
padding: 20px 80px 30px;
} .sub-conts .link-menu{
margin-left: 0;
padding-left: 0;
}
.sub-conts .link-menu li{
list-style: none;
margin-bottom: 1em;
padding-left: 13px;
background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-list-arw.png) left 6px no-repeat;
} @media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution: 2dppx){
.sub-conts .link-menu li{
background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-list-arw@2x.png) left 6px no-repeat;
-webkit-background-size: 7px 10px;
background-size: 7px 10px;
}
}
.sub-conts .link-menu ul{
margin-top: 1em;
margin-left: 10px;
padding-left: 0;
}
.sub-conts .link-menu-image{
margin-right: 0;
margin-left: 0;
}
.sub-conts .link-menu-image li{
list-style: none;
overflow: hidden;
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom: 1px dotted #ccc;
}
.sub-conts .link-menu-image li:last-child{
margin-bottom: 0;
padding-bottom: 0;
border-bottom: none;	
}
.link-menu-image-thumb{
float: left;
margin-right: 1em;
}
.sub-conts .link-menu-image .post-title{
overflow: hidden;
margin-bottom: 0;
padding: 5px 0;
border: none;
background: none;
font-weight: normal;
} .site-footer{
background-color: #ee7e94;
color: #fff;
}
.site-footer-in a{
color: #fff;
}
.site-footer-in a:hover,
.site-footer-in a:active,
.site-footer-in a:focus{
color: #ddf4eb;
} .site-footer-nav{
margin: 0 auto;
padding: 1em 0;
text-align: center;
}
.site-footer-nav li{
display: inline;
list-style: none;
margin-left: 50px;
padding: 0 0 0 13px;
background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-arw-next02.png) left center no-repeat;
} @media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution: 2dppx){
.site-footer-nav li{
background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-arw-next02@2x.png) left center no-repeat;
-webkit-background-size: 7px 10px;
background-size: 7px 10px;
}
}
.site-footer-nav li:first-child{
margin-left: 0;
}
.site-footer-conts-area{
padding: 1em 0;
} .copyright{
margin: 0;
padding: 15px 0;
background-color: #e57e8b;
color: #fff;
text-align: center;
background-image: url(//music-loft.jp/wp-content/themes/piano/images/common/navi-bg01.png);
}
.copyright small{
font-size: 100%;
} .page-top{
display: none;
position: fixed;
right: 20px;
bottom: 20px;
z-index: 99;
line-height: 1.2;
margin-bottom: 0;
} .section-in > h1:first-child,
.section-in > h2:first-child,
.section-in > h3:first-child,
.section-in > h4:first-child,
.section-in > h5:first-child,
.section-in > h6:first-child{
margin-top: 0;
}
.main-body h1{
margin: 60px 0 20px;
padding: 10px 18px;
background-color: #f2bcbc;
color: #4a1d86;
font-size: 1.75em;
border-top: 3px #ee7e94 solid;
border-bottom: 3px #ee7e94 solid;
}
.main-body h2{
color:#4a1d86;
border-bottom: solid;
padding-left: 20px;
}
.main-body h3{
padding: 5px 10px;
margin-right: 20px;
font-weight: bold;
font-size: 1em;
color: #ee7e94;
background-image: url(//music-loft.jp/wp-content/themes/piano/images/common/bg03.png);
background-position: bottom right;
background-repeat: repeat-x;
}
.main-body h4{
margin: 15px 15px 5px;
padding: 0 0 4px;
border-bottom: 1px dashed #ee7e94;
font-weight: bold;
font-size: 1.25em;
color: #4a1d86;
}
.main-body h5{
margin: 55px 15px 25px;
padding: 0 0 0 10px;
font-weight: bold;
border-left: 5px solid #ee7e94;
font-size: 1.2em;
color: #4a1d86;
}
.main-body h6{
margin: 55px 0 25px;
font-weight: bold;
font-size: 1.125em;
color: #4b3a24;
} .main-body .img-title{
padding: 0;
border: none;
background: none;
border-radius: 0;
box-shadow: none;
font-weight: normal;
font-size: 1.0em;
}
.main-body h1 a,
.main-body h2 a{
color: #fff;
}
.main-body h1 a:hover,
.main-body h2 a:hover,
.main-body h1 a:active,
.main-body h2 a:active,
.main-body h1 a:focus,
.main-body h2 a:focus{
color: #f60;
} .main-body .archive-title{
margin: 0 0 30px;
}
.col1 .main-body .archive-title{
max-width: 1200px;
margin-right: auto;
margin-left: auto;
} .main-conts .section-wrap .section-title{
line-height: 70px;
margin: 0 0 1em;
padding: 0 0 0 20px;
border: none;
background: transparent;
color: #4a1d86;
font-size: 1.5em;
background: url(https://music-loft.jp/wp-content/themes/piano/images/common/midashi-h2.png) repeat center bottom;
}
.main-body .section-title a{
color: #4a1d86;
text-decoration: none;
}
.main-body .section-title a:hover,
.main-body .section-title a:active,
.main-body .section-title a:focus{
color: #f60;
text-decoration: underline;
}
.sub-conts .section-wrap .section-in .section-title,
.sub-conts .section-wrap .article-header .section-title{
margin: 0 -20px 10px;
padding: 8px 0 12px 20px;
font-weight: normal;
font-size: 1em;
background-image: url(//music-loft.jp/wp-content/themes/piano/images/common/midashi-side.png);
background-repeat: no-repeat;
background-size: 100% 80%;
background-position: center bottom;
color: #4a1d86;
position: relative;
border: none;
}
.sub-conts .section-wrap .article-header .section-title:before{
width: 16px;
height: 15px;
background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-folder-midashi.png) center center no-repeat;
content: '';
display: inline-block;
margin-right: 5px;
} .sub-conts .widget_keni_pv .section-in .section-title:before{
width: 20px;
height: 16px;
background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-ranking-midashi.png) center center no-repeat;
content: '';
display: inline-block;
margin-right: 5px;
} .sub-conts .widget_keni_recent_post .section-in .section-title:before{
width: 20px;
height: 22px;
background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-posting-midashi.png) center center no-repeat;
content: '';
display: inline-block;
margin-right: 5px;
} .sub-conts .widget_archive .section-in .section-title:before{
width: 30px;
height: 30px;
background: url(//music-loft.jp/wp-content/themes/piano/images/icon/icon-folder-midashi.png) center center no-repeat !important;
content: '';
display: inline-block;
margin-right: 5px;} .sub-conts .widget_nav_menu .section-in .section-title:before{
width: 30px;
height: 30px;
background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-folder-midashi.png) center center no-repeat;
content: '';
display: inline-block;
margin-right: 5px;
} .sub-conts .widget_categories .section-in .section-title:before{
width: 30px;
height: 30px;
background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-folder-midashi.png) center center no-repeat !important;
content: '';
display: inline-block;
margin-right: 5px;
} .sub-conts .widget_calendar .section-in .section-title:before{
width: 20px;
height: 22px;
background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-calender-midashi.png) center center no-repeat;
content: '';
display: inline-block;
margin-right: 5px;
} .sub-conts .widget_tag_cloud .section-in .section-title:before{
width: 20px;
height: 22px;
background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-tag-midashi.png) center center no-repeat;
content: '';
display: inline-block;
margin-right: 5px;
} .sub-conts .widget_text .section-in .section-title:before{
width: 30px;
height: 30px;
background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-folder-midashi.png) bottom center no-repeat;
content: '';
display: inline-block;
margin-right: 5px;
} .sub-conts .widget_meta .section-in .section-title:before{
width: 16px;
height: 15px;
background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-folder-midashi.png) center center no-repeat;
content: '';
display: inline-block;
margin-right: 5px;
} .sub-conts .widget_pages .section-in .section-title:before{
width: 16px;
height: 15px;
background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-folder-midashi.png) center center no-repeat;
content: '';
display: inline-block;
margin-right: 5px;
} .sub-conts .widget_recent_comments .section-in .section-title:before{
width: 20px;
height: 22px;
background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-comment-midashi.png) center center no-repeat;
content: '';
display: inline-block;
margin-right: 5px;
} .sub-conts .widget_recent_entries .section-in .section-title:before{
width: 20px;
height: 22px;
background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-posting-midashi.png) center center no-repeat;
content: '';
display: inline-block;
margin-right: 5px;
} .sub-conts .widget_search .section-in .section-title:before{
width: 20px !important;
height: 21px !important;
background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-search-midashi.png) center center no-repeat !important;
content: '';
display: inline-block;
margin-right: 5px;
} @media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution: 2dppx){
.sub-conts .section-wrap .article-header .section-title:before{
width: 30px;
height: 30px;
background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-folder-midashi.png) center center no-repeat;
-webkit-background-size: 30px 30px;
background-size: 30px 30px;
} .sub-conts .widget_keni_pv .section-in .section-title:before{
width: 20px;
height: 16px;
background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-ranking-midashi@2x.png) center center no-repeat !important;
-webkit-background-size: 20px 16px !important;
background-size: 20px 16px !important;
} .sub-conts .widget_keni_recent_post .section-in .section-title:before{
width: 20px;
height: 22px;
background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-posting-midashi@2x.png) center center no-repeat !important;
-webkit-background-size: 20px 22px !important;
background-size: 20px 22px !important;
} .sub-conts .widget_archive .section-in .section-title:before{
width: 30px;
height: 30px;
background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-folder-midashi.png) center center no-repeat !important;
-webkit-background-size: 30px 30px !important;
background-size: 30px 30px !important;
} .sub-conts .widget_nav_menu .section-in .section-title:before{
width: 30px;
height: 30px;
background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-folder-midashi.png) center center no-repeat !important;
-webkit-background-size: 30px 30px !important;
background-size: 30px 30px !important;
} .sub-conts .widget_categories .section-in .section-title:before{
width: 30px;
height: 30px;
background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-folder-midashi.png) center center no-repeat !important;
-webkit-background-size: 30px 30px !important;
background-size: 30px 30px !important;
} .sub-conts .widget_calendar .section-in .section-title:before{
width: 20px;
height: 22px;
background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-calender-midashi@2x.png) center center no-repeat !important;
-webkit-background-size: 20px 22px !important;
background-size: 20px 22px !important;
} .sub-conts .widget_tag_cloud .section-in .section-title:before{
width: 20px;
height: 22px;
background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-tag-midashi@2x.png) center center no-repeat !important;
-webkit-background-size: 20px 22px !important;
background-size: 20px 22px !important;
} .sub-conts .widget_text .section-in .section-title:before{
width: 30px;
height: 30px;
background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-folder-midashi.png) center center no-repeat !important;
-webkit-background-size: 30px 30px !important;
background-size: 30px 30px !important;
} .sub-conts .widget_meta .section-in .section-title:before{
width: 16px;
height: 15px;
background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-folder-midashi.png) center center no-repeat !important;
-webkit-background-size: 30px 30px !important;
background-size: 30px 30px !important;
} .sub-conts .widget_pages .section-in .section-title:before{
width: 16px;
height: 15px;
background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-folder-midashi.png) center center no-repeat !important;
-webkit-background-size: 30px 30px !important;
background-size: 30px 30px !important;
} .sub-conts .widget_recent_comments .section-in .section-title:before{
width: 20px;
height: 22px;
background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-comment-midashi@2x.png) center center no-repeat !important;
-webkit-background-size: 20px 22px !important;
background-size: 20px 22px !important;
} .sub-conts .widget_recent_entries .section-in .section-title:before{
width: 20px;
height: 22px;
background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-posting-midashi@2x.png) center center no-repeat !important;
-webkit-background-size: 20px 22px !important;
background-size: 20px 22px !important;
} .sub-conts .widget_search .section-in .section-title:before{
width: 20px;
height: 21px;
background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-search-midashi@2x.png) center center no-repeat !important;
-webkit-background-size: 20px 21px !important;
background-size: 20px 21px !important;
}
} .widget_search .section-in .section-title,
.widget_nav_menu .section-in .section-title,
.widget_calendar .section-in .section-title,
.widget_text .section-in .section-title{
margin: 0 -20px 0 !important;
}
#searchform{
padding-top: 30px;
}
.menu-footernavigation-container{
padding-top: 30px;
}
.menu-footernavigation-container ul{
margin-top: 0px;
}
#calendar_wrap{
padding-top: 30px;
}
#calendar_wrap table{
margin-top: 0px;
}
.textwidget{
padding-top: 10px;
}  .news .news-date{
margin-right: 1em;
}
.news-item{
padding: 1em;
background: url(https://music-loft.jp/wp-content/themes/piano/images/common/border.png) repeat-x center bottom;
}
.news-item:first-child{
padding-top: 0;
}
.news-item:last-child{
border-bottom: 0;
}
.news .news-thumb{
float: left;
margin-right: 15px;
margin-bottom: 15px;
}
.main-body .news-title{
margin: 20px 0 0 0;
padding: 0;
border: none;
background: none;
font-weight: normal;
font-size: 1.2em;
}
.main-body .news-item:first-child .news-title{
margin-top: 0;
}
.news .news-date,
.news .news-cat,.post-cat{
display: inline-block;
margin-bottom: 10px;
}
.news-date {
color: #4b3a24;
}
.cat{
display: inline-block;
margin-right: 0.5em;
margin-bottom: 5px;
padding: 0.1em 1.0em;
border-bottom: none;
color: #4b3a24;
font-size: 0.875em;
word-break: break-all;
border-radius: 10px;
}
.cat a{
display: inline-block;
margin: -0.1em -0.5em;
padding: 0.1em 0.5em;
color: #4b3a24;
text-decoration: none;
}
.cat001{ background-color: #ddf4eb; }
.cat002{ background-color: #f4e7dd; }
.cat003{ background-color: #ebf4dd; }
.cat004{ background-color: #efddf4; }
.cat005{ background-color: #f4dde4; }
.news .news-cont{
margin-bottom: 0.5em;
} .dl-style01 dt,
.dl-style01 dd{
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 20px;
}
.dl-style01 dt{
display: block;
float: left;
width: 35%;
}
.dl-style01 dd{
padding-left: 35%;
background: url(https://music-loft.jp/wp-content/themes/piano/images/common/border.png) repeat-x center bottom;
} .dl-style02 dt,
.dl-style02 dd{
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 20px;
border-bottom: 1px solid #fff;
}
.dl-style02 dt{
display: block;
background-color: #84ded6;
color: #fff;
}
.dl-style02 dd{
background-color: #ddf4eb;
} .table-scroll{
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
.table-comparison{
margin: 3em 0;
border-top: 0;
}
.table-comparison th,
.table-comparison td{
padding: 10px;
text-align: center;
}
.table-comparison thead .highlight span{
display: block;
margin: -11px;
margin-top: -25px;
padding: 11px;
padding-top: 25px;
border: 1px solid #cfcfcf;
border-radius: 8px 8px 0 0;
}
.table-comparison th.highlight,
.table-comparison th.highlight span{
background-color: #ee7e94;
}
.table-comparison tfoot td,
.table-comparison tfoot td span{
background-color: #f2f2f2;
} .category-list,
.sub-conts .widget_categories ul{
margin-left: 0;
padding-left: 0;
}
.category-list li,
.sub-conts .widget_categories li{
list-style: none;
margin-bottom: 1em;
padding-left: 15px;
background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-folder-side.png) left 6px no-repeat;
} @media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution: 2dppx){
.category-list li,
.sub-conts .widget_categories li{
background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-folder-midashi.png) left 6px no-repeat;
-webkit-background-size: 12px 12px;
background-size: 12px 12px;
}
}
.category-list ul,
.sub-conts .widget_categories ul ul{
margin-top: 1em;
margin-left: 10px;
padding-left: 0;
} .tagcloud a{
margin-right: 10px;
padding-left: 20px;
background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-tag-side.png) left bottom no-repeat;
font-size: 10pt;
} @media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution: 2dppx){
.tagcloud a{
background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-tag-side@2x.png) left bottom no-repeat;
-webkit-background-size: 16px 16px;
background-size: 16px 16px;
}
} .calendar{
background: #fff;
font-size: 0.875em;
}
.calendar caption{
font-weight: bold;
color: #4b3a24;
}
.calendar th,
.calendar td{
padding: 10px 0;
text-align: center;
}
.calendar tfoot td{
padding: 10px;
border-right-width: 0;
text-align: left;
}
.calendar tfoot td:last-child{
border-right-width: 1px;
text-align: right;
}
.calendar td a{
display: block;
margin: -10px 0;
padding: 10px 0;
} .col4-wrap,
.col3-wrap,
.col2-wrap{
margin: 0 0 1em;
}
.col4-wrap .col,
.col4-wrap .col_2of4,
.col4-wrap .col_3of4,
.col3-wrap .col,
.col3-wrap .col_2of3,
.col2-wrap .col{
-webkit-box-sizing: border-box;
box-sizing: border-box;
float: left;
margin-left: 2%;
}
.col4-wrap .col:first-child,
.col4-wrap .col_2of4:first-child,
.col4-wrap .col_3of4:first-child,
.col3-wrap .col:first-child,
.col3-wrap .col_2of3:first-child,
.col2-wrap .col:first-child{
margin-left: 0;
}
.col4-wrap .col{
width: 23.5%;
}
.col4-wrap .col_2of4{
width: 49%;
}
.col4-wrap .col_3of4{
width: 74.5%;
}
.col3-wrap .col{
width: 32%;
}
.col3-wrap .col_2of3{
width: 66%;
}
.col2-wrap .col{
width: 49%;
}
.col-link{
border: 1px solid #ccc;
}
.col-link a{
display: block;
color: #333;
text-decoration: none;
}
.col-link a:hover,
.col-link a:active,
.col-link a:focus{
background: #eee;
} .banner-list{
margin-left: 0;
}
.banner-list li{
list-style: none;
}
.col1 .banner-list{
text-align: center;
}
.col1 .banner-list li,
.main-conts .banner-list li{
display: inline-block;
margin-bottom: 1em;
margin-left: 1em;
}
.col1 .banner-list li:first-child,
.main-conts .banner-list li:first-child{
margin-left: 0;
} .link-ref{
text-align: right;
} embed, iframe, object, video{
max-width: 100%;
} .btn{
display: inline-block;
padding: 1em;
border: 0;
color: #4b3a24;
text-decoration: none;
border-radius: 8px;
}
.btn:hover,
.btn:active,
.btn:focus{
background: #84ded6;
cursor: pointer;
color: #4b3a24;
}
.main-conts .btn:hover,
.main-conts .btn:active,
.main-conts .btn:focus{
background: #ee7e94;
cursor: pointer;
}
.btn span{
padding-left: 18px;
background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-btn-arw.png) left center no-repeat;
} @media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution: 2dppx){
.btn span{
padding-left: 18px;
background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-btn-arw@2x.png) left center no-repeat;
-webkit-background-size: 10px 14px;
background-size: 10px 14px;
}
}
.btn-green{
padding: 25px 50px;
background: #a0de83;
font-size: 1.25em;
box-shadow: 4px 4px 0px #ebf4dd;
}
.btn-green:hover,
.btn-green:active,
.btn-green:focus{
background: #ebf4dd !important;
box-shadow: 4px 4px 0px #ebf4dd;
cursor: pointer;
}
.btn-blue{
padding: 25px 50px;
background: #84ded6;
font-size: 1.25em;
box-shadow: 4px 4px 0px #ddf4eb;
}
.btn-blue:hover,
.btn-blue:active,
.btn-blue:focus{
background: #ddf4eb !important;
box-shadow: 4px 4px 0px #ddf4eb;
cursor: pointer;
}
.btn-orange{
padding: 25px 50px;
background: #dec683;
font-size: 1.25em;
box-shadow: 4px 4px 0px #f4e7dd;
}
.btn-orange:hover,
.btn-orange:active,
.btn-orange:focus{
background: #f4e7dd !important;
box-shadow: 4px 4px 0px #f4e7dd;
cursor: pointer;
}
.btn-red{
padding: 25px 50px;
background: #de9e83;
font-size: 1.25em;
box-shadow: 4px 4px 0px #f4dddd;
}
.btn-red:hover,
.btn-red:active,
.btn-red:focus{
background: #f4dddd !important;
box-shadow: 4px 4px 0px #f4dddd;
cursor: pointer;
}
.btn-green span,
.btn-blue span,
.btn-orange span,
.btn-red span{
padding-left: 20px;
background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-btn-arw01.png) left center no-repeat;
} @media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution: 2dppx){
.btn-green span,
.btn-blue span,
.btn-orange span,
.btn-red span{
background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-btn-arw01@2x.png) left center no-repeat;
-webkit-background-size: 10px 14px;
background-size: 10px 14px;
}
}
.btn-form01{
padding: 25px 50px;
background: #84ded6;
font-size: 1.25em;
}
.btn-form01 span{
color: #fff;
padding-left: 20px;
background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-btn-arw01.png) left center no-repeat;
} @media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution: 2dppx){
.btn-form01 span{
background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-btn-arw01@2x.png) left center no-repeat;
-webkit-background-size: 10px 14px;
background-size: 10px 14px;
}
}
.btn-form02{
padding: 20px 30px;
background: #f2bcbc;
font-size: 1.125em;
color: #fff;
}
.btn-form02 span{
color: #fff;
padding-left: 18px;
background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-btn-arw02.png) left center no-repeat;
} @media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution: 2dppx){
.btn-mail span{
background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-btn-arw02@2x.png) left center no-repeat;
-webkit-background-size: 10px 14px;
background-size: 10px 14px;
}
}
.btn-mail{
padding: 12px 32px;
background: #ddf4eb;
box-shadow: 4px 4px 0px #84ded6;
}
.fl-c .btn-mail{
height: 34px;
background: #ee7e94;
box-shadow: 4px 4px 0px #f2bcbc;
}
.fl-c .btn-mail:hover{
background: #f2bcbc;
}
.btn-mail span{
padding-left: 30px;
background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-btn-book.png) left center no-repeat;
}
.fl-c .btn-mail span {
color: #ffffff;
background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-btn-mail-s.png) left center no-repeat;
}
.contact-btn .btn-mail span {
background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-btn-contact.png) left center no-repeat;
} @media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution: 2dppx){
.btn-mail span{
background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-btn-book@2x.png) left center no-repeat;
-webkit-background-size: 24px 23px;
background-size: 24px 23px;
}
.fl-c .btn-mail span {
color: #ffffff;
background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-btn-mail-s@2x.png) left center no-repeat;
-webkit-background-size: 18px 14px;
background-size: 18px 14px;
}
}
.btn-detail{
color: #ffffff;
background: #ee7e94;
}
.btn-detail:hover{
background: #f2bcbc !important;
}
.btn-detail span{
padding-left: 20px;
background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-btn-arw01.png) left center no-repeat;
} @media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution: 2dppx){
.btn-detail span{
background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-btn-arw01@2x.png) left center no-repeat;
-webkit-background-size: 10px 14px;
background-size: 10px 14px;
}
} .search-box input[type="text"]{
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 75%;
height: 30px;
padding-right: 4px;
padding-left: 4px;
border: 1px solid #ccc;
border-radius: 0;
box-shadow: inset 1px 3px 2px #eee;
}
.btn-search{
-webkit-box-sizing: border-box;
box-sizing: border-box;
height: 30px;
vertical-align: top;
padding: 5px;
border: 0;
background: #d8505c;
border-radius: 0;
cursor: pointer;
}
.btn-search img{
width: 21px;
height: 20px;
vertical-align: top;
} .sns-list ul{
margin: 0 0 1em;
padding: 0;
}
.sns-list li{
display: inline-block;
vertical-align: top;
line-height: 1.0;
margin-left: 1em;
}
.sns-list li iframe{
max-width: none;
margin: 0;
}
.sns-list li:first-child{
margin-left: 0;
}  .eye-catch{
float: left;
margin: 0 1em;
}
.post-date,
.post-pv{
display: inline-block;
margin-right: 1em;
margin-bottom: 0.5em;
} .cast-box .cast{
position: relative;
min-height: 100px;
margin-top: 0;
padding-left: 115px;
background: url(https://music-loft.jp/wp-content/themes/piano/images/common/border.png) repeat-x center bottom;
color: #4b3a24;
}
.cast-box .cast-name{
font-weight: bold;
font-size: 1.25em;
}
.cast-box .cast .cast-headshot,
.cast-box .cast .cast-profile{
margin-left: 0;
margin-bottom: 20px;
padding-left: 0;
padding-bottom: 20px;
}
.cast-box .cast:last-child,
.cast-box .cast:last-child .cast-headshot,
.cast-box .cast:last-child .cast-profile{
margin-bottom: 0;
padding-bottom: 0;
background: no-repeat;
}
.cast-box .cast .cast-headshot{
position: absolute;
top: 0;
left: 0;
} .cast-box02 .cast{
position: relative;
margin-bottom: 40px;
padding-top: 210px;
padding-bottom: 20px;
background: url(https://music-loft.jp/wp-content/themes/piano/images/common/border.png) repeat-x center bottom;
}
.cast-box02 .cast dd{
padding-left: 0;
}
.cast-box02 .cast-name{
font-weight: bold;
}
.cast-box02 .cast .cast-headshot{
position: absolute;
top: 0;
width: 100%;
text-align: center;
}
.col1 .cast-box02 .cast{
min-height: 210px;
padding-top: 0;
}
.col1 .cast-box02 .cast-name,
.col1 .cast-box02 .cast-profile{
padding-left: 210px;
}
.col1 .cast-box02 .cast .cast-headshot{
width: auto;
} .chat-l,
.chat-r{
position: relative;
overflow: hidden;
margin: 0 0 2em;
}
.bubble{
display: block;
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 80%;
min-height: 60px;
margin-bottom: 2em;
padding: 1em;
border: 1px solid #ccc;
background: #fff;
}
.bubble .bubble-in{
border-color: #fff;
}
.talker{
display: block;
width: 15%;
height: auto;
text-align: center;
}
.talker b{
font-weight: normal;
}
.talker img{
display: block;
width: 100px;
max-width: 100%;
max-width: none\9; margin: auto;
}
html:not(:target) .talker img{
max-width: 100%; }
.chat-l .talker{
float: left;
margin-right: 2%;
}
.chat-r .talker{
float: right;
margin-left: 2%;
}
.chat-l .bubble{
float: right;
}
.chat-r .bubble{
float: left;
}
.bubble .bubble-in:after,
.bubble .bubble-in:before{
position: absolute;
top: 50%;
width: 0;
height: 0;
border: solid transparent;
content: "";
} .bubble .b-arw20:after,
.bubble .b-arw20:before{ top: 20%; }
.bubble .b-arw30:after,
.bubble .b-arw30:before{ top: 30%; }
.bubble .b-arw40:after,
.bubble .b-arw40:before{ top: 40%; }
.bubble .b-arw60:after,
.bubble .b-arw60:before{ top: 60%; }
.bubble .b-arw70:after,
.bubble .b-arw70:before{ top: 70%; }
.bubble .b-arw80:after,
.bubble .b-arw80:before{ top: 80%; }
.chat-l .bubble .bubble-in:after,
.chat-l .bubble .bubble-in:before{
right: 100%;
}
.chat-r .bubble div:after,
.chat-r .bubble div:before{
left: 100%;
}
.chat-l .bubble .bubble-in:after{
margin-top: -8px;
border-width: 8px 20px;
border-color: transparent;
border-right-color: inherit;
}
.chat-l .bubble .bubble-in:before{
margin-top: -9px;
border-width: 9px 21px;
border-color: transparent;
border-right-color: #ccc;
}
.chat-r .bubble .bubble-in:after{
margin-top: -8px;
border-width: 8px 20px;
border-color: transparent;
border-left-color: inherit;
}
.chat-r .bubble .bubble-in:before{
margin-top: -9px;
border-width: 9px 21px;
border-color: transparent;
border-left-color: #ccc;
}
.bubble p:first-child{
margin-top: 0;
} .together .talker,
.together .bubble{
width: 100%;
}
.together .talker b{
display: inline-block;
text-align: center;
}
.together.chat-l .talker,
.together.chat-r .talker{
float: none;
margin: 0 0 20px;
}
.together.chat-l .talker{
text-align: left;
}
.together.chat-r .talker{
text-align: right;
}
.together.chat-l .bubble,
.together.chat-r .bubble{
float: none;
}
.together .bubble .bubble-in:after,
.together .bubble .bubble-in:before{
top: auto;
bottom: 100%;
}
.together.chat-l .bubble .bubble-in:after,
.together.chat-l .bubble .bubble-in:before{
right: auto;
left: 10%;
}
.together.chat-r .bubble .bubble-in:after,
.together.chat-r .bubble .bubble-in:before{
right: 10%;
left: auto;
}
.together.chat-l .bubble .bubble-in:after{
margin-top: -20px;
margin-left: -8px;
border-width: 20px 8px;
border-color: transparent;
border-bottom-color: inherit;
}
.together.chat-l .bubble .bubble-in:before{
margin-top: -21px;
margin-left: -9px;
border-width: 21px 9px;
border-color: transparent;
border-bottom-color: #ccc;
}
.together.chat-r .bubble .bubble-in:after{
border-width: 20px 8px;
margin-top: -20px;
margin-right: -8px;
border-color: transparent;
border-bottom-color: inherit;
}
.together.chat-r .bubble .bubble-in:before{
margin-top: -21px;
margin-right: -9px;
border-width: 21px 9px;
border-color: transparent;
border-bottom-color: #ccc;
}
.bubble-in p:last-child{
margin-bottom: 0;
} .bubble-blue{
border: 1px solid #ddf4eb;
background: #ddf4eb;
}
.chat-l .bubble-blue .bubble-in:after,
.chat-l .bubble-blue .bubble-in:before{
border-right-color: #ddf4eb;
}
.chat-r .bubble-blue .bubble-in:after,
.chat-r .bubble-blue .bubble-in:before{
border-left-color: #ddf4eb;
}
.together.chat-l .bubble-blue .bubble-in:after,
.together.chat-l .bubble-blue .bubble-in:before,
.together.chat-r .bubble-blue .bubble-in:after,
.together.chat-r .bubble-blue .bubble-in:before{
border-bottom-color: #ddf4eb;
} .bubble-green{
border: 1px solid #ebf4dd;
background: #ebf4dd;
}
.chat-l .bubble-green .bubble-in:after,
.chat-l .bubble-green .bubble-in:before{
border-right-color: #ebf4dd;
}
.chat-r .bubble-green .bubble-in:after,
.chat-r .bubble-green .bubble-in:before{
border-left-color: #ebf4dd;
}
.together.chat-l .bubble-green .bubble-in:after,
.together.chat-l .bubble-green .bubble-in:before,
.together.chat-r .bubble-green .bubble-in:after,
.together.chat-r .bubble-green .bubble-in:before{
border-bottom-color: #ebf4dd;
} .bubble-yellow{
border: 1px solid #f4efdd;
background: #f4efdd;
}
.chat-l .bubble-yellow .bubble-in:after,
.chat-l .bubble-yellow .bubble-in:before{
border-right-color: #f4efdd;
}
.chat-r .bubble-yellow .bubble-in:after,
.chat-r .bubble-yellow .bubble-in:before{
border-left-color: #f4efdd;
}
.together.chat-l .bubble-yellow .bubble-in:after,
.together.chat-l .bubble-yellow .bubble-in:before,
.together.chat-r .bubble-yellow .bubble-in:after,
.together.chat-r .bubble-yellow .bubble-in:before{
border-bottom-color: #f4efdd;
} .bubble-orange{
border: 1px solid #f4e7dd;
background: #f4e7dd;
}
.chat-l .bubble-orange .bubble-in:after,
.chat-l .bubble-orange .bubble-in:before{
border-right-color: #f4e7dd;
}
.chat-r .bubble-orange .bubble-in:after,
.chat-r .bubble-orange .bubble-in:before{
border-left-color: #f4e7dd;
}
.together.chat-l .bubble-orange .bubble-in:after,
.together.chat-l .bubble-orange .bubble-in:before,
.together.chat-r .bubble-orange .bubble-in:after,
.together.chat-r .bubble-orange .bubble-in:before{
border-bottom-color: #f4e7dd;
} .bubble-pink{
border: 1px solid #f2ddf4;
background: #f2ddf4;
}
.chat-l .bubble-pink .bubble-in:after,
.chat-l .bubble-pink .bubble-in:before{
border-right-color: #f2ddf4;
}
.chat-r .bubble-pink .bubble-in:after,
.chat-r .bubble-pink .bubble-in:before{
border-left-color: #f2ddf4;
}
.together.chat-l .bubble-pink .bubble-in:after,
.together.chat-l .bubble-pink .bubble-in:before,
.together.chat-r .bubble-pink .bubble-in:after,
.together.chat-r .bubble-pink .bubble-in:before{
border-bottom-color: #f2ddf4;
} .bubble-red{
border: 1px solid #f4dddd;
background: #f4dddd;
color: #fff;
}
.chat-l .bubble-red .bubble-in:after,
.chat-l .bubble-red .bubble-in:before{
border-right-color: #f4dddd;
}
.chat-r .bubble-red .bubble-in:after,
.chat-r .bubble-red .bubble-in:before{
border-left-color: #f4dddd;
}
.together.chat-l .bubble-red .bubble-in:after,
.together.chat-l .bubble-red .bubble-in:before,
.together.chat-r .bubble-red .bubble-in:after,
.together.chat-r .bubble-red .bubble-in:before{
border-bottom-color: #f4dddd;
} .bubble-black{
border: 1px solid #dedede;
background: #dedede;
color: #fff;
}
.chat-l .bubble-black .bubble-in:after,
.chat-l .bubble-black .bubble-in:before{
border-right-color: #dedede;
}
.chat-r .bubble-black .bubble-in:after,
.chat-r .bubble-black .bubble-in:before{
border-left-color: #dedede;
}
.together.chat-l .bubble-black .bubble-in:after,
.together.chat-l .bubble-black .bubble-in:before,
.together.chat-r .bubble-black .bubble-in:after,
.together.chat-r .bubble-black .bubble-in:before{
border-bottom-color: #dedede;
} .main-body .ranking-list{
margin-right: 0;
margin-left: 0;
}
.main-body .ranking-list li{
list-style: none;
overflow: hidden;
margin-bottom: 30px;
}
.sub-conts .ranking-list li{
background: url(https://music-loft.jp/wp-content/themes/piano/images/common/border.png) repeat-x center bottom;
}
.ranking-list04 li,.ranking-list05 li {
background: none !important;
}
.sub-conts .ranking-list li:last-child{
background: none;
}
.main-body .rank-title{
padding: 5px 0;
border: none;
background: none;
font-weight: normal;
font-size: 1.5em;
color: #4b3a24;
}
.main-body .rank-title{
margin-top: 0;
}
.rank-thumb{
float: left;
margin-right: 20px;
margin-bottom: 20px;
}
.sub-conts .ranking-list03 .rank-thumb img{
width: 100px;
height: auto;
}
.col2 .sub-conts .ranking-list01 .rank-thumb,
.col2 .sub-conts .ranking-list02 .rank-thumb,
.col2r .sub-conts .ranking-list01 .rank-thumb,
.col2r .sub-conts .ranking-list02 .rank-thumb{
float: none;
text-align: center;
}
.rank-desc{
overflow: hidden;
}
.on-image hr {
display: none;
} .ranking-list01 > li .rank-title{
padding-left: 60px;
}
.ranking-list01 .rank01 .rank-title{ background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank01-01.png) left top no-repeat; }
.ranking-list01 .rank02 .rank-title{ background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank01-02.png) left top no-repeat; }
.ranking-list01 .rank03 .rank-title{ background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank01-03.png) left top no-repeat; }
.ranking-list01 .rank04 .rank-title{ background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank01-04.png) left top no-repeat; }
.ranking-list01 .rank05 .rank-title{ background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank01-05.png) left top no-repeat; }
.ranking-list01 .rank06 .rank-title{ background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank01-06.png) left top no-repeat; }
.ranking-list01 .rank07 .rank-title{ background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank01-07.png) left top no-repeat; }
.ranking-list01 .rank08 .rank-title{ background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank01-08.png) left top no-repeat; }
.ranking-list01 .rank09 .rank-title{ background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank01-09.png) left top no-repeat; }
.ranking-list01 .rank10 .rank-title{ background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank01-10.png) left top no-repeat; } @media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution: 2dppx){	
.ranking-list01 .rank01 .rank-title{ background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank01-01@2x.png) left top no-repeat; }
.ranking-list01 .rank02 .rank-title{ background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank01-02@2x.png) left top no-repeat; }
.ranking-list01 .rank03 .rank-title{ background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank01-03@2x.png) left top no-repeat; }
.ranking-list01 .rank04 .rank-title{ background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank01-04@2x.png) left top no-repeat; }
.ranking-list01 .rank05 .rank-title{ background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank01-05@2x.png) left top no-repeat; }
.ranking-list01 .rank06 .rank-title{ background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank01-06@2x.png) left top no-repeat; }
.ranking-list01 .rank07 .rank-title{ background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank01-07@2x.png) left top no-repeat; }
.ranking-list01 .rank08 .rank-title{ background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank01-08@2x.png) left top no-repeat; }
.ranking-list01 .rank09 .rank-title{ background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank01-09@2x.png) left top no-repeat; }
.ranking-list01 .rank10 .rank-title{ background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank01-10@2x.png) left top no-repeat; }
.ranking-list01 .rank01 .rank-title,
.ranking-list01 .rank02 .rank-title,
.ranking-list01 .rank03 .rank-title,
.ranking-list01 .rank04 .rank-title,
.ranking-list01 .rank05 .rank-title,
.ranking-list01 .rank06 .rank-title,
.ranking-list01 .rank07 .rank-title,
.ranking-list01 .rank08 .rank-title,
.ranking-list01 .rank09 .rank-title,
.ranking-list01 .rank10 .rank-title{
-webkit-background-size: 48px 40px;
background-size: 48px 40px;
}
} .ranking-list02 > li .rank-title{
padding-left: 60px;
padding-bottom: 10px;
}
.ranking-list02 .rank01 .rank-title{ background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank02-01.png) left top no-repeat; }
.ranking-list02 .rank02 .rank-title{ background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank02-02.png) left top no-repeat; }
.ranking-list02 .rank03 .rank-title{ background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank02-03.png) left top no-repeat; }
.ranking-list02 .rank04 .rank-title{ background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank02-04.png) left top no-repeat; }
.ranking-list02 .rank05 .rank-title{ background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank02-05.png) left top no-repeat; }
.ranking-list02 .rank06 .rank-title{ background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank02-06.png) left top no-repeat; }
.ranking-list02 .rank07 .rank-title{ background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank02-07.png) left top no-repeat; }
.ranking-list02 .rank08 .rank-title{ background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank02-08.png) left top no-repeat; }
.ranking-list02 .rank09 .rank-title{ background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank02-09.png) left top no-repeat; }
.ranking-list02 .rank10 .rank-title{ background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank02-10.png) left top no-repeat; } @media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution: 2dppx){
.ranking-list02 .rank01 .rank-title{ background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank02-01@2x.png) left top no-repeat; }
.ranking-list02 .rank02 .rank-title{ background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank02-02@2x.png) left top no-repeat; }
.ranking-list02 .rank03 .rank-title{ background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank02-03@2x.png) left top no-repeat; }
.ranking-list02 .rank04 .rank-title{ background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank02-04@2x.png) left top no-repeat; }
.ranking-list02 .rank05 .rank-title{ background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank02-05@2x.png) left top no-repeat; }
.ranking-list02 .rank06 .rank-title{ background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank02-06@2x.png) left top no-repeat; }
.ranking-list02 .rank07 .rank-title{ background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank02-07@2x.png) left top no-repeat; }
.ranking-list02 .rank08 .rank-title{ background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank02-08@2x.png) left top no-repeat; }
.ranking-list02 .rank09 .rank-title{ background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank02-09@2x.png) left top no-repeat; }
.ranking-list02 .rank10 .rank-title{ background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank02-10@2x.png) left top no-repeat; }
.ranking-list02 .rank01 .rank-title,
.ranking-list02 .rank02 .rank-title,
.ranking-list02 .rank03 .rank-title,
.ranking-list02 .rank04 .rank-title,
.ranking-list02 .rank05 .rank-title,
.ranking-list02 .rank06 .rank-title,
.ranking-list02 .rank07 .rank-title,
.ranking-list02 .rank08 .rank-title,
.ranking-list02 .rank09 .rank-title,
.ranking-list02 .rank10 .rank-title{
-webkit-background-size: 40px 48px;
background-size: 40px 48px;
}
} .ranking-list03 > li .rank-title{
padding: 5px 0;
padding-left: 58px;
font-size: 1.25em;
}
.sub-conts .ranking-list03 > li .rank-title{
min-height: 30px;
padding: 0;
padding-left: 40px;
font-size: 1.25em;
}
.ranking-list03 .rank01 .rank-title,
.ranking-list03 .rank02 .rank-title,
.ranking-list03 .rank03 .rank-title{
border-bottom: 1px solid #909090;
}
.ranking-list03 .rank01 .rank-title{ background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank03-01.png) left top no-repeat; }
.ranking-list03 .rank02 .rank-title{ background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank03-02.png) left top no-repeat; }
.ranking-list03 .rank03 .rank-title{ background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank03-03.png) left top no-repeat; }
.ranking-list03 .rank04 .rank-title{ background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank03-04.png) left top no-repeat; }
.ranking-list03 .rank05 .rank-title{ background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank03-05.png) left top no-repeat; }
.ranking-list03 .rank06 .rank-title{ background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank03-06.png) left top no-repeat; }
.ranking-list03 .rank07 .rank-title{ background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank03-07.png) left top no-repeat; }
.ranking-list03 .rank08 .rank-title{ background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank03-08.png) left top no-repeat; }
.ranking-list03 .rank09 .rank-title{ background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank03-09.png) left top no-repeat; }
.ranking-list03 .rank10 .rank-title{ background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank03-10.png) left top no-repeat; }
.sub-conts .ranking-list03 .rank01 .rank-title{ background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank04-01.png) left top no-repeat; }
.sub-conts .ranking-list03 .rank02 .rank-title{ background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank04-02.png) left top no-repeat; }
.sub-conts .ranking-list03 .rank03 .rank-title{ background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank04-03.png) left top no-repeat; }
.sub-conts .ranking-list03 .rank04 .rank-title{ background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank04-04.png) left top no-repeat; }
.sub-conts .ranking-list03 .rank05 .rank-title{ background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank04-05.png) left top no-repeat; }
.sub-conts .ranking-list03 .rank06 .rank-title{ background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank04-06.png) left top no-repeat; }
.sub-conts .ranking-list03 .rank07 .rank-title{ background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank04-07.png) left top no-repeat; }
.sub-conts .ranking-list03 .rank08 .rank-title{ background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank04-08.png) left top no-repeat; }
.sub-conts .ranking-list03 .rank09 .rank-title{ background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank04-09.png) left top no-repeat; }
.sub-conts .ranking-list03 .rank10 .rank-title{ background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank04-10.png) left top no-repeat; } @media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution: 2dppx){
.ranking-list03 .rank01 .rank-title{ background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank03-01@2x.png) left top no-repeat; }
.ranking-list03 .rank02 .rank-title{ background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank03-02@2x.png) left top no-repeat; }
.ranking-list03 .rank03 .rank-title{ background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank03-03@2x.png) left top no-repeat; }
.ranking-list03 .rank04 .rank-title{ background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank03-04@2x.png) left top no-repeat; }
.ranking-list03 .rank05 .rank-title{ background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank03-05@2x.png) left top no-repeat; }
.ranking-list03 .rank06 .rank-title{ background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank03-06@2x.png) left top no-repeat; }
.ranking-list03 .rank07 .rank-title{ background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank03-07@2x.png) left top no-repeat; }
.ranking-list03 .rank08 .rank-title{ background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank03-08@2x.png) left top no-repeat; }
.ranking-list03 .rank09 .rank-title{ background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank03-09@2x.png) left top no-repeat; }
.ranking-list03 .rank10 .rank-title{ background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank03-10@2x.png) left top no-repeat; }
.ranking-list03 .rank01 .rank-title,
.ranking-list03 .rank02 .rank-title,
.ranking-list03 .rank03 .rank-title,
.ranking-list03 .rank04 .rank-title,
.ranking-list03 .rank05 .rank-title,
.ranking-list03 .rank06 .rank-title,
.ranking-list03 .rank07 .rank-title,
.ranking-list03 .rank08 .rank-title,
.ranking-list03 .rank09 .rank-title,
.ranking-list03 .rank10 .rank-title{
-webkit-background-size: 48px 48px;
background-size: 48px 48px;
}
.sub-conts .ranking-list03 .rank01 .rank-title{ background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank04-01@2x.png) left top no-repeat; }
.sub-conts .ranking-list03 .rank02 .rank-title{ background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank04-02@2x.png) left top no-repeat; }
.sub-conts .ranking-list03 .rank03 .rank-title{ background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank04-03@2x.png) left top no-repeat; }
.sub-conts .ranking-list03 .rank04 .rank-title{ background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank04-04@2x.png) left top no-repeat; }
.sub-conts .ranking-list03 .rank05 .rank-title{ background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank04-05@2x.png) left top no-repeat; }
.sub-conts .ranking-list03 .rank06 .rank-title{ background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank04-06@2x.png) left top no-repeat; }
.sub-conts .ranking-list03 .rank07 .rank-title{ background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank04-07@2x.png) left top no-repeat; }
.sub-conts .ranking-list03 .rank08 .rank-title{ background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank04-08@2x.png) left top no-repeat; }
.sub-conts .ranking-list03 .rank09 .rank-title{ background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank04-09@2x.png) left top no-repeat; }
.sub-conts .ranking-list03 .rank10 .rank-title{ background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank04-10@2x.png) left top no-repeat; }
.sub-conts .ranking-list03 .rank01 .rank-title,
.sub-conts .ranking-list03 .rank02 .rank-title,
.sub-conts .ranking-list03 .rank03 .rank-title,
.sub-conts .ranking-list03 .rank04 .rank-title,
.sub-conts .ranking-list03 .rank05 .rank-title,
.sub-conts .ranking-list03 .rank06 .rank-title,
.sub-conts .ranking-list03 .rank07 .rank-title,
.sub-conts .ranking-list03 .rank08 .rank-title,
.sub-conts .ranking-list03 .rank09 .rank-title,
.sub-conts .ranking-list03 .rank10 .rank-title{
-webkit-background-size: 30px 30px;
background-size: 30px 30px;
}
} .ranking-list .on-image{
}
.ranking-list .on-image .rank-title{
padding: 0!important;
border: 0;
background: none!important;
font-size: 1.25em;
}
.ranking-list .on-image .rank-thumb{
position: relative;
}
.ranking-list .on-image .rank-thumb:before,
.ranking-list .on-image .rank-thumb:before,
.ranking-list .on-image .rank-thumb:before{
position: absolute;
top: 0;
left: 0;
}
.ranking-list03 > .rank01.on-image .rank-thumb:before{ content: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank03-01.png); }
.ranking-list03 > .rank02.on-image .rank-thumb:before{ content: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank03-02.png); }
.ranking-list03 > .rank03.on-image .rank-thumb:before{ content: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank03-03.png); }
.ranking-list03 > .rank04.on-image .rank-thumb:before{ content: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank03-04.png); }
.ranking-list03 > .rank05.on-image .rank-thumb:before{ content: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank03-05.png); }
.ranking-list03 > .rank06.on-image .rank-thumb:before{ content: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank03-06.png); }
.ranking-list03 > .rank07.on-image .rank-thumb:before{ content: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank03-07.png); }
.ranking-list03 > .rank08.on-image .rank-thumb:before{ content: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank03-08.png); }
.ranking-list03 > .rank09.on-image .rank-thumb:before{ content: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank03-09.png); }
.ranking-list03 > .rank10.on-image .rank-thumb:before{ content: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank03-10.png); }
.sub-conts .ranking-list03 > .rank01.on-image .rank-thumb:before{ content: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank04-01.png); }
.sub-conts .ranking-list03 > .rank02.on-image .rank-thumb:before{ content: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank04-02.png); }
.sub-conts .ranking-list03 > .rank03.on-image .rank-thumb:before{ content: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank04-03.png); }
.sub-conts .ranking-list03 > .rank04.on-image .rank-thumb:before{ content: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank04-04.png); }
.sub-conts .ranking-list03 > .rank05.on-image .rank-thumb:before{ content: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank04-05.png); }
.sub-conts .ranking-list03 > .rank06.on-image .rank-thumb:before{ content: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank04-06.png); }
.sub-conts .ranking-list03 > .rank07.on-image .rank-thumb:before{ content: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank04-07.png); }
.sub-conts .ranking-list03 > .rank08.on-image .rank-thumb:before{ content: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank04-08.png); }
.sub-conts .ranking-list03 > .rank09.on-image .rank-thumb:before{ content: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank04-09.png); }
.sub-conts .ranking-list03 > .rank10.on-image .rank-thumb:before{ content: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank04-10.png); } @media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution: 2dppx){
.ranking-list03 > .rank01.on-image .rank-thumb:before{ background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank03-01@2x.png); }
.ranking-list03 > .rank02.on-image .rank-thumb:before{ background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank03-02@2x.png); }
.ranking-list03 > .rank03.on-image .rank-thumb:before{ background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank03-03@2x.png); }
.ranking-list03 > .rank04.on-image .rank-thumb:before{ background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank03-04@2x.png); }
.ranking-list03 > .rank05.on-image .rank-thumb:before{ background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank03-05@2x.png); }
.ranking-list03 > .rank06.on-image .rank-thumb:before{ background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank03-06@2x.png); }
.ranking-list03 > .rank07.on-image .rank-thumb:before{ background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank03-07@2x.png); }
.ranking-list03 > .rank08.on-image .rank-thumb:before{ background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank03-08@2x.png); }
.ranking-list03 > .rank09.on-image .rank-thumb:before{ background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank03-09@2x.png); }
.ranking-list03 > .rank10.on-image .rank-thumb:before{ background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank03-10@2x.png); }
.ranking-list03 > .rank01.on-image .rank-thumb:before,
.ranking-list03 > .rank02.on-image .rank-thumb:before,
.ranking-list03 > .rank03.on-image .rank-thumb:before,
.ranking-list03 > .rank04.on-image .rank-thumb:before,
.ranking-list03 > .rank05.on-image .rank-thumb:before,
.ranking-list03 > .rank06.on-image .rank-thumb:before,
.ranking-list03 > .rank07.on-image .rank-thumb:before,
.ranking-list03 > .rank08.on-image .rank-thumb:before,
.ranking-list03 > .rank09.on-image .rank-thumb:before,
.ranking-list03 > .rank10.on-image .rank-thumb:before{
display: inline-block;
width: 48px;
height: 48px;
vertical-align: middle;
-webkit-background-size: contain;
background-size: contain;
content: " ";
}
.sub-conts .ranking-list03 > .rank01.on-image .rank-thumb:before{ background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank04-01@2x.png); }
.sub-conts .ranking-list03 > .rank02.on-image .rank-thumb:before{ background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank04-02@2x.png); }
.sub-conts .ranking-list03 > .rank03.on-image .rank-thumb:before{ background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank04-03@2x.png); }
.sub-conts .ranking-list03 > .rank04.on-image .rank-thumb:before{ background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank04-04@2x.png); }
.sub-conts .ranking-list03 > .rank05.on-image .rank-thumb:before{ background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank04-05@2x.png); }
.sub-conts .ranking-list03 > .rank06.on-image .rank-thumb:before{ background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank04-06@2x.png); }
.sub-conts .ranking-list03 > .rank07.on-image .rank-thumb:before{ background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank04-07@2x.png); }
.sub-conts .ranking-list03 > .rank08.on-image .rank-thumb:before{ background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank04-08@2x.png); }
.sub-conts .ranking-list03 > .rank09.on-image .rank-thumb:before{ background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank04-09@2x.png); }
.sub-conts .ranking-list03 > .rank10.on-image .rank-thumb:before{ background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank04-10@2x.png); }
.sub-conts .ranking-list03 > .rank01.on-image .rank-thumb:before,
.sub-conts .ranking-list03 > .rank02.on-image .rank-thumb:before,
.sub-conts .ranking-list03 > .rank03.on-image .rank-thumb:before,
.sub-conts .ranking-list03 > .rank04.on-image .rank-thumb:before,
.sub-conts .ranking-list03 > .rank05.on-image .rank-thumb:before,
.sub-conts .ranking-list03 > .rank06.on-image .rank-thumb:before,
.sub-conts .ranking-list03 > .rank07.on-image .rank-thumb:before,
.sub-conts .ranking-list03 > .rank08.on-image .rank-thumb:before,
.sub-conts .ranking-list03 > .rank09.on-image .rank-thumb:before,
.sub-conts .ranking-list03 > .rank10.on-image .rank-thumb:before{
display: inline-block;
width: 30px;
height: 30px;
vertical-align: middle;
-webkit-background-size: contain;
background-size: contain;
content: " ";
}
} .ranking-list04 .rank-box{
position: relative;
width: 320px;
margin-right: auto;
margin-left: auto;
}
.col1 .ranking-list04 li{
display: inline-block;
margin-right: 20px;
}
.ranking-list04 .rank-box img{
width: 100%;
}
.ranking-list04 .on-image .rank-box:before,
.ranking-list04 .on-image .rank-box:before,
.ranking-list04 .on-image .rank-box:before{
position: absolute;
top: 0;
left: 0;
}
.ranking-list04 .on-image .rank-box .rank-text{
position: absolute;
bottom: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
margin: 0;
padding: 10px;
background-color: rgba(238,126,148,0.6);
background-color: #ee7e94\9; color: #fff;
}
html:not(:target) .ranking-list04 .on-image .rank-box .rank-text{
background-color: rgba(238,126,148,0.6); }
.ranking-list04 .on-image .rank-box a{
color: #fff;
}
.ranking-list04 .on-image .rank-box a:hover,
.ranking-list04 .on-image .rank-box a:active,
.ranking-list04 .on-image .rank-box a:focus{
color: #ddf4eb;
}
.ranking-list04 > .rank01.on-image .rank-box:before{ content: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank03-01.png); }
.ranking-list04 > .rank02.on-image .rank-box:before{ content: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank03-02.png); }
.ranking-list04 > .rank03.on-image .rank-box:before{ content: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank03-03.png); }
.ranking-list04 > .rank04.on-image .rank-box:before{ content: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank03-04.png); }
.ranking-list04 > .rank05.on-image .rank-box:before{ content: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank03-05.png); }
.ranking-list04 > .rank06.on-image .rank-box:before{ content: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank03-06.png); }
.ranking-list04 > .rank07.on-image .rank-box:before{ content: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank03-07.png); }
.ranking-list04 > .rank08.on-image .rank-box:before{ content: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank03-08.png); }
.ranking-list04 > .rank09.on-image .rank-box:before{ content: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank03-09.png); }
.ranking-list04 > .rank10.on-image .rank-box:before{ content: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank03-10.png); } @media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution: 2dppx){
.ranking-list04 > .rank01.on-image .rank-box:before{ background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank03-01@2x.png); }
.ranking-list04 > .rank02.on-image .rank-box:before{ background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank03-02@2x.png); }
.ranking-list04 > .rank03.on-image .rank-box:before{ background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank03-03@2x.png); }
.ranking-list04 > .rank04.on-image .rank-box:before{ background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank03-04@2x.png); }
.ranking-list04 > .rank05.on-image .rank-box:before{ background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank03-05@2x.png); }
.ranking-list04 > .rank06.on-image .rank-box:before{ background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank03-06@2x.png); }
.ranking-list04 > .rank07.on-image .rank-box:before{ background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank03-07@2x.png); }
.ranking-list04 > .rank08.on-image .rank-box:before{ background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank03-08@2x.png); }
.ranking-list04 > .rank09.on-image .rank-box:before{ background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank03-09@2x.png); }
.ranking-list04 > .rank10.on-image .rank-box:before{ background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank03-10@2x.png); }
.ranking-list04 > .rank01.on-image .rank-box:before,
.ranking-list04 > .rank02.on-image .rank-box:before,
.ranking-list04 > .rank03.on-image .rank-box:before,
.ranking-list04 > .rank04.on-image .rank-box:before,
.ranking-list04 > .rank05.on-image .rank-box:before,
.ranking-list04 > .rank06.on-image .rank-box:before,
.ranking-list04 > .rank07.on-image .rank-box:before,
.ranking-list04 > .rank08.on-image .rank-box:before,
.ranking-list04 > .rank09.on-image .rank-box:before,
.ranking-list04 > .rank10.on-image .rank-box:before{
display: inline-block;
width: 48px;
height: 48px;
vertical-align: middle;
-webkit-background-size: contain;
background-size: contain;
content: " ";
}
} .ranking-list05 .rank-box{
position: relative;
width: 320px;
margin-right: auto;
margin-left: auto;
background-position: center center;
background-size: cover;
}
.col1 .ranking-list05 li{
display: inline-block;
margin-right: 20px;
}
.ranking-list05 .rank-box a{
display: block;
-webkit-box-sizing: border-box;
box-sizing: border-box;
height: 180px;
padding: 3em 1em 1em;
background-color: rgba(238,126,148,0.6);
background-color: #ee7e94\9; color: #fff;
}
html:not(:target) .ranking-list05 .rank-box a{
background-color: rgba(238,126,148,0.6); }
.ranking-list05 .rank-box a:hover,
.ranking-list05 .rank-box a:active,
.ranking-list05 .rank-box a:focus{
color: #ddf4eb;
}
.ranking-list05 .rank-box a p{
color: #fff;
}
.ranking-list05 .rank-box a p:hover,
.ranking-list05 .rank-box a p:active,
.ranking-list05 .rank-box a p:focus{
color: #ddf4eb;
}
.ranking-list05 .on-image .rank-box:before,
.ranking-list05 .on-image .rank-box:before,
.ranking-list05 .on-image .rank-box:before{
position: absolute;
top: 0;
left: 0;
}
.ranking-list05 > .rank01.on-image .rank-box:before{ content: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank04-01.png); }
.ranking-list05 > .rank02.on-image .rank-box:before{ content: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank04-02.png); }
.ranking-list05 > .rank03.on-image .rank-box:before{ content: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank04-03.png); }
.ranking-list05 > .rank04.on-image .rank-box:before{ content: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank04-04.png); }
.ranking-list05 > .rank05.on-image .rank-box:before{ content: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank04-05.png); }
.ranking-list05 > .rank06.on-image .rank-box:before{ content: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank04-06.png); }
.ranking-list05 > .rank07.on-image .rank-box:before{ content: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank04-07.png); }
.ranking-list05 > .rank08.on-image .rank-box:before{ content: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank04-08.png); }
.ranking-list05 > .rank09.on-image .rank-box:before{ content: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank04-09.png); }
.ranking-list05 > .rank10.on-image .rank-box:before{ content: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank04-10.png); } @media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution: 2dppx){
.ranking-list05 > .rank01.on-image .rank-box:before{ background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank04-01@2x.png); }
.ranking-list05 > .rank02.on-image .rank-box:before{ background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank04-02@2x.png); }
.ranking-list05 > .rank03.on-image .rank-box:before{ background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank04-03@2x.png); }
.ranking-list05 > .rank04.on-image .rank-box:before{ background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank04-04@2x.png); }
.ranking-list05 > .rank05.on-image .rank-box:before{ background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank04-05@2x.png); }
.ranking-list05 > .rank06.on-image .rank-box:before{ background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank04-06@2x.png); }
.ranking-list05 > .rank07.on-image .rank-box:before{ background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank04-07@2x.png); }
.ranking-list05 > .rank08.on-image .rank-box:before{ background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank04-08@2x.png); }
.ranking-list05 > .rank09.on-image .rank-box:before{ background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank04-09@2x.png); }
.ranking-list05 > .rank10.on-image .rank-box:before{ background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank04-10@2x.png); }
.ranking-list05 > .rank01.on-image .rank-box:before,
.ranking-list05 > .rank02.on-image .rank-box:before,
.ranking-list05 > .rank03.on-image .rank-box:before,
.ranking-list05 > .rank04.on-image .rank-box:before,
.ranking-list05 > .rank05.on-image .rank-box:before,
.ranking-list05 > .rank06.on-image .rank-box:before,
.ranking-list05 > .rank07.on-image .rank-box:before,
.ranking-list05 > .rank08.on-image .rank-box:before,
.ranking-list05 > .rank09.on-image .rank-box:before,
.ranking-list05 > .rank10.on-image .rank-box:before{
display: inline-block;
width: 30px;
height: 30px;
vertical-align: middle;
-webkit-background-size: contain;
background-size: contain;
content: " ";
}
} .main-body .post-list01,
.main-body .post-list02{
margin-right: 0;
margin-left: 0;
}
.main-body .post-list01 li,
.main-body .post-list02 li{
list-style: none;
overflow: hidden;
margin-bottom: 40px;
} .post-list01 .post-box{
position: relative;
width: 320px;
margin-right: auto;
margin-left: auto;
}
.col1 .post-list01 li{
display: inline-block;
margin-right: 20px;
}
.post-list01 .post-box img{
width: 100%;
}
.post-list01 .on-image .post-box:before,
.post-list01 .on-image .post-box:before,
.post-list01 .on-image .post-box:before{
position: absolute;
top: 0;
left: 0;
}
.post-list01 .on-image .post-box .post-text{
position: absolute;
bottom: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
margin: 0;
padding: 10px;
background-color: rgba(238,126,148,0.6);
background-color: #ee7e94\9; color: #fff;
}
html:not(:target) .post-list01 .on-image .post-box .post-text{
background-color: rgba(238,126,148,0.6); }
.post-list01 .on-image .post-box a{
color: #fff;
}
.post-list01 .on-image .post-box a:hover,
.post-list01 .on-image .post-box a:active,
.post-list01 .on-image .post-box a:focus{
color: #ddf4eb;
} .post-list02 .post-box{
position: relative;
width: 320px;
margin-right: auto;
margin-left: auto;
background-position: center center;
background-size: cover;
}
.col1 .post-list02 li{
display: inline-block;
margin-right: 20px;
}
.post-list02 .post-box a{
display: block;
-webkit-box-sizing: border-box;
box-sizing: border-box;
height: 180px;
padding: 3em 1em 1em;
background-color: rgba(238,126,148,0.6);
background-color: #ee7e94\9; color: #fff;
}
html:not(:target) .post-list02 .post-box a{
background-color: rgba(238,126,148,0.6); }
.post-list02 .post-box a:hover,
.post-list02 .post-box a:active,
.post-list02 .post-box a:focus{
color: #ddf4eb;
}
.post-list02 .post-box a p{
color: #fff;
}
.post-list02 .post-box a p:hover,
.post-list02 .post-box a p:active,
.post-list02 .post-box a p:focus{
color: #ddf4eb;
}
.post-list02 .on-image .post-box:before,
.post-list02 .on-image .post-box:before,
.post-list02 .on-image .post-box:before{
position: absolute;
top: 0;
left: 0;
} .review-table{
width: auto;
margin-top: 0;
border-top: 1px solid #fff;
border-left: 1px solid #fff;
}
.rank-thumb .review-table{
width: 100%;
margin-bottom: 0;
}
.review-table th,
.review-table td{
line-height: 1.0;
padding: 0.5em;
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
background-color: #f9ecef;
color: #4b3a24;
}
.review-table th{
font-weight: normal;
}
.star00,
.star05,
.star10,
.star15,
.star20,
.star25,
.star30,
.star35,
.star40,
.star45,
.star50{
padding-left: 110px;
white-space: nowrap;
}
.star00{ background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-star00.png) left center no-repeat; }
.star05{ background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-star05.png) left center no-repeat; }
.star10{ background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-star10.png) left center no-repeat; }
.star15{ background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-star15.png) left center no-repeat; }
.star20{ background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-star20.png) left center no-repeat; }
.star25{ background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-star25.png) left center no-repeat; }
.star30{ background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-star30.png) left center no-repeat; }
.star35{ background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-star35.png) left center no-repeat; }
.star40{ background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-star40.png) left center no-repeat; }
.star45{ background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-star45.png) left center no-repeat; }
.star50{ background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-star50.png) left center no-repeat; } @media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution: 2dppx){
.star00{ background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-star00@2x.png) left center no-repeat; }
.star05{ background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-star05@2x.png) left center no-repeat; }
.star10{ background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-star10@2x.png) left center no-repeat; }
.star15{ background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-star15@2x.png) left center no-repeat; }
.star20{ background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-star20@2x.png) left center no-repeat; }
.star25{ background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-star25@2x.png) left center no-repeat; }
.star30{ background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-star30@2x.png) left center no-repeat; }
.star35{ background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-star35@2x.png) left center no-repeat; }
.star40{ background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-star40@2x.png) left center no-repeat; }
.star45{ background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-star45@2x.png) left center no-repeat; }
.star50{ background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-star50@2x.png) left center no-repeat; }
.star00,
.star05,
.star10,
.star15,
.star20,
.star25,
.star30,
.star35,
.star40,
.star45,
.star50{
-webkit-background-size: 97px 17px;
background-size: 97px 17px;
}
}
.item-data{
margin-bottom: 1em;
}
.item-data dl,
.item-data dt,
.item-data dd{
margin: 0;
}
.item-data dt,
.item-data dd{
display: inline-block;
color: #4b3a24;
}
.item-data dd{
padding-left: 0;
}
.comparative-list01 .rank-desc,
.comparative-list02 .rank-desc{
overflow: visible;
clear: both;
background: url(https://music-loft.jp/wp-content/themes/piano/images/common/border.png) repeat-x top center;
padding-top: 15px;
}
.main-body .review-desc-title{
overflow: hidden;
margin-top: 0;
margin-bottom: 1em;
padding: 0 0 0 14px;
border: none;
border-left: 5px solid #ee7e94;
background: none;
font-weight: normal;
font-size: 1.125em;
color: #4b3a24;
} .comparative-list01 > li .rank-title{
padding-left: 60px;
}
.comparative-list01 .rank01 .rank-title{ background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank01-01.png) left top no-repeat; }
.comparative-list01 .rank02 .rank-title{ background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank01-02.png) left top no-repeat; }
.comparative-list01 .rank03 .rank-title{ background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank01-03.png) left top no-repeat; }
.comparative-list01 .rank04 .rank-title{ background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank01-04.png) left top no-repeat; }
.comparative-list01 .rank05 .rank-title{ background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank01-05.png) left top no-repeat; }
.comparative-list01 .rank06 .rank-title{ background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank01-06.png) left top no-repeat; }
.comparative-list01 .rank07 .rank-title{ background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank01-07.png) left top no-repeat; }
.comparative-list01 .rank08 .rank-title{ background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank01-08.png) left top no-repeat; }
.comparative-list01 .rank09 .rank-title{ background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank01-09.png) left top no-repeat; }
.comparative-list01 .rank10 .rank-title{ background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank01-10.png) left top no-repeat; } @media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution: 2dppx){	
.comparative-list01 .rank01 .rank-title{ background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank01-01@2x.png) left top no-repeat; }
.comparative-list01 .rank02 .rank-title{ background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank01-02@2x.png) left top no-repeat; }
.comparative-list01 .rank03 .rank-title{ background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank01-03@2x.png) left top no-repeat; }
.comparative-list01 .rank04 .rank-title{ background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank01-04@2x.png) left top no-repeat; }
.comparative-list01 .rank05 .rank-title{ background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank01-05@2x.png) left top no-repeat; }
.comparative-list01 .rank06 .rank-title{ background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank01-06@2x.png) left top no-repeat; }
.comparative-list01 .rank07 .rank-title{ background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank01-07@2x.png) left top no-repeat; }
.comparative-list01 .rank08 .rank-title{ background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank01-08@2x.png) left top no-repeat; }
.comparative-list01 .rank09 .rank-title{ background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank01-09@2x.png) left top no-repeat; }
.comparative-list01 .rank10 .rank-title{ background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank01-10@2x.png) left top no-repeat; }
.comparative-list01 .rank01 .rank-title,
.comparative-list01 .rank02 .rank-title,
.comparative-list01 .rank03 .rank-title,
.comparative-list01 .rank04 .rank-title,
.comparative-list01 .rank05 .rank-title,
.comparative-list01 .rank06 .rank-title,
.comparative-list01 .rank07 .rank-title,
.comparative-list01 .rank08 .rank-title,
.comparative-list01 .rank09 .rank-title,
.comparative-list01 .rank10 .rank-title{
-webkit-background-size: 48px 40px;
background-size: 48px 40px;
}
} .comparative-list02 > .rank01.on-image .rank-thumb:before{ content: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank05-01.png); }
.comparative-list02 > .rank02.on-image .rank-thumb:before{ content: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank05-02.png); }
.comparative-list02 > .rank03.on-image .rank-thumb:before{ content: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank05-03.png); }
.comparative-list02 > .rank04.on-image .rank-thumb:before{ content: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank05-04.png); }
.comparative-list02 > .rank05.on-image .rank-thumb:before{ content: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank05-05.png); }
.comparative-list02 > .rank06.on-image .rank-thumb:before{ content: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank05-06.png); }
.comparative-list02 > .rank07.on-image .rank-thumb:before{ content: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank05-07.png); }
.comparative-list02 > .rank08.on-image .rank-thumb:before{ content: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank05-08.png); }
.comparative-list02 > .rank09.on-image .rank-thumb:before{ content: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank05-09.png); }
.comparative-list02 > .rank10.on-image .rank-thumb:before{ content: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank05-10.png); }
.sub-conts .comparative-list02 > .rank01.on-image .rank-thumb:before{ content: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank06-01.png); }
.sub-conts .comparative-list02 > .rank02.on-image .rank-thumb:before{ content: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank06-02.png); }
.sub-conts .comparative-list02 > .rank03.on-image .rank-thumb:before{ content: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank06-03.png); }
.sub-conts .comparative-list02 > .rank04.on-image .rank-thumb:before{ content: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank06-04.png); }
.sub-conts .comparative-list02 > .rank05.on-image .rank-thumb:before{ content: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank06-05.png); }
.sub-conts .comparative-list02 > .rank06.on-image .rank-thumb:before{ content: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank06-06.png); }
.sub-conts .comparative-list02 > .rank07.on-image .rank-thumb:before{ content: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank06-07.png); }
.sub-conts .comparative-list02 > .rank08.on-image .rank-thumb:before{ content: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank06-08.png); }
.sub-conts .comparative-list02 > .rank09.on-image .rank-thumb:before{ content: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank06-09.png); }
.sub-conts .comparative-list02 > .rank10.on-image .rank-thumb:before{ content: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank06-10.png); } @media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution: 2dppx){
.comparative-list02 > .rank01.on-image .rank-thumb:before{ background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank05-01@2x.png); }
.comparative-list02 > .rank02.on-image .rank-thumb:before{ background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank05-02@2x.png); }
.comparative-list02 > .rank03.on-image .rank-thumb:before{ background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank05-03@2x.png); }
.comparative-list02 > .rank04.on-image .rank-thumb:before{ background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank05-04@2x.png); }
.comparative-list02 > .rank05.on-image .rank-thumb:before{ background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank05-05@2x.png); }
.comparative-list02 > .rank06.on-image .rank-thumb:before{ background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank05-06@2x.png); }
.comparative-list02 > .rank07.on-image .rank-thumb:before{ background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank05-07@2x.png); }
.comparative-list02 > .rank08.on-image .rank-thumb:before{ background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank05-08@2x.png); }
.comparative-list02 > .rank09.on-image .rank-thumb:before{ background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank05-09@2x.png); }
.comparative-list02 > .rank10.on-image .rank-thumb:before{ background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank05-10@2x.png); }
.comparative-list02 > .rank01.on-image .rank-thumb:before,
.comparative-list02 > .rank02.on-image .rank-thumb:before,
.comparative-list02 > .rank03.on-image .rank-thumb:before,
.comparative-list02 > .rank04.on-image .rank-thumb:before,
.comparative-list02 > .rank05.on-image .rank-thumb:before,
.comparative-list02 > .rank06.on-image .rank-thumb:before,
.comparative-list02 > .rank07.on-image .rank-thumb:before,
.comparative-list02 > .rank08.on-image .rank-thumb:before,
.comparative-list02 > .rank09.on-image .rank-thumb:before,
.comparative-list02 > .rank10.on-image .rank-thumb:before{
display: inline-block;
width: 48px;
height: 48px;
vertical-align: middle;
-webkit-background-size: contain;
background-size: contain;
content: " ";
}
.sub-conts .comparative-list02 > .rank01.on-image .rank-thumb:before{ background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank06-01@2x.png); }
.sub-conts .comparative-list02 > .rank02.on-image .rank-thumb:before{ background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank06-02@2x.png); }
.sub-conts .comparative-list02 > .rank03.on-image .rank-thumb:before{ background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank06-03@2x.png); }
.sub-conts .comparative-list02 > .rank04.on-image .rank-thumb:before{ background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank06-04@2x.png); }
.sub-conts .comparative-list02 > .rank05.on-image .rank-thumb:before{ background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank06-05@2x.png); }
.sub-conts .comparative-list02 > .rank06.on-image .rank-thumb:before{ background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank06-06@2x.png); }
.sub-conts .comparative-list02 > .rank07.on-image .rank-thumb:before{ background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank06-07@2x.png); }
.sub-conts .comparative-list02 > .rank08.on-image .rank-thumb:before{ background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank06-08@2x.png); }
.sub-conts .comparative-list02 > .rank09.on-image .rank-thumb:before{ background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank06-09@2x.png); }
.sub-conts .comparative-list02 > .rank10.on-image .rank-thumb:before{ background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rank06-10@2x.png); }
.sub-conts .comparative-list02 > .rank01.on-image .rank-thumb:before,
.sub-conts .comparative-list02 > .rank02.on-image .rank-thumb:before,
.sub-conts .comparative-list02 > .rank03.on-image .rank-thumb:before,
.sub-conts .comparative-list02 > .rank04.on-image .rank-thumb:before,
.sub-conts .comparative-list02 > .rank05.on-image .rank-thumb:before,
.sub-conts .comparative-list02 > .rank06.on-image .rank-thumb:before,
.sub-conts .comparative-list02 > .rank07.on-image .rank-thumb:before,
.sub-conts .comparative-list02 > .rank08.on-image .rank-thumb:before,
.sub-conts .comparative-list02 > .rank09.on-image .rank-thumb:before,
.sub-conts .comparative-list02 > .rank10.on-image .rank-thumb:before{
display: inline-block;
width: 30px;
height: 30px;
vertical-align: middle;
-webkit-background-size: contain;
background-size: contain;
content: " ";
}
} .interval img{
display: block;
margin: 60px auto;
} .check-list,
.check-list-l{
margin-left: 0;
}
.check-list li,
.check-list-l li{
list-style: none;	
}
.check-list li{
margin-bottom: 1em;
padding-left: 32px;
background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-check-list.png) left 3px no-repeat;
}
.check-list-l li{
margin-bottom: 2em;
padding: 10px 0 10px 55px;
background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-check-list-l.png) left 0px no-repeat;
} @media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution: 2dppx){	
.check-list li{
background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-check-list@2x.png) left 3px no-repeat;
-webkit-background-size: 24px 24px;
background-size: 24px 24px;
}
.check-list-l li{
background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-check-list-l@2x.png) left 3px no-repeat;
-webkit-background-size: 48px 48px;
background-size: 48px 48px;
}
} .qa-list dt{
display: block;
margin-bottom: 30px;
padding: 10px 0 10px 65px;
background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-q.png) left 3px no-repeat;
font-size: 1.25em;
}
.qa-list dd{
margin-left: 0;
margin-bottom: 70px;
padding: 10px 0 10px 65px;
background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-a.png) left 3px no-repeat;
} @media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution: 2dppx){
.qa-list dt{
background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-q@2x.png) left 3px no-repeat;
-webkit-background-size: 48px 48px;
background-size: 48px 48px;
}
.qa-list dd{
background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-a@2x.png) left 3px no-repeat;
-webkit-background-size: 48px 48px;
background-size: 48px 48px;
}
} .flow-chart{
margin-left: 0;
}
.flow-chart li{
list-style: none;
margin-bottom: 20px;
padding-bottom: 60px;
background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-arrow-b-chart.png) center bottom no-repeat;
} @media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution: 2dppx){
.flow-chart li{
background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-arrow-b-chart@2x.png) center bottom no-repeat;
-webkit-background-size: 161px 40px;
background-size: 161px 40px;
}
}
.flow-chart li.end,
.flow-chart li:last-child{
padding-bottom: 0;
background: none;
}
.flow-chart .process-box{
padding: 30px;
background-color: #f9ecef;
color: #fff;
} .info-box{
padding: 30px 20px;
background: url(https://music-loft.jp/wp-content/themes/piano/images/common/bg-cast-box.png) #f9ecef;
}
.trailer-text{
font-weight: bold;
font-size: 1.25em;
}
.trailer-text-l{
font-weight: bold;
font-size: 1.5em;
} .related-thumb{
overflow: hidden;
width: 100%;
}
.related-thumb img{
max-width: none;
}
.related-articles-thumbs01 ul{
margin-left: 0;
}
.related-articles-thumbs01 li{
list-style: none;
}
.related-articles-thumbs01 img{
width: auto;
max-height: 100px;
}
.related-articles-thumbs01 .related-thumb{
float: left;
width: 100px;
margin-right: 20px;
margin-bottom: 20px;
}
.related-articles-thumbs02 ul{
overflow: hidden;
margin-left: 0;
}
.related-articles-thumbs02 li{
list-style: none;
float: left;
width: 30%;
margin-left: 5%;
}
.related-articles-thumbs02 li:first-child{
margin-left: 0;
}
.related-articles-thumbs02 img{
width: auto;
max-height: 160px;
} #keni_toc{
display: block;
width: 80%;
margin: auto;
margin-bottom: 3em;
padding: 25px;
border: 2px solid #ccc;
font-size: 0.875em;
}
.keni-toc-title{
font-size: 1.286em;
}
#keni_toc ol{
margin-top: 0;
margin-bottom: 0;
margin-left: 25px;
}
#keni_toc ol ol{
margin-top: 0.5em;
}
#keni_toc ol ol li{
list-style-type: circle;
} .voice-box{
padding: 30px;
background: #f9ecef;
}
.voice-content{
overflow: hidden;
} .col-onimage > .col{
position: relative;
overflow: hidden;
}
.col-onimage > .col .text-onimage{
position: absolute;
bottom: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
margin: 0;
padding: 10px;
background-color: rgba(238,126,148,0.6);
background-color: #ee7e94\9; color: #fff;
}
html:not(:target) .col-onimage > .col .text-onimage{
background-color: rgba(238,126,148,0.6); }
.col-onimage02 > .col{
background-position: center center;
background-size: cover;
}
.col-onimage02 > .col .text-onimage{
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
padding: 20px;
background-color: rgba(238,126,148,0.6);
background-color: #ee7e94\9; color: #fff;
}
html:not(:target) .col-onimage02 > .col .text-onimage{
background-color: rgba(238,126,148,0.6); }
.col-onimage > .col .text-onimage a,
.col-onimage02 > .col a{
color: #fff;
}
.col-onimage > .col .text-onimage a:hover,
.col-onimage > .col .text-onimage a:active,
.col-onimage > .col .text-onimage a:focus,
.col-onimage02 > .col a:hover,
.col-onimage02 > .col a:active,
.col-onimage02 > .col a:focus{
color: #ddf4eb;
}
.col-onimage > .col .text-onimage a p:hover,
.col-onimage > .col .text-onimage a p:active,
.col-onimage > .col .text-onimage a p:focus,
.col-onimage02 > .col a p:hover,
.col-onimage02 > .col a p:active,
.col-onimage02 > .col a p:focus{
color: #ddf4eb;
} .link-next{
text-align: right;
}
.blog .article-body .link-next,
.archive .article-body .link-next,
.search .article-body .link-next{
margin-bottom: 0;
}
.link-next a{
padding-left: 13px;
background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-arw-next.png) left 6px no-repeat;
}
.link-back a{
padding-left: 13px;
background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-arw-prev.png) left 6px no-repeat;
} @media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution: 2dppx){
.link-next a{
background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-arw-next@2x.png) left 6px no-repeat;
-webkit-background-size: 7px 10px;
background-size: 7px 10px;
}
.link-back a{
background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-arw-prev@2x.png) left 6px no-repeat;
-webkit-background-size: 7px 10px;
background-size: 7px 10px;
}
}
.page-nav ol{
margin-left: 0;
text-align: center;
}
.page-nav li{
display: inline-block;
margin-right: 10px;
padding: 4px 8px;
border: 1px solid #84ded6;
}
.page-nav li:last-child{
margin-right: 0;
}
.page-nav li a{
display: block;
margin: -4px -8px;
padding: 4px 8px;
color: #4b3a24;
text-decoration: none;
}
.current,
.page-nav li a:hover,
.page-nav li a:active,
.page-nav li a:focus{
background: #ddf4eb;
color: #4b3a24;
}
.page-nav-bf ul{
margin-left: 0;
}
.page-nav-bf li{
list-style: none;
}
.page-nav-next{
float: right;
padding-right: 13px;
background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-arw-next.png) right center no-repeat;
}
.page-nav-prev{
float: left;
padding-left: 13px;
background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-arw-prev.png) left center no-repeat;
} @media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution: 2dppx){
.page-nav-next{
background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-arw-next@2x.png) right center no-repeat;
-webkit-background-size: 7px 10px;
background-size: 7px 10px;
}
.page-nav-prev{
background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-arw-prev@2x.png) left center no-repeat;
-webkit-background-size: 7px 10px;
background-size: 7px 10px;
}
} .single .article-body,
.page .article-body{
margin-bottom: 40px;
} .keni-relatedposts-list li p{
overflow: hidden;
}
.keni-relatedposts-list li p a[target="_blank"]{
padding: 3px;
padding-right: 15px;
background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-outbound-link.png) right center no-repeat;
} @media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution: 2dppx){
.keni-relatedposts-list li p a[target="_blank"]{
background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-outbound-link@2x.png) right center no-repeat;
-webkit-background-size: 12px 13px;
background-size: 12px 13px;
}
}
.cont-nav{
padding-top: 40px;
border-top: 1px solid #ccc;
} .post-toc{
margin-bottom: 40px;
padding: 30px 20px;
background: url(https://music-loft.jp/wp-content/themes/piano/images/common/bg-cast-box.png) #eeeeee;
} .comment-form-author,
.comment-form-mail,
.comment-form-url{
margin-bottom: 2em;
}
.comment-form-author p,
.comment-form-mail p,
.comment-form-url p{
margin-bottom: 0;
}
.alignleft{
float: left;
margin: 0 1em 1em 0;
}
.alignright{
float: right;
margin: 0 0 1em 1em;
}
.aligncenter{
display: block;
float: none;
margin-right: auto;
margin-bottom: 1em;
margin-left: auto;
}
.post-tag a{
word-break: break-all;
} .commentlist,
.commentlist .children{
margin-left: 0;
}
.commentlist{
border-bottom: 1px solid #ccc;
}
.commentlist li{
list-style: none;
margin-bottom: 1em;
padding-bottom: 1em;
border-bottom: 1px dotted #ccc;
}
.commentlist li:last-child,
.commentlist ul li:last-child{
padding-bottom: 0;
border-bottom: 0;
}
.reply a{
padding-left: 13px;
background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-arw-next.png) left 6px no-repeat;
}
.commentlist .children{
margin-top: 1em;
padding-top: 1em;
padding-left: 40px;
border-top: 1px solid #ccc;
} .rsswidget img{
vertical-align: baseline;
}
.sub-conts .widget_recent_entries ul,
.sub-conts .widget_rss ul,
.sub-conts .widget_archive ul,
.sub-conts .widget_recent_comments ul,
.sub-conts .widget_nav_menu ul{
margin-left: 0;
padding-left: 0;
}
.sub-conts .widget_recent_entries li,
.sub-conts .widget_rss li,
.sub-conts .widget_archive li,
.sub-conts .widget_recent_comments li,
.sub-conts .widget_nav_menu li{
list-style: none;
margin-bottom: 1em;
padding-left: 13px;
background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-list-arw.png) left 6px no-repeat;
} @media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution: 2dppx){
.sub-conts .widget_recent_entries li,
.sub-conts .widget_rss li,
.sub-conts .widget_archive li,
.sub-conts .widget_recent_comments li,
.sub-conts .widget_nav_menu li{
background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-list-arw@2x.png) left 6px no-repeat;
-webkit-background-size: 7px 10px;
background-size: 7px 10px;
}
}
.sub-conts .widget_recent_entries ul ul,
.sub-conts .widget_rss ul ul,
.sub-conts .widget_archive ul ul,
.sub-conts .widget_recent_comments ul ul,
.sub-conts .widget_nav_menu ul ul{
margin-top: 1em;
margin-left: 10px;
}
.num-pv{
font-size: 0.8em;
} .calendar,
.calendar_wrap table{
background: #fff;
font-size: 0.875em;
}
.calendar caption,
.widget_calendar caption{
font-weight: bold;
}
.calendar th,
.calendar td,
.widget_calendar th,
.widget_calendar td{
padding: 10px 0;
text-align: center;
}
.calendar tfoot td,
.widget_calendar tfoot td{
padding: 10px;
border-right-width: 0;
text-align: left;
}
.calendar tfoot td:last-child,
.widget_calendar tfoot td:last-child{
border-right-width: 1px;
text-align: right;
}
.calendar td a,
.widget_calendar tfoot td a{
display: block;
margin: -10px 0;
padding: 10px 0;
} .link-pages{
margin-top: 2em;
text-align: center;
line-height: 1.2;
}
.link-pages span{
display: inline-block;
margin-left: 0;
}
.link-pages a,
.link-pages span{
display: inline-block;
margin-right: 10px;
margin-bottom: 0.5em;
padding: 4px 8px;
border: 1px solid #c1c1c1;
text-decoration: none;
}
.link-pages span,
.link-pages a:hover,
.link-pages a:active,
.link-pages a:focus{
background: #c1c1c1;
color: #fff;
}
.link-pages a span{
display: inline;
margin-right: 0;
padding: 0;
border: 0;
background: transparent;
color: inherit;
}
.link-pages .link-pages-cap{
display: inline-block;
margin-right: 10px;
padding: 0;
border: 0;
background: transparent;
color: inherit;
} .wp-caption{
max-width: 100%;
} .gallery,
.gallery-item{
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.gallery{
margin-bottom: 1em;
}
.gallery-item{
display: inline-block;
width: 100%;
vertical-align: top;
text-align: center;
}
.gallery-columns-2 .gallery-item,
.gallery-columns-3 .gallery-item,
.gallery-columns-4 .gallery-item,
.gallery-columns-5 .gallery-item,
.gallery-columns-6 .gallery-item,
.gallery-columns-7 .gallery-item,
.gallery-columns-8 .gallery-item,
.gallery-columns-9 .gallery-item{
margin: 1%;
}
.gallery-columns-2 .gallery-item{ max-width: 48%; }
.gallery-columns-3 .gallery-item{ max-width: 31.3%; }
.gallery-columns-4 .gallery-item{ max-width: 23%; }
.gallery-columns-5 .gallery-item{ max-width: 18%; }
.gallery-columns-6 .gallery-item{ max-width: 14.6%; }
.gallery-columns-7 .gallery-item{ max-width: 12.2%; }
.gallery-columns-8 .gallery-item{ max-width: 10.5%; }
.gallery-columns-9 .gallery-item{ max-width: 9.1%; }
.gallery-icon img{
margin: 0 auto;
}
.gallery-caption{
display: block;
font-size: 0.875em;
}  .note{
display: block;
padding-left: 1em;
text-indent: -1em;
}
.note2{
display: block;
padding-left: 2em;
text-indent: -2em;
} .warning,
.error{
color: #e53935!important;
}
.required{
display: inline-block;
color: #e53935!important;
} .dot{
position: relative;
padding-top: 5px;
}
.dot:before{
position: absolute;
top: 0;
left: 50%;
width: 0.2em;
height: 0.2em;
margin-left: -.1em;
background: #4b3a24;
border-radius: 50%;
content: "";
} .shadow{
box-shadow: 4px 4px 0px #e9e9e9;
}
.shadow02{
box-shadow: 0px 0px 4px #666;
}
.outline{
-webkit-box-sizing: border-box;
box-sizing: border-box;
border: 1px solid #ccc;
}
.frame{
-webkit-box-sizing: border-box;
box-sizing: border-box;
max-width: 95%;
padding: 8px;
background: #fff;
box-shadow: 0px 0px 8px #666;
}
.border{
border: 1px solid #ccc;
} img.resize10,
html:not(:target) img.resize10{
height: auto;
max-width: 10%;
}
img.resize20,
html:not(:target) img.resize20{
height: auto;
max-width: 20%;
}
img.resize30,
html:not(:target) img.resize30{
height: auto;
max-width: 30%;
}
img.resize40,
html:not(:target) img.resize40{
height: auto;
max-width: 40%;
}5
img.resize50,
html:not(:target) img.resize50{
height: auto;
max-width: 50%;
}
img.resize60,
html:not(:target) img.resize60{
height: auto;
max-width: 60%;
}
img.resize70,
html:not(:target) img.resize70{
height: auto;
max-width: 70%;
}
img.resize80,
html:not(:target) img.resize80{
height: auto;
max-width: 80%;
}
img.resize90,
html:not(:target) img.resize90{
height: auto;
max-width: 90%;
} .circle{
border-radius: 50%;
} .rc4{ border-radius: 4px; }
.rc4-tl{ border-top-left-radius: 4px; }
.rc4-tr{ border-top-right-radius: 4px; }
.rc4-bl{ border-bottom-left-radius: 4px; }
.rc4-br{ border-bottom-right-radius: 4px; }
.rc8{ border-radius: 8px; }
.rc8-tl{ border-top-left-radius: 8px; }
.rc8-tr{ border-top-right-radius: 8px; }
.rc8-bl{ border-bottom-left-radius: 8px; }
.rc8-br{ border-bottom-right-radius: 8px; }
.rc12{ border-radius: 12px; }
.rc12-tl{ border-top-left-radius: 12px; }
.rc12-tr{ border-top-right-radius: 12px; }
.rc12-bl{ border-bottom-left-radius: 12px; }
.rc12-br{ border-bottom-right-radius: 12px; } .rc50{
border-radius: 50px;
} .transparent-panel-wrap{
padding: 1em;
background: url(https://music-loft.jp/wp-content/themes/piano/images/sample09.jpg) center center;
-webkit-background-size: cover;
background-size: cover;
}
.transparent-panel{
padding: 1em;
background-color: rgba(255,255,255,0.7);
background-color: #ffffff\9; }
html:not(:target) .transparent-panel{
background-color: rgba(255,255,255,0.7); } .fl-l{
float: left;
margin: 0 1em 1em 0;
}
.fl-r{
float: right;
margin: 0 0 1em 1em;
}
.fl-c{ clear: both;} .left{
float: left;
margin: 0 1em 1em 0;
}
.right{
float: right;
margin: 0 0 1em 1em;
} .al-l{ text-align: left; }
.al-r{ text-align: right; }
.al-c{ text-align: center; } .vl-t{ vertical-align: top!important; } .vl-m{ vertical-align: middle!important; } .vl-b{ vertical-align: bottom!important; }  .m0{ margin: 0!important; } .m0-t{ margin-top: 0!important; } .m0-r{ margin-right: 0!important; } .m0-b{ margin-bottom: 0!important; } .m0-l{ margin-left: 0!important; } .m5{ margin: 5px!important; }
.m5-t{ margin-top: 5px!important; }
.m5-r{ margin-right: 5px!important; }
.m5-b{ margin-bottom: 5px!important; }
.m5-l{ margin-left: 5px!important; }
.m10{ margin: 10px!important; }
.m10-t{ margin-top: 10px!important; }
.m10-r{ margin-right: 10px!important; }
.m10-b{ margin-bottom: 5px!important; }
.m10-l{ margin-left: 10px!important; }
.m15{ margin: 15px!important; }
.m15-t{ margin-top: 15px!important; }
.m15-r{ margin-right: 15px!important; }
.m15-b{ margin-bottom: 15px!important; }
.m15-l{ margin-left: 15px!important; }
.m20{ margin: 20px!important; }
.m20-t{ margin-top: 20px!important; }
.m20-r{ margin-right: 20px!important; }
.m20-b{ margin-bottom: 20px!important; }
.m20-l{ margin-left: 20px!important; }
.m25{ margin: 25px!important; }
.m25-t{ margin-top: 25px!important; }
.m25-r{ margin-right: 25px!important; }
.m25-b{ margin-bottom: 25px!important; }
.m25-l{ margin-left: 25px!important; }
.m30{ margin: 30px!important; }
.m30-t{ margin-top: 30px!important; }
.m30-r{ margin-right: 30px!important; }
.m30-b{ margin-bottom: 30px!important; }
.m30-l{ margin-left: 30px!important; }
.m40{ margin: 40px!important; }
.m40-t{ margin-top: 40px!important; }
.m40-r{ margin-right: 40px!important; }
.m40-b{ margin-bottom: 40px!important; }
.m40-l{ margin-left: 40px!important; }
.m50{ margin: 50px!important; }
.m50-t{ margin-top: 50px!important; }
.m50-r{ margin-right: 50px!important; }
.m50-b{ margin-bottom: 50px!important; }
.m50-l{ margin-left: 50px!important; }
.m60{ margin: 60px!important; }
.m60-t{ margin-top: 60px!important; }
.m60-r{ margin-right: 60px!important; }
.m60-b{ margin-bottom: 60px!important; }
.m60-l{ margin-left: 60px!important; }
.m70{ margin: 70px!important; }
.m70-t{ margin-top: 70px!important; }
.m70-r{ margin-right: 70px!important; }
.m70-b{ margin-bottom: 70px!important; }
.m70-l{ margin-left: 70px!important; }
.m80{ margin: 80px!important; }
.m80-t{ margin-top: 80px!important; }
.m80-r{ margin-right: 80px!important; }
.m80-b{ margin-bottom: 80px!important; }
.m80-l{ margin-left: 80px!important; }
.m90{ margin: 90px!important; }
.m90-t{ margin-top: 90px!important; }
.m90-r{ margin-right: 90px!important; }
.m90-b{ margin-bottom: 90px!important; }
.m90-l{ margin-left: 90px!important; }
.m100{ margin: 100px!important; }
.m100-t{ margin-top: 100px!important; }
.m100-r{ margin-right: 100px!important; }
.m100-b{ margin-bottom: 100px!important; }
.m100-l{ margin-left: 100px!important; }
.m120{ margin: 120px!important; }
.m120-t{ margin-top: 120px!important; }
.m120-r{ margin-right: 120px!important; }
.m120-b{ margin-bottom: 120px!important; }
.m120-l{ margin-left: 120px!important; }
.m150{ margin: 150px!important; }
.m150-t{ margin-top: 150px!important; }
.m150-r{ margin-right: 150px!important; }
.m150-b{ margin-bottom: 150px!important; }
.m150-l{ margin-left: 150px!important; }
.m200{ margin: 200px!important; }
.m200-t{ margin-top: 200px!important; }
.m200-r{ margin-right: 200px!important; }
.m200-b{ margin-bottom: 200px!important; }
.m200-l{ margin-left: 200px!important; }
.m300{ margin: 300px!important; }
.m300-t{ margin-top: 300px!important; }
.m300-r{ margin-right: 300px!important; }
.m300-b{ margin-bottom: 300px!important; }
.m300-l{ margin-left: 300px!important; } .p0{ padding: 0!important; }
.p0-t{ padding-top: 0!important; }
.p0-r{ padding-right: 0!important; }
.p0-b{ padding-bottom: 0!important; }
.p0-l{ padding-left: 0!important; }
.p5{ padding: 5px!important; }
.p5-t{ padding-top: 5px!important; }
.p5-r{ padding-right: 5px!important; }
.p5-b{ padding-bottom: 5px!important; }
.p5-l{ padding-left: 5px!important; }
.p10{ padding: 10px!important; }
.p10-t{ padding-top: 10px!important; }
.p10-r{ padding-right: 10px!important; }
.p10-b{ padding-bottom: 10px!important; }
.p10-l{ padding-left: 10px!important; }
.p15{ padding: 15px!important; }
.p15-t{ padding-top: 15px!important; }
.p15-r{ padding-right: 15px!important; }
.p15-b{ padding-bottom: 15px!important; }
.p15-l{ padding-left: 15px!important; }
.p20{ padding: 20px!important; }
.p20-t{ padding-top: 20px!important; }
.p20-r{ padding-right: 20px!important; }
.p20-b{ padding-bottom: 20px!important; }
.p20-l{ padding-left: 20px!important; }
.p25{ padding: 25px!important; }
.p25-t{ padding-top: 25px!important; }
.p25-r{ padding-right: 25px!important; }
.p25-b{ padding-bottom: 25px!important; }
.p25-l{ padding-left: 25px!important; }
.p30{ padding: 30px!important; }
.p30-t{ padding-top: 30px!important; }
.p30-r{ padding-right: 30px!important; }
.p30-b{ padding-bottom: 30px!important; }
.p30-l{ padding-left: 30px!important; }
.p40{ padding: 40px!important; }
.p40-t{ padding-top: 40px!important; }
.p40-r{ padding-right: 40px!important; }
.p40-b{ padding-bottom: 40px!important; }
.p40-l{ padding-left: 40px!important; }
.p50{ padding: 50px!important; }
.p50-t{ padding-top: 50px!important; }
.p50-r{ padding-right: 50px!important; }
.p50-b{ padding-bottom: 50px!important; }
.p50-l{ padding-left: 50px!important; }
.p60{ padding: 60px!important; }
.p60-t{ padding-top: 60px!important; }
.p60-r{ padding-right: 60px!important; }
.p60-b{ padding-bottom: 60px!important; }
.p60-l{ padding-left: 60px!important; }
.p70{ padding: 70px!important; }
.p70-t{ padding-top: 70px!important; }
.p70-r{ padding-right: 70px!important; }
.p70-b{ padding-bottom: 70px!important; }
.p70-l{ padding-left: 70px!important; }
.p80{ padding: 80px!important; }
.p80-t{ padding-top: 80px!important; }
.p80-r{ padding-right: 80px!important; }
.p80-b{ padding-bottom: 80px!important; }
.p80-l{ padding-left: 80px!important; }
.p90{ padding: 90px!important; }
.p90-t{ padding-top: 90px!important; }
.p90-r{ padding-right: 90px!important; }
.p90-b{ padding-bottom: 90px!important; }
.p90-l{ padding-left: 90px!important; }
.p100{ padding: 100px!important; }
.p100-t{ padding-top: 100px!important; }
.p100-r{ padding-right: 100px!important; }
.p100-b{ padding-bottom: 100px!important; }
.p100-l{ padding-left: 100px!important; } .b{ font-weight: bold!important; } .normal{ font-weight: normal!important; }  .big{ font-size: 1.2em!important; }
.big2{ font-size: 1.5em!important; }
.big3{ font-size: 1.8em!important; }
.small{ font-size: 0.8em!important; }
.f08em{ font-size: 0.8em; }
.f09em{ font-size: 0.9em; }
.f10em{ font-size: 1.0em; }
.f11em{ font-size: 1.1em; }
.f12em{ font-size: 1.2em; }
.f13em{ font-size: 1.3em; }
.f14em{ font-size: 1.4em; }
.f15em{ font-size: 1.5em; }
.f16em{ font-size: 1.6em; }
.f17em{ font-size: 1.7em; }
.f18em{ font-size: 1.8em; }
.f19em{ font-size: 1.9em; }
.f20em{ font-size: 2.0em; }
.f21em{ font-size: 2.1em; }
.f22em{ font-size: 2.2em; }
.f23em{ font-size: 2.3em; }
.f24em{ font-size: 2.4em; }
.f25em{ font-size: 2.5em; }
.f26em{ font-size: 2.6em; }
.f27em{ font-size: 2.7em; }
.f28em{ font-size: 2.8em; }
.f29em{ font-size: 2.9em; }
.f30em{ font-size: 3.0em; }
.f8pt{ font-size: 8.5pt; }
.f9pt{ font-size: 9.0pt; }
.f10pt{ font-size: 10pt; }
.f11pt{ font-size: 11pt; }
.f12pt{ font-size: 12pt; }
.f13pt{ font-size: 13pt; }
.f14pt{ font-size: 14pt; }
.f15pt{ font-size: 15pt; }
.f16pt{ font-size: 16pt; }
.f17pt{ font-size: 17pt; }
.f18pt{ font-size: 18pt; }
.f19pt{ font-size: 19pt; }
.f20pt{ font-size: 20pt; }
.f21pt{ font-size: 21pt; }
.f22pt{ font-size: 22pt; }
.f23pt{ font-size: 23pt; }
.f24pt{ font-size: 24pt; } .red{ color: #e53935!important; } .blue{ color: #0000dd!important; } .green{ color: #4caf50!important; } .yellow{ color: #ffff00!important; } .navy{ color: #3f51b5!important; } .orange{ color: #ec6d35!important; } .pink{ color: #ec407a!important; } .purple{ color: #9c27b0!important; } .olive{ color: #808000!important; } .lime{ color: #00ff00!important; } .aqua{ color: #00bcd4!important; } .black{ color: #000!important; } .gray{ color: #ccc!important; } .white{ color: #fff!important; } .brown{ color: #6d4c33!important; }  .box-yellow,
.box-orange,
.box-pink,
.box-lime,
.box-gray{ padding: 2px; }
.box-yellow{ background-color: #ff6; } .box-orange{ background-color: #f90; } .box-pink{ background-color: #ffccff; } .box-lime{ background-color: #9f9; } .box-gray{ background-color: #ccc; }  .lh10{ line-height: 1.0!important; }
.lh11{ line-height: 1.1!important; }
.lh12{ line-height: 1.2!important; }
.lh13{ line-height: 1.3!important; }
.lh14{ line-height: 1.4!important; }
.lh15{ line-height: 1.5!important; }
.lh16{ line-height: 1.6!important; }
.lh17{ line-height: 1.7!important; }
.lh18{ line-height: 1.8!important; }
.lh19{ line-height: 1.9!important; }
.lh20{ line-height: 2.0!important; } .w05{ width: 5%; }
.w10{ width: 10%; }
.w15{ width: 15%; }
.w20{ width: 20%; }
.w25{ width: 25%; }
.w30{ width: 30%; }
.w35{ width: 35%; }
.w40{ width: 40%; }
.w45{ width: 45%; }
.w50{ width: 50%; }
.w55{ width: 55%; }
.w60{ width: 60%; }
.w65{ width: 65%; }
.w70{ width: 70%; }
.w75{ width: 75%; }
.w80{ width: 80%; }
.w85{ width: 85%; }
.w90{ width: 90%; }
.w95{ width: 95%; }
.w100{ width: 100%; } .underline{ text-decoration: underline!important; }
.del{ text-decoration: line-through; }
.noborder{ border: 0!important; }  .z1{ z-index: 1!important; }
.z2{ z-index: 2!important; }
.z3{ z-index: 3!important; }
.z4{ z-index: 4!important; }
.z5{ z-index: 5!important; }
.z10{ z-index: 10!important; }
.z20{ z-index: 20!important; }
.z30{ z-index: 30!important; }
.z40{ z-index: 40!important; }
.z50{ z-index: 50!important; } .inline{ margin: 1em 0; padding: 0; }
.inline li{
display: inline;
list-style-type: none;
} .none{ margin: 1em 0; padding: 0; }
.none li{ list-style-type: none; }  .icon-point{
padding: 0 0 0 30px;
background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-point.png) left 3px no-repeat;
}
.icon-point-l{
padding: 10px 0 10px 60px;
background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-point-l.png) left top no-repeat;
} @media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution: 2dppx){
.icon-point{
background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-point@2x.png) left 3px no-repeat;
-webkit-background-size: 24px 24px;
background-size: 24px 24px;
}
.icon-point-l{
background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-point-l@2x.png) left top no-repeat;
-webkit-background-size: 48px 48px;
background-size: 48px 48px;
}
} .icon-caution{
padding: 0 0 0 30px;
background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-caution.png) left 3px no-repeat;
}
.icon-caution-l{
padding: 10px 0 10px 60px;
background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-caution-l.png) left top no-repeat;
} @media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution: 2dppx){
.icon-caution{
background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-caution@2x.png) left 3px no-repeat;
-webkit-background-size: 24px 24px;
background-size: 24px 24px;
}
.icon-caution-l{
background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-caution-l@2x.png) left top no-repeat;
-webkit-background-size: 48px 48px;
background-size: 48px 48px;
}
} .icon-new{
padding: 0 0 0 30px;
background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-new.png) left 3px no-repeat;
}
.icon-new-l{
padding: 10px 0 10px 60px;
background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-new-l.png) left top no-repeat;
} @media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution: 2dppx){
.icon-new{
background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-new@2x.png) left 3px no-repeat;
-webkit-background-size: 24px 24px;
background-size: 24px 24px;
}
.icon-new-l{
background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-new-l@2x.png) left top no-repeat;
-webkit-background-size: 48px 48px;
background-size: 48px 48px;
}
} .icon-wakaba{
padding: 0 0 0 30px;
background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-wakaba.png) left 3px no-repeat;
}
.icon-wakaba-l{
padding: 10px 0 10px 60px;
background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-wakaba-l.png) left top no-repeat;
} @media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution: 2dppx){
.icon-wakaba{
background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-wakaba@2x.png) left 3px no-repeat;
-webkit-background-size: 24px 24px;
background-size: 24px 24px;
}
.icon-wakaba-l{
background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-wakaba-l@2x.png) left top no-repeat;
-webkit-background-size: 48px 48px;
background-size: 48px 48px;
}
} .icon-blank{
padding: 0 0 0 30px;
background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-blank.png) left 3px no-repeat;
}
.icon-blank-l{
padding: 10px 0 10px 60px;
background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-blank-l.png) left top no-repeat;
} @media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution: 2dppx){
.icon-blank{
background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-blank@2x.png) left 3px no-repeat;
-webkit-background-size: 24px 24px;
background-size: 24px 24px;
}
.icon-blank-l{
background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-blank-l@2x.png) left top no-repeat;
-webkit-background-size: 48px 48px;
background-size: 48px 48px;
}
} .icon-arrow-t{
padding: 0 0 0 30px;
background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-arrow-t.png) left 3px no-repeat;
}
.icon-arrow-t-l{
padding: 10px 0 10px 60px;
background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-arrow-t-l.png) left top no-repeat;
} @media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution: 2dppx){
.icon-arrow-t{
background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-arrow-t@2x.png) left 3px no-repeat;
-webkit-background-size: 24px 24px;
background-size: 24px 24px;
}
.icon-arrow-t-l{
background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-arrow-t-l@2x.png) left top no-repeat;
-webkit-background-size: 48px 48px;
background-size: 48px 48px;
}
} .icon-arrow-r{
padding: 0 0 0 30px;
background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-arrow-r.png) left 3px no-repeat;
}
.icon-arrow-r-l{
padding: 10px 0 10px 60px;
background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-arrow-r-l.png) left top no-repeat;
} @media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution: 2dppx){
.icon-arrow-r{
background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-arrow-r@2x.png) left 3px no-repeat;
-webkit-background-size: 24px 24px;
background-size: 24px 24px;
}
.icon-arrow-r-l{
background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-arrow-r-l@2x.png) left top no-repeat;
-webkit-background-size: 48px 48px;
background-size: 48px 48px;
}
} .icon-arrow-b{
padding: 0 0 0 30px;
background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-arrow-b.png) left 3px no-repeat;
}
.icon-arrow-b-l{
padding: 10px 0 10px 60px;
background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-arrow-b-l.png) left top no-repeat;
} @media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution: 2dppx){
.icon-arrow-b{
background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-arrow-b@2x.png) left 3px no-repeat;
-webkit-background-size: 24px 24px;
background-size: 24px 24px;
}
.icon-arrow-b-l{
background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-arrow-b-l@2x.png) left top no-repeat;
-webkit-background-size: 48px 48px;
background-size: 48px 48px;
}
} .icon-arrow-l{
padding: 0 0 0 30px;
background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-arrow-l.png) left 3px no-repeat;
}
.icon-arrow-l-l{
padding: 10px 0 10px 60px;
background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-arrow-l-l.png) left top no-repeat;
} @media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution: 2dppx){
.icon-arrow-l{
background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-arrow-l@2x.png) left 3px no-repeat;
-webkit-background-size: 24px 24px;
background-size: 24px 24px;
}
.icon-arrow-l-l{
background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-arrow-l-l@2x.png) left top no-repeat;
-webkit-background-size: 48px 48px;
background-size: 48px 48px;
}
} .icon-dl{
padding: 0 0 0 30px;
background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-dl.png) left 3px no-repeat;
}
.icon-dl-l{
padding: 10px 0 10px 60px;
background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-dl-l.png) left top no-repeat;
} @media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution: 2dppx){
.icon-dl{
background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-dl@2x.png) left 3px no-repeat;
-webkit-background-size: 24px 24px;
background-size: 24px 24px;
}
.icon-dl-l{
background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-dl-l@2x.png) left top no-repeat;
-webkit-background-size: 48px 48px;
background-size: 48px 48px;
}
} .icon-pdf{
padding: 0 0 0 30px;
background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-pdf.png) left 3px no-repeat;
}
.icon-pdf-l{
padding: 10px 0 10px 60px;
background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-pdf-l.png) left top no-repeat;
} @media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution: 2dppx){
.icon-pdf{
background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-pdf@2x.png) left 3px no-repeat;
-webkit-background-size: 24px 24px;
background-size: 24px 24px;
}
.icon-pdf-l{
background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-pdf-l@2x.png) left top no-repeat;
-webkit-background-size: 48px 48px;
background-size: 48px 48px;
}
} .icon-zip{
padding: 0 0 0 30px;
background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-zip.png) left 3px no-repeat;
}
.icon-zip-l{
padding: 10px 0 10px 60px;
background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-zip-l.png) left top no-repeat;
} @media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution: 2dppx){
.icon-zip{
background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-zip@2x.png) left 3px no-repeat;
-webkit-background-size: 24px 24px;
background-size: 24px 24px;
}
.icon-zip-l{
background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-zip-l@2x.png) left top no-repeat;
-webkit-background-size: 48px 48px;
background-size: 48px 48px;
}
} .icon-mail{
padding: 0 0 0 30px;
background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-mail.png) left 3px no-repeat;
}
.icon-mail-l{
padding: 10px 0 10px 60px;
background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-mail-l.png) left top no-repeat;
} @media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution: 2dppx){
.icon-mail{
background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-mail@2x.png) left 3px no-repeat;
-webkit-background-size: 24px 24px;
background-size: 24px 24px;
}
.icon-mail-l{
background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-mail-l@2x.png) left top no-repeat;
-webkit-background-size: 48px 48px;
background-size: 48px 48px;
}
} .icon-cart{
padding: 0 0 0 30px;
background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-cart.png) left 3px no-repeat;
}
.icon-cart-l{
padding: 10px 0 10px 60px;
background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-cart-l.png) left top no-repeat;
} @media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution: 2dppx){
.icon-cart{
background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-cart@2x.png) left 3px no-repeat;
-webkit-background-size: 24px 24px;
background-size: 24px 24px;
}
.icon-cart-l{
background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-cart-l@2x.png) left top no-repeat;
-webkit-background-size: 48px 48px;
background-size: 48px 48px;
}
} .icon-search{
padding: 0 0 0 30px;
background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-search.png) left 3px no-repeat;
}
.icon-search-l{
padding: 10px 0 10px 60px;
background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-search-l.png) left top no-repeat;
} @media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution: 2dppx){
.icon-search{
background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-search@2x.png) left 3px no-repeat;
-webkit-background-size: 24px 24px;
background-size: 24px 24px;
}
.icon-search-l{
background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-search-l@2x.png) left top no-repeat;
-webkit-background-size: 48px 48px;
background-size: 48px 48px;
}
} .icon-home{
padding: 0 0 0 30px;
background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-home.png) left 3px no-repeat;
}
.icon-home-l{
padding: 10px 0 10px 60px;
background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-home-l.png) left top no-repeat;
} @media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution: 2dppx){
.icon-home{
background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-home@2x.png) left 3px no-repeat;
-webkit-background-size: 24px 24px;
background-size: 24px 24px;
}
.icon-home-l{
background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-home-l@2x.png) left top no-repeat;
-webkit-background-size: 48px 48px;
background-size: 48px 48px;
}
} .icon-folder{
padding: 0 0 0 30px;
background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-folder.png) left 3px no-repeat;
}
.icon-folder-l{
padding: 10px 0 10px 60px;
background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-folder-l.png) left top no-repeat;
} @media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution: 2dppx){
.icon-folder{
background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-folder-midashi.png) left 3px no-repeat;
-webkit-background-size: 24px 24px;
background-size: 24px 24px;
}
.icon-folder-l{
background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-folder-midashi.png) left top no-repeat;
-webkit-background-size: 48px 48px;
background-size: 48px 48px;
}
} .icon-time{
padding: 0 0 0 30px;
background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-time.png) left 3px no-repeat;
}
.icon-time-l{
padding: 10px 0 10px 60px;
background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-time-l.png) left top no-repeat;
} @media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution: 2dppx){
.icon-time{
background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-time@2x.png) left 3px no-repeat;
-webkit-background-size: 24px 24px;
background-size: 24px 24px;
}
.icon-time-l{
background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-time-l@2x.png) left top no-repeat;
-webkit-background-size: 48px 48px;
background-size: 48px 48px;
}
} .icon-calendar{
padding: 0 0 0 30px;
background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-calendar.png) left 3px no-repeat;
}
.icon-calendar-l{
padding: 10px 0 10px 60px;
background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-calendar-l.png) left top no-repeat;
} @media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution: 2dppx){
.icon-calendar{
background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-calendar@2x.png) left 3px no-repeat;
-webkit-background-size: 24px 24px;
background-size: 24px 24px;
}
.icon-calendar-l{
background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-calendar-l@2x.png) left top no-repeat;
-webkit-background-size: 48px 48px;
background-size: 48px 48px;
}
} .icon-rss{
padding: 0 0 0 30px;
background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rss.png) left 3px no-repeat;
}
.icon-rss-l{
padding: 10px 0 10px 60px;
background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rss-l.png) left top no-repeat;
} @media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution: 2dppx){
.icon-rss{
background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rss@2x.png) left 3px no-repeat;
-webkit-background-size: 24px 24px;
background-size: 24px 24px;
}
.icon-rss-l{
background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-rss-l@2x.png) left top no-repeat;
-webkit-background-size: 48px 48px;
background-size: 48px 48px;
}
} .icon-building{
padding: 0 0 0 30px;
background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-building.png) left 3px no-repeat;
}
.icon-building-l{
padding: 10px 0 10px 60px;
background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-building-l.png) left top no-repeat;
} @media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution: 2dppx){
.icon-building{
background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-building@2x.png) left 3px no-repeat;
-webkit-background-size: 24px 24px;
background-size: 24px 24px;
}
.icon-building-l{
background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-building-l@2x.png) left top no-repeat;
-webkit-background-size: 48px 48px;
background-size: 48px 48px;
}
} .icon-map{
padding: 0 0 0 30px;
background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-map.png) left 3px no-repeat;
}
.icon-map-l{
padding: 10px 0 10px 60px;
background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-map-l.png) left top no-repeat;
} @media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution: 2dppx){
.icon-map{
background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-map@2x.png) left 3px no-repeat;
-webkit-background-size: 24px 24px;
background-size: 24px 24px;
}
.icon-map-l{
background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-map-l@2x.png) left top no-repeat;
-webkit-background-size: 48px 48px;
background-size: 48px 48px;
}
}
.outbound{
padding: 3px;
padding-left: 15px;
background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-outbound-link.png) left center no-repeat;
color: #d8505c;
} @media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution: 2dppx){
.outbound{
background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-outbound-link@2x.png) left center no-repeat;
-webkit-background-size: 12px 12px;
background-size: 12px 12px;
}
} .site-header-conts:after,
.main-body-in:after,
.article-body:after,
.section-in:after,
.col4-wrap:after,
.col3-wrap:after,
.col2-wrap:after,
.news-item:after,
.related-articles-thumbs01 li:after,
.btn-area:after,
.page-nav-bf:after,
.navigation:after,
.clearfix:after{
content: '';
display: block;
clear: both;
height: 0;
}

@media
only screen and (max-width : 930px){
.topright0{
background-image:none;
}
} @media
only screen and (max-width : 1100px){
.site-header-in,
.global-nav-in,
.main-body-in,
.site-footer-in{
margin: auto;
}
.main-image-in,
.main-image-in-text,
.main-image-in-text .main-image-in-text-cont,
.main-image-in-text.wide .main-image-in-text-cont{
width: 100%;
}
.col1 .section-wrap,
.col1 .breadcrumbs,
.col1 .section-wrap.wide .section-in,
.col1 .section-wrap.wide{
width: auto;
}
.col1 .breadcrumbs-in,
.col1 .float-area{
width: 96%;
margin-right: auto;
margin-left: auto;
} .bubble{
width: 70%;
}
.talker{
width: 25%;
}
.bubble .bubble-in:after,
.bubble .bubble-in:before{
top: 30px;
}
.together .bubble,
.together .talker{
width: 100%;
}
.together .talker b{
max-width: 25%;
}
.ranking-list04 .rank-box,
.ranking-list05 .rank-box,
.post-list01 .post-box,
.post-list02 .post-box{
width: 100%;
}
.col1 .ranking-list05 .rank-box,
.col1 .post-list02 .post-box{
width: 320px;
}
}  @media (min-width: 737px) and (max-width: 950px){ .col2 .sub-conts .ranking-list03 .rank-thumb,
.col2r .sub-conts .ranking-list03 .rank-thumb,
.col2 .comparative-list01 .rank-thumb,
.col2 .comparative-list02 .rank-thumb,
.col2r .comparative-list01 .rank-thumb,
.col2r .comparative-list02 .rank-thumb{
float: none;
}
.col2 .comparative-list01 .rank-thumb,
.col2 .comparative-list02 .rank-thumb,
.col2r .comparative-list01 .rank-thumb,
.col2r .comparative-list02 .rank-thumb{
display: inline-block;
}
.col1 .ranking-list04 li,
.col1 .ranking-list05 li,
.col1 .post-list01 li,
.col1 .post-list02 li{
display: block;
margin-right: auto;
margin-left: auto;
}
.col1 .ranking-list04 .rank-box,
.col1 .ranking-list05 .rank-box,
.col1 .post-list01 .post-box,
.col1 .post-list02 .post-box{
width: 320px;
}
.col1 .banner-list li{
display: list-item;
margin-left: 0;
}
}  @media
only screen and (max-width : 736px){
.fronth2{
background-image:none;
}
.info01 dt{
padding:0;
}
.info01 dd {
padding: 15px 15px 15px 7em;
margin-left: 20px;
}
.fronth2{
margin:0;
}
.info01{
background-image: none;
padding: 0px;
margin:0 20px;
}
html,
body,
.containr{
min-width: 0;
}
html{
overflow-x: hidden;
overflow-y: scroll;
}
html,body{
width: 100%;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
textarea,input{
max-width: 95%;
}
input[type="submit"],input[type="image"],
input[type="reset"],input[type="button"],
input[type="file"]{
max-width: none;
}
blockquote{
position: relative;
margin: 2em 0;
padding: 115px 20px 80px;
background: #eee;
}
.site-header-in,
.global-nav-in,
.main-body-in,
.site-footer-in{
width: 100%;
}
.col2 .main-conts,
.col2 .sub-conts,
.col2r .main-conts,
.col2r .sub-conts{
float: none;
width: auto;
} .site-header-conts,
.site-title,
.header-box{
display: block;
}
.header-box{
margin-top: 15px;
}
.no-gn .site-header-conts{
padding-top: 0;
}
.site-header-conts{
padding-bottom: 10px;
}
.site-title{
font-size: 1.4em;
}
.normal-screen .site-title{
font-size: 2em;
}
.normal-screen .lp-catch{
padding: 15px 15px 0;
font-size: 1em;
}
.header-box{
margin-left: 0;
text-align: center;
}
.site-header-in{
position: relative;
} .global-nav{
position: absolute;
top: 0;
width: 100%;
margin: 0;
border: 0;
background: #ee7e94;
}
.global-nav ul{
display: none;
position: absolute;
top: 50px;
left: 10px;
z-index: 50;
width: 80%;
border: 0;
background: #ee7e94;
}
.global-nav-panel{
display: block;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 10px;
background: #ee7e94;
color: #fff;
cursor: pointer;
}
.global-nav-in li{
display: list-item;
width: auto;
border-right: 0;
border-bottom: 1px solid #fff;
text-align: left;
}
.global-nav-in li ul{
position: static;
width: auto;
margin-left: 1em;
}
.global-nav-in li ul li{
width: auto;
border-bottom: 0;
}
.global-nav-in li a,
.global-nav li ul li a{
padding: 1em;
padding-right: 2em;
background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-gn-arw.png) right center no-repeat;
} @media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution: 2dppx){
.global-nav-in li a,
.global-nav li ul li a{
background: url(https://music-loft.jp/wp-content/themes/piano/images/icon/icon-gn-arw@2x.png) right center no-repeat;
-webkit-background-size: 27px 18px;
background-size: 27px 18px;
}
} .main-image-in-text-cont{
padding: 1em;
}
.main-copy{
margin-bottom: 10px;
font-size: 2em;
text-align: center;
}
.sub-copy{
font-size: 1em;
}
.section-wrap,
.col1 .section-wrap.wide{
padding: 0;
border: 0;
}
.col1 .section-wrap{
padding: 0;
}
.section-wrap .section-in,
.col1 .section-wrap.wide .section-in,
.float-area,
.col1 .float-area{
padding: 15px 15px 0;
}
.col1 .sub-conts .section-wrap .section-in{
padding: 0 20px 30px;
}
.section-wrap .section-in .section-title,
.section-wrap .article-header .section-title{
margin: -15px -15px 20px;
}
.section-wrap .section-in .article-header .section-title{
line-height:1.5em
}
.sub-conts .section-wrap .section-in .section-title,
.sub-conts .section-wrap .article-header .section-title,
.col1 .sub-conts .section-wrap .section-in .section-title,
.col1 .sub-conts .section-wrap .article-header .section-title{
margin: 0 -20px 30px;
}
.main-body h1,
.main-body h2,
.main-body h4,
.main-body h5,
.main-body h6{
margin: 35px 15px 20px;
}
.main-body h3{
margin-left:-20px;
}
.main-body h1,
.main-body h2{
font-size: 1.5em;
} .breadcrumbs-in{
margin-bottom: 1em;
padding: 0 1em;
}
.breadcrumbs-in li:last-child{
}
.col1 .breadcrumbs-in{
width: auto;
} .site-footer-nav{
display: block;
text-align: left;
}
.site-footer-nav li,
.site-footer-nav li:first-child{
display: list-item;
margin-left: 20px;
} .copyright{
padding: 15px;
text-align: left;
}
.page-top img{
width: 40px;
} .news .news-thumb{
float: none;
text-align: center;
}
.main-body .news-title{
font-size: 1.25em;
} .table-block,
.table-block thead,
.table-block tbody,
.table-block tfoot,
.table-block tr,
.table-block th,
.table-block td{
display: block;
}
.table-block{
border-bottom: 1px solid #959595;
}
.table-block th,
.table-block td{
float: left;
width: 100%!important;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.table-block:after{
content : '';
display : block;
clear : both;
height:0;
}
.table-scroll:before{
content: "※はみ出ている場合、横にスクロールできます。"
} .banner-list li{
text-align: center;
}
.banner-list li,
.col1 .banner-list li,
.main-conts .banner-list li{
display: list-item;
margin-left: 0;
} .btn-area{
text-align: center;
}
.btn{
float: none;
margin-right: 0;
margin-left: 0;
}
.btn-area .btn {
display: block;
margin-right: auto;
margin-left: auto;
}
.btn-green,
.btn-blue,
.btn-orange,
.btn-red{
padding: 25px;
}
.btn-form01{
padding: 25px 40px;
}
.btn-form02{
padding: 25px 20px;
} .sns-list li{
margin-right: 1em;
margin-left: 0;
} .col1 .cast-box02 .cast{
min-height: 0;
padding-top: 210px;
}
.col1 .cast-box02 .cast-name,
.col1 .cast-box02 .cast-profile{
padding-left: 0;
}
.col1 .cast-box02 .cast .cast-headshot{
width: 100%;
} .rank-thumb{
float: none;
}
.sub-conts .ranking-list03 .rank-thumb,
.col2 .sub-conts .ranking-list03 .rank-thumb,
.col2r .sub-conts .ranking-list03 .rank-thumb{
float: left;
}
.col1 .ranking-list04 li,
.col1 .ranking-list05 li,
.col1 .post-list01 li,
.col1 .post-list02 li{
display: block;
margin-right: auto;
margin-left: auto;
}
.comparative-list01 .rank-thumb,
.comparative-list02 .rank-thumb{
display: inline-block;
float: none;
}
.ranking-list04 .rank-box,
.ranking-list05 .rank-box,
.post-list01 .post-box,
.post-list02 .post-box{
width: 320px;
} .related-articles-thumbs02 li{
float: none;
width: auto;
margin-left: 0;
}
.eye-catch{
float: none;
margin: 0 0 1em;
text-align: center;
}
}  @media
only screen and (max-width : 480px){ .col4-wrap,
.col3-wrap,
.col2-wrap{
margin: 0 0 1em;
}
.col4-wrap .col,
.col4-wrap .col_2of4,
.col4-wrap .col_3of4,
.col3-wrap .col,
.col3-wrap .col_2of3,
.col2-wrap .col{
float: none;
margin-left: 0;
}
.col4-wrap .col,
.col4-wrap .col_2of4,
.col4-wrap .col_3of4,
.col3-wrap .col,
.col3-wrap .col_2of3,
.col2-wrap .col{
width: auto;
}
.left,
.right{
float: none;
margin-right: 0;
margin-left: 0;
text-align: center;
}
.alignleft,
.alignright{
float: none;
margin-right: 0;
margin-left: 0;
text-align: center;
}
.ranking-list04 .rank-box,
.ranking-list05 .rank-box,
.post-list01 .post-box,
.post-list02 .post-box,
.col1 .ranking-list05 .rank-box,
.col1 .post-list02 .post-box{
width: 100%;
}
}.featherlight{background:0 0;bottom:0;cursor:-webkit-zoom-out;cursor:-moz-zoom-out;cursor:zoom-out;display:none;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;left:0;position:fixed;right:0;text-align:center;top:0;white-space:nowrap;z-index:2147483647}.featherlight *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.featherlight:last-of-type{background:rgba(0,0,0,.9)}.featherlight::before{content:"";display:inline-block;height:100%;margin-right:-.25em;vertical-align:middle}.featherlight .featherlight-content{-webkit-animation:fadein .5s;animation:fadein .5s;background:#000;border:0;cursor:auto;display:inline-block;max-height:80%;max-width:90%;min-width:inherit;overflow:visible;padding:0;position:relative;text-align:left;vertical-align:middle;white-space:normal}@media screen and (min-width:980px){.featherlight .featherlight-content{max-height:90%}}.featherlight .featherlight-content .caption{color:#fff;font-size:16px;font-weight:lighter;line-height:1.25;max-width:100%;overflow:hidden;position:absolute;text-align:left;text-overflow:ellipsis;white-space:nowrap}.featherlight .featherlight-content .caption:focus,.featherlight .featherlight-content .caption:hover{overflow:visible;white-space:normal}.featherlight .featherlight-content a{color:#fff;text-decoration:underline}.featherlight .featherlight-content a:focus,.featherlight .featherlight-content a:hover{text-decoration:none}.featherlight .featherlight-inner{-webkit-animation:fadein .5s;animation:fadein .5s;display:block}.featherlight button{-webkit-appearance:button;font-family:sans-serif;font-size:100%;line-height:1.15;margin:0;overflow:visible;text-transform:none}.featherlight button::-moz-focus-inner{border-style:none;padding:0}.featherlight .featherlight-close-icon{background-color:transparent;background-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%3E%0A%09%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M21%204.41L19.59%203%2012%2010.59%204.41%203%203%204.41%2010.59%2012%203%2019.59%204.41%2021%2012%2013.41%2019.59%2021%2021%2019.59%2013.41%2012%2021%204.41z%22/%3E%0A%3C/svg%3E);background-position:center;background-repeat:no-repeat;-webkit-background-size:100% auto;background-size:100% auto;border:0;cursor:pointer;display:block;height:30px;opacity:.6;overflow:hidden;padding:0;position:fixed;right:25px;text-align:center;text-indent:100%;top:25px;white-space:nowrap;width:30px;z-index:9999}.featherlight .featherlight-close-icon:focus,.featherlight .featherlight-close-icon:hover{opacity:1}.featherlight .featherlight-image{max-width:100%}.featherlight iframe{border:0}[data-featherlight] img{cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}.featherlight-iframe .featherlight-content{border-bottom:0;-webkit-overflow-scrolling:touch;overflow-y:scroll;padding:0}@-webkit-keyframes featherlightLoader{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes featherlightLoader{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes fadein{from{opacity:0}to{opacity:1}}@keyframes fadein{from{opacity:0}to{opacity:1}}.featherlight-loading .featherlight-content{-webkit-animation:featherlightLoader 1s infinite linear;animation:featherlightLoader 1s infinite linear;background:0 0;border:8px solid #909090;border-left-color:#fff;font-size:10px}.featherlight-loading .featherlight-content,.featherlight-loading .featherlight-content::after{-webkit-border-radius:50%;border-radius:50%;height:10em;width:10em}.featherlight-loading .featherlight-close,.featherlight-loading .featherlight-inner{display:none}.featherlight-next,.featherlight-previous{background-color:transparent;background-repeat:no-repeat;-webkit-background-size:100% auto;background-size:100% auto;cursor:pointer;display:block;height:60px;margin-top:-30px;opacity:.4;overflow:hidden;position:fixed;text-indent:100%;top:50%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap;width:60px}.featherlight-next span,.featherlight-previous span{display:none}.featherlight-next:focus,.featherlight-next:hover,.featherlight-previous:focus,.featherlight-previous:hover{opacity:1}.featherlight-next{background-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%3E%0A%09%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M8.59%2016.59L13.17%2012%208.59%207.41%2010%206l6%206-6%206-1.41-1.41z%22/%3E%0A%3C/svg%3E);background-position:0 0;right:10px}.featherlight-previous{background-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%3E%0A%09%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M15.41%207.41L10.83%2012l4.58%204.59L14%2018l-6-6%206-6%201.41%201.41z%22/%3E%0A%3C/svg%3E);background-position:-5px 0;left:10px}.featherlight-loading .featherlight-next,.featherlight-loading .featherlight-previous{display:none}