/* ==============================
 * /common/css/base.css
 * ------------------------------
 * - reset
 * - base
================================= */
/* - reset
--------------------------------- */
article,aside,details,figcaption,figure,footer,header,hgroup,hr,nav,section {display:block}a,ins {text-decoration:none}dfn,mark {font-style:italic}b,mark,strong {font-weight:700}li,nav ol,nav ul,ol,ul {list-style:none}audio,canvas,video {display:inline-block}[hidden],audio:not([controls]) {display:none}body,dd,dl,dt,figifrure,form {margin:0}button,html,input,select,textarea {font-family:sans-serif;color:#000}pre {white-space:pre;white-space:pre-wrap;word-wrap:break-word}q {quotes:none}q:after,q:before {content:"";content:none}h1,h2,h3,h4,h5,h6,li,ol,ul {margin:0;padding:0}nav ol,nav ul {margin:0;padding:0}svg:not(:root) {overflow:hidden}fieldset {border:0;margin:0;padding:0}label {cursor:pointer}legend {border:0;padding:0;white-space:normal}button,input,select,textarea {font-size:100%;margin:0;vertical-align:baseline}td,textarea {vertical-align:top}button,input {line-height:normal}button,input[type=button],input[type=reset],input[type=submit] {cursor:pointer;-webkit-appearance:button}button[disabled],input[disabled] {cursor:default}input[type=checkbox],input[type=radio] {box-sizing:border-box;padding:0}input[type=search] {-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration {-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner {border:0;padding:0}textarea {overflow:auto;resize:vertical}input:invalid,textarea:invalid {background-color:#f0dddd}table {border-collapse:collapse;border-spacing:0}


/* - base
--------------------------------- */
ul { padding:0; margin:0 }
a { color:#333;-webkit-backface-visibility: hidden;backface-visibility: hidden; -webkit-transform:perspective(0); }
a:hover { color:#8c886d }
ins,mark { color:#000 }
a:focus { outline:dotted thin }
.search-input:focus,.slick-list:focus,a:active,a:hover,article,button { outline:0 }
.hide,.invisible,.slick-loading .slick-slide,.slick-loading .slick-track,.sns-header.sp-sns .sp-sns-slide { visibility: hidden }
abbr[title] { border-bottom:1px dotted }
blockquote { margin:1em 40px }
.visuallyhidden,hr { height:1px; border:0 }
hr { border-top:1px solid #ccc; margin:1em 0; padding:0 }
ins { background:#ff9 }
mark { background:#ff0 }
code,kbd,pre,samp { font-family:monospace,serif; font-size:1em }
small { font-size:85% }
sub,sup { font-size:75%; line-height:0; position:relative; vertical-align:baseline }
sup { top:-.5em }
sub { bottom:-.25em }
img { border:0; -ms-interpolation-mode:bicubic; vertical-align:middle; height:auto; max-width:100%;-webkit-backface-visibility: hidden;backface-visibility: hidden; -webkit-transform:perspective(0); }
iframe { max-width:100% }
* { word-break: break-word; }

html {
	font-size: 62.5%; /* ==> 1rem = 10px */
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%
}
body {
	font-size: 1.4rem;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	line-height: 1.5;
	background: #f1f1f1;
	padding-top: 47px
}
@media only screen and (min-width:768px) {
body {
	padding-top:0
}
}
#artist-list-content .sp-search-module label select.selected+i,#artist-list-content .sp-search-module label select.touch+i {
	fill: #fff
}
::-moz-selection {
	background:#000;
	color:#fff;
	text-shadow:none
}
::selection {
	background:#000;
	color:#fff;
	text-shadow:none
}
.chromeframe {
	margin:.2em 0;
	background:#ccc;
	color:#000;
	padding:.2em 0
}
.ir,.twitter-top .follow-us a {
	border:0;
	font:0/0 a;
	text-shadow:none;
	color:transparent;
	background-color:transparent
}
.hide {
	display:none!important
}

.visuallyhidden {
	clip:rect(0 0 0 0);
	margin:-1px;
	overflow:hidden;
	padding:0;
	position:absolute;
	width:1px
}
.contain:after,.contain:before {
	content:"";
	display:table
}
.clear,.contain:after {
	clear:both
}
.wrapper {
	position:relative
}
@media only screen and (min-width:1024px) {
.wrapper {
	width:90%;
	max-width:1024px;
	margin:0 auto
}
}

/* @media print */
@media print {
blockquote,img,pre,tr {page-break-inside:avoid}* {background:0 0!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}a,a:visited {text-decoration:underline}a[href]:after {content:" (" attr(href) ")"}abbr[title]:after {content:" (" attr(title) ")"}.ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after {content:""}blockquote,pre {border:1px solid #999}thead {display:table-header-group}img {max-width:100%!important}@page {margin:.5cm}h2,h3,p {orphans:3;widows:3}h2,h3 {page-break-after:avoid}
}

@media only screen and (min-width:768px) {
    .hide-pc{  display:none!important; }
}
@media only screen and (max-width:767px) {
    .hide-sp{  display: none !important; }
}

/* - fix for bullet points on editor contents
--------------------------------- */
.main-editor-content {
    width: 100%;
    height: 100%;
}
.main-editor-content p{
    margin-bottom:10px !important;
}

.main-editor-content ul {
    margin-top: 1.0em;
		list-style-type: disc;
		padding-left: 40px;
}
.main-editor-content ul > li {
    position: relative;
		list-style: initial;
}
.main-editor-content ol {
		margin-top: 1.0em;
		padding-left: 40px;
}
.main-editor-content ol > li {
    position: relative;
		list-style-type: decimal;
}
.main-editor-content ul > li + li{
    margin-top: 10px;
}
.main-editor-content ol > li + li{
    margin-top: 10px;
}
.main-editor-content ul a {
    display: inline-block;
    position: relative;
}
.main-editor-content a{
    color: #193092 !important;
}
.main-editor-content a:hover{
    text-decoration: underline !important;
    color: #193092 !important;
}
@media only screen and (max-width:767px) {
    /** ---------------- footer menu arrow fix on mobile **/
    .global-footer nav a:after {
        content: "";
        position: absolute;
        top: 50%;
        right: 20px;
        height: 9px;
        width: 9px;
        margin-top: -7px;
        display: block;
        border-bottom: 2px solid #000;
        border-right: 2px solid #000;
        box-sizing: border-box;
        transform: rotate(-45deg);
    }
}

/* - remove bullet points from subgenre custom html
--------------------------------- */
.page-template-template-subgenre .main-editor-content ul > li:before {
	border: none;
}


/* *************************************
* EDITOR STYLE in frontend
** ************************************* */
/* Changed in 4.6.0, see https://core.trac.wordpress.org/ticket/40743 */
.main-editor-content p,
.main-editor-content div,
.main-editor-content h1,
.main-editor-content h2,
.main-editor-content h3,
.main-editor-content h4,
.main-editor-content h5,
.main-editor-content h6 {
    line-height: inherit;
}

/* For emoji replacement images */
.main-editor-content img.emoji {  display: inline !important;  border: none !important;  height: 1em !important;  width: 1em !important;  margin: 0 .07em !important;  vertical-align: -0.1em !important;  background: none !important;  padding: 0 !important;  -webkit-box-shadow: none !important;  box-shadow: none !important;  }
.main-editor-content .mceIEcenter {  text-align: center;  }
.main-editor-content img {  /*height: auto;  width: auto;*/  max-width: 100%;  }
.main-editor-content .wp-caption {  margin: 0; max-width: 100%;  }

/* iOS does not obey max-width if width is set. */
.main-editor-content .ios .wp-caption {  width: auto !important;  }
.main-editor-content dl.wp-caption dt.wp-caption-dt img {  display: inline-block;  margin-bottom: -1ex;  }
.main-editor-content div.mceTemp {  -ms-user-select: element;  }
/**
 * 5.0 - Caption
 */

.main-editor-content .wp-caption {  background: transparent;  border: none;  margin-bottom: 28px;  max-width: 100%;  padding: 0;  text-align: inherit;  }
.main-editor-content .wp-caption-text,
.main-editor-content .wp-caption-dd {  font-size: 13px;  font-style: italic;  line-height: 1.6153846154;  padding-top: 7px;  }
.main-editor-content dl.wp-caption,
.main-editor-content dl.wp-caption * {  -webkit-user-drag: none;  }
/*.main-editor-content .wp-caption-dd {  font-size: 14px;  padding-top: 0.5em;  margin: 0; *//* browser reset *//*  }*/
.main-editor-content .aligncenter {  display: block;  margin-left: auto;  margin-right: auto;  }
.main-editor-content .alignleft {  float: left;  margin: 0.5em 1em 0.5em 0;  }
.main-editor-content .alignright {  float: right;  margin: 0.5em 0 0.5em 1em;  }

/* Remove blue highlighting of selected images in WebKit */
.main-editor-content img[data-mce-selected]::selection {  background-color: transparent;  }

/* Styles for the WordPress plugins */
.main-editor-content img[data-mce-placeholder] {  border-radius: 0;  padding: 0;  }
.main-editor-content img[data-wp-more] {  border: 0;  -webkit-box-shadow: none;  box-shadow: none;  width: 96%;  height: 16px;  display: block;  margin: 15px auto 0;  outline: 0;  cursor: default;  }
.main-editor-content img[data-mce-placeholder][data-mce-selected] {  outline: 1px dotted #888;  }
/* Styles for formatting the boundaries of anchors and code elements */
.main-editor-content a[data-mce-selected] {  padding: 0 2px;  margin: 0 -2px;  border-radius: 2px;  box-shadow: 0 0 0 1px #bfe6ff;  background: #bfe6ff;  }
.main-editor-content .wp-caption-dt a[data-mce-selected] {  outline: none;  padding: 0;  margin: 0;  box-shadow: none;  background: transparent;  }
.main-editor-content code {  padding: 2px 4px;  margin: 0;  border-radius: 2px;  color: #222;  background: #f2f4f5;  }
.main-editor-content code[data-mce-selected] {  background: #e9ebec;  }

/* Gallery, audio, video placeholders */
.main-editor-content img.wp-media {  border: 1px solid #aaa;  background-color: #f2f2f2;  background-repeat: no-repeat;  background-position: center center;  width: 99%;  height: 250px;  outline: 0;  cursor: pointer;  }
.main-editor-content img.wp-media:hover {  background-color: #ededed;  border-color: #72777c;  }
.main-editor-content img.wp-media.wp-media-selected {  background-color: #d8d8d8;  border-color: #72777c;  }
.main-editor-content img.wp-media.wp-gallery {  background-image: url(images/gallery.png);  }

/* Image resize handles */
.main-editor-content div.mce-resizehandle {  border-color: #72777c;  width: 7px;  height: 7px;  }
/*.main-editor-content img[data-mce-selected] {  outline: 1px solid #72777c;  }*/
.main-editor-content img[data-mce-resize="false"] {  outline: 0;  }
