/*
Theme Name: peace-m
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: peace-m
Tags:
*/

/*==================================
All
==================================*/
@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);

body{
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: Meiryo, sans-serif;
    color: #333;
    background: url(https://peace-m.jp/wp-content/themes/peace-m/img/bg.jpg) no-repeat fixed top center;
    background-size:100% auto;

}
h1 { font-size: 2.4rem; } /* =24px */
p  { font-size: 1.4rem; } /* =14px */
li { font-size: 1.2rem; } /* =14px */
li li, li p { font-size: 1.4rem; }
ul{list-style: none;padding:0;}
a {color: #333;}
a:hover{color: #333;}
@media screen and (max-width: 991px) {
body{
    background: url(https://peace-m.jp/wp-content/themes/peace-m/img/sp_bg.jpg) repeat scroll top center;
    background-size:100% auto;
}
body.page .relative {
padding:30px 30px 0 30px;
}

.container {
width:100%;
margin-:0;
padding:0;
}
}

@media screen and (max-width: 480px) {
img { float : none ; }
}

.clearfix:after {
	display:block;
	clear:both;
	height:0px;
	visibility:hidden;
	content:".";
}
.clearfix {
	min-height: 1px; /*IE6、7対策*/
}
.clearfix {
	height: 1px;
	/*?*//*/ /*MAC IE5.x対策*/
	height: auto;
	overflow: hidden;
	/**/
}

.relative {
    position: relative;
    overflow: hidden;
}
body.home .relative {
top: 15px;
}
body.page-id-1275 .relative,
body.page-id-1323 .relative,
body.page-id-1329 .relative,
body.page-id-1330 .relative {
top: 10px;
}

body.page-id-522 > .container > .row > .relative {
    overflow: visible;
}

@media (max-width: 991px) {
.relative {
    padding-top:0px;
}

body.home .relative,
body.page-id-1275 .relative,
body.page-id-1323 .relative,
body.page-id-1329 .relative,
body.page-id-1330 .relative {
top: 0px;
}

.relative article {
    width: 90%;
    margin: 0 auto;
}
}

@media (max-width: 775px) {
.container {
    width:100% !important;
}

#slider_news {
    padding:0;
    margin:0;
    position: relative;
    top: 0px;
}

.relative {
    padding: 30px 0 0 0;
    top: 0px;
}

}
@media (max-width: 430px)
.relative {
    width: 100%;
}
}


/*==================================
Bootstrap
==================================*/
.gutter-20.row {
  margin-right : -10px;
  margin-left : -10px;
}
.gutter-20 > [class^="col-"], .gutter-20 > [class^=" col-"] {
  padding-right : 10px;
  padding-left : 10px;
}
.no-gutter > [class*="col-"] {
  padding-right : 0;
  padding-left : 0;
}
[class^="col-"] img {
    height: auto;
    max-width: 100%;
}

.row {
    margin-left: 0px;
    margin-right: 0px;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-left: 0px;
    padding-right: 0px;
}

.col-md-4 {
width: 25%; !important;
height: 320px;
padding: 0 10px;
}
@media (max-width: 890px) {
.col-md-4 {
height: 295px;
}
}
@media (max-width: 776px) {
.col-md-4 {
height: 265px;
}
}
@media (max-width: 670px) {
.col-md-4 {
width: 50%;
height: 390px;
}
}
@media (max-width: 550px) {
.col-md-4 {
height: 350px;
}
}
@media (max-width: 460px) {
.col-md-4 {
height: 285px;
}
}
@media (max-width: 320px) {
.col-md-4 {
height: 255px;
}
}


/*==================================
Header
==================================*/
.logo {
  border-bottom: 1px solid #333;
  padding: 0 0 20px 0;
}
.logo_sp {display:none;}
@media screen and (max-width: 991px) {
.logo_sp {display:block;width: 73%;margin: 0 auto;}
.logo_sp img {display:block;width:100%;padding:30px 0;}
}

/*==================================
#secondary
==================================*/
#secondary {
padding-right:20px;
}

@media screen and (max-width: 991px) {
#secondary {display:none !important;}
}


/*==================================
nav
==================================*/
.header {
  padding-bottom:10px;
  background : #000;
  margin-bottom: -1px;
}
.pc_menu ul {
  display : table;
  width : 100%;
  margin : 0;
  padding : 0;
  table-layout : fixed;
  list-style : none;
  text-align : center;
}
.pc_menu li {
  position : relative;
  display : table-cell;
  vertical-align : middle;
}
.pc_menu li a {
  display : block;
  padding : 18px 0;
  color : #fff;
  border : 1px solid #000;;
}
.pc_menu li a:hover, .pc_menu li a:active, .pc_menu li a:focus, .pc_menu li.current-menu-item a {
  text-decoration : none;
  color : #000;
  background : #fff;
}
.pc_menu li a span {
  font-size : 11px;
  display : block;
  color : #339;
}

/*==================================
STARRY menu
==================================*/
ul#menu-starry-menu {
    position: relative;
    left: -12px;
}
#menu-starry-menu li {
float:left;
padding-right:60px;
padding-top: 3px;
}
#menu-starry-menu li a{
color:#fff;
}
#menu-starry-menu li a img{
width: 30px;
}
#menu-starry-menu li a span{
top: 2px;
position: relative;
}



@media screen and (max-width: 990px) {
ul#menu-starry-menu {
    position: relative;
    left: 0px;
}
#menu-starry-menu li {
padding-right:35px;]
}
}
@media screen and (max-width: 657px) {
#menu-starry-menu li {
padding-right: 7px;
}
#menu-starry-menu li a img{
width:30px;
padding-top: 5px;
}
#menu-starry-menu li span{
display:none;
}
}


/*==================================
SP用 menu
==================================*/
#mobile-head {
  margin: 0 !important;
  padding: 0 15px;
}

/* Toggle Button */
#nav-toggle {
    display: block;
    position: relative;
    right: 10px;
    top: 4px;
    float: right;
    width: 34px;
    height: 36px;
    cursor: pointer;
    z-index: 101;
}
#nav-toggle div {
    position: relative;
}
#nav-toggle span {
    display: block;
    position: absolute;
    height: 4px;
    width: 100%;
    background: #fff;
    left: 0;
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
}
#nav-toggle span:nth-child(1) {
    top: 0;
}
#nav-toggle span:nth-child(2) {
    top: 11px;
}
#nav-toggle span:nth-child(3) {
    top: 22px;
}
    /* #nav-toggle 切り替えアニメーション */
    .open #nav-toggle span:nth-child(1) {
        top: 11px;
        -webkit-transform: rotate(315deg);
        -moz-transform: rotate(315deg);
        transform: rotate(315deg);
    }
    .open #nav-toggle span:nth-child(2) {
        width: 0;
        left: 50%;
    }
    .open #nav-toggle span:nth-child(3) {
        top: 11px;
        -webkit-transform: rotate(-315deg);
        -moz-transform: rotate(-315deg);
        transform: rotate(-315deg);
    }
    /* #global-nav スライドアニメーション */
    .open #global-nav {
        /* #global-nav top + #mobile-head height */
        -moz-transform: translateY(0px);
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }

#global-nav {
    width: 100%;
    float:left;
    display: none;
}
/ 20240213add **/
body.open {
    overflow: hidden;}  
body.open #global-nav {
    display: block;
    visibility: visible;
    transform: translateX(0);
    transition: transform .6s;
  }
body.open #global-nav li {
    opacity: 1;
    transform: translateX(0);
    transition:  transform 1s ease, opacity .9s ease;
  }
body.open .sub-menu{
    display: block !important;
}

#menu-topnavi a,
.sub-menu a {
color:#fff;
}

#menu-topnavi {
padding:5px 0;
}

#menu-topnavi li{
padding:12px 0;
border-top:solid 1px #ccc;
text-indent:20px;
}

#menu-topnavi li ul {
background:#666;
margin:10px 0 -13px 0;
}
#menu-topnavi li:last-child{
border-bottom:solid 1px #ccc;
}

.open_set:after {
content:"▼";
padding:0 10px;
}
.open_set span {
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
}
.open_set span:active {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.sub-menu {
    display: none;
    z-index:100;
}
.sub-menu li a{
padding-left:20px;
}
@media (min-width: 992px) {
#nav-toggle {
display:none;
}
.col-md-9 {
padding:0;
}
}



/*==================================
商品を探す
==================================*/
#search_bar {
background:rgba(0,0,0,0.3);
padding: 20px 0 0 0;
margin-bottom:30px;
}

body.page-id-1328 #search_bar {
    background:rgba(0,0,0,0);
}
body.page-id-1328 #search_bar #div_item_ec01 {
    display: none;
}

#search_bar > * > .trade_mark {
    display: none;
}

#search_list_inner {
width:1128px;
margin:0 auto;
display:table;
}
#search_button {
display:block;
cursor:pointer;
color:#fff;
font-size:12px;
}
#search_button img {
height:20px;
}
#search_box {
display:none;
padding-top:20px;
}
.search_left {
width:20%;
display:table-cell;
border-right:solid 1px #fff;
}
.search_right {
width:70%;
padding-left:30px;
display:table-cell;
color:#fff;
}
#search_list_inner > #search_box > .search_right > .tab > ul {
width:100%;
margin:0 auto;
}
#search_list_inner > #search_box > .search_right > .tab > ul > li,
body.page > #search_bar > #search_list_inner > #search_box > .search_right > .tab > ul > li {
width:20%;
float:left;
list-style:none;
text-align:center;
margin: 20px 10px;
background:#000;
}
#search_list_inner > #search_box > .search_right > .tab > ul > li > a > img {
width:100%;
}
#search_list_inner > #search_box > .search_right > .tab > ul > li > a.artist_name {
color:#fff;
padding:10px 0;
display:block;
}

.yomigana {
display:inline-block;
padding: 10px 20px;
color:#fff;
}


@media (max-width: 1199px) {
#search_list_inner {
width:930px;
}
}

@media (max-width: 991px) {
#search_bar {
display:none;
}
}


/*==================================
サイドバーメニュー
==================================*/
.menu-side-menu-container li{
  margin-bottom: 12px;
}

#side_nav{
  position: relative;
  z-index: 100;
  margin: 0;
  padding: 20px 0 0 0;
}
#side_nav li{
  list-style-type : none;
  margin: 0;
  padding: 0;
  color:#333;
}
#side_nav li a{
  position: relative;
  display: block;
  padding: 10px 15px;
  color: #0e2236;
  text-decoration: none;
  line-height: 15px;
}
#side_nav > li:hover > a{
  color: #e47911;
  font-weight: bold;
}
#side_nav ul li a:hover{
  color:#e47911;
  text-decoration: underline;
}
#side_nav > li:hover > a:after{
  display: block;
  position: absolute;
  content: "";
  top: 50%;
  right: 5px;
  width: 0px;
  height: 0px;
  margin-top: -8px;
  border: 8px solid transparent;
  border-left-color: #aaa;
}
#side_nav ul{
  display: none;
  position: absolute;
  top: -100px;
  right: -200px;
  width: 200px;
  height: auto;
  margin: 0;
  padding: 10px;
  border-top: 3px solid #2f3842;
  border-radius: 0 0 3px 0;
  background: #fff;
  box-shadow: 3px 3px 5px #aaa, 3px 0px 3px #ccc inset;
  z-index:1000;
}
#side_nav li:hover ul{
  display: block;
}
#side_nav ul.big{
  right: -417px;
  width: 400px;
}
#side_nav ul.big li{
  float: left;
  width: 200px;
}
#side_nav ul h3{
  padding: 5px 5px 5px 15px;
  margin: 0;
  color:#e47911;
  font-size: 16px;
  font-weight: normal;
}
#side_nav ul li a{
  padding: 8px 15px;
}

.livestarry {
    padding: 35px 15px;
}
.livestarry img {
    width: 93%;
}
.livestarry_sp {
    display:none;
}

@media (max-width: 991px) {
#side_nav {display:none;}
.livestarry {display:none;}
.livestarry_sp {
    display:block;
    width: 300px;
    padding-top: 30px;
    margin:0 auto;
}
.livestarry_sp img {
    width:100%;
}
}

@media (max-width: 669px) {
#side_nav {display:none;}
.livestarry {display:none;}
.livestarry_sp {
    width: 100%;
}
}




/*==================================
サイトトップ　pick up artist
==================================*/
div#pua_left {
    width: 50%;
    float: left;
    padding-right: 15px;
}
div#pua_left .pua_image p {
    background: #000;
    color: #fff;
    text-align: center;
    padding: 10px 0;
    margin: 0;
}

div#pua_topics {
    padding: 5px 20px 30px 20px;
    background: #f7f7f7;
    border-radius: 7px;
    position: relative;
    top: -30px;
    box-shadow: 3px 3px 10px 0px rgba(255,255,255,0) inset, -2px -2px 2px 0px rgba(0,0,0,0.1) inset;
}
div#pua_topics ul {
    list-style: disc;
    padding: 0 20px;
}
div#pua_topics ul li {
    padding: 5px 0;
    border-bottom: dotted 1px #bbb;
    list-style: none;
}

@media (max-width: 669px) {
/* ----------------------------- */
div#pua_box {
    display:-webkit-box;
  	display: -webkit-flex;
  	display:-ms-flexbox;
  	display: flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}
div#pua_left {
    width: 100%;
    padding-bottom: 20px;
  -webkit-box-ordinal-group:0;
  -ms-flex-order:0;
  -webkit-order:0;
  order:0;
    padding-right: 0;
}
div#pua_topics {
  -webkit-box-ordinal-group:1;
  -ms-flex-order:1;
  -webkit-order:1;
  order:1;
  top: 0px;
  margin: 15px 0 30px 0;
  width: 95%;
}
div#pua_right {
  -webkit-box-ordinal-group:2;
  -ms-flex-order:2;
  -webkit-order:2;
  order:2;
}
div.pua_link {
  -webkit-box-ordinal-group:3;
  -ms-flex-order:3;
  -webkit-order:3;
  order:3;
}
/* ----------------------------- */
}





/*==================================
single
==================================*/
.entry-title,
.item-single-wrap h2,
.item-single-wrap2 h2,
.music-download-wrap h2
{
  position: relative;
  top:-8px;
  border-bottom: 1px solid #333;
  font-size: 2.4rem;

}
.item-single-wrap,
.item-single-wrap2 {
    margin-bottom: 20px;
    overflow: hidden;
}
.size-full{
  width: 100%;
}


/*==================================
swiper
==================================*/
.swiper-container {
    margin: 0 auto;
    position: relative;
    z-index: 1;
}
.swiper-slide a img {
width:100%;
}


/*==================================
news
==================================*/
.col-md-2 {
    width: 11% !important;
}
.news-container{
    background: #110C0B;
    padding: 4px 4px;
    color: #fff;
    position:relative;
    top:-1px;
}

.title-bar{
    font-size: 20px;
    text-align: right;
}

.linebox {
padding-top: 13px;
}
.linebox, .linebox a {
padding-bottom:20px;
display: block;
}

.news-wrap dl dt {
margin-left:10px;
margin-right:20px;
}
.news-wrap dl dd {
margin-left:10px;
margin-right:20px;
}
.news-wrap dl a {
font-size:14px;
}


.title-bar::after{
  content: "/"
}

.linebox,.linebox a{
  color: #fff;
}

.news-wrap .dl-horizontal dt {
    float: left;
    overflow: hidden;
    clear: left;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.news-wrap .dl-horizontal dd {
    float: left;
    width: 50%;
}
.data {
    font-size: 1.6rem;
}
.title {
    font-size: 2.4rem;
}
.section{
  margin-bottom:16px;
}

#news_all_link {
width:70%;
text-align:right;
position:relative;
top:-30px;
}
#news_all_link span {
color:#fff100;
}
#news_all_link a {
color:#fff;
font-size:14px;
}

@media screen and (max-width: 991px) {
.news-wrap .dl-horizontal dd {
    float: left;
    width: 70%;
}
.dl-horizontal {
    padding: 0 60px;
}
#news_all_link {
width:100%;
text-align:right;
padding-right:30px;
}
}

@media screen and (max-width: 776px) {
.dl-horizontal {
    padding: 0;
}
.linebox, .linebox a {
padding-bottom:0;
}
#news_all_link {
top:-10px;
}
.news-wrap .dl-horizontal dd {
width: 80%;
padding-bottom: 20px;
font-weight: bold;
}
}


/*==================================
LABEL一覧ページ
==================================*/
.label_box {
width:30%;
}
.label_box2 {
width:80%;
}

.label_band {
width:100%;
margin:0 auto;
}
.label_band li {
width:100%;
float:left;
list-style:none;
text-align:center;
margin: 5px 10px 0px 10px;
background:#000;
}
.label_band li img{
width:100%;
}
.label_band li a.artist_name {
color:#fff;
padding:10px 0;
display:block;
}

.label_band_from {
text-align:right;
padding: 0 2px;
margin:0;
}

.label_site_url {
padding: 0px 10px;
margin: 0;
}

@media screen and (max-width: 775px) {
.label_box {
width:100%;
}

.label_band li {
width:100%;
float:none;
margin: 20px 0 10px 0;
}
}



/*==================================
商品一覧
==================================*/
.top_contents_title {
border-bottom:solid 2px #444;
margin-bottom:20px;
padding:20px 0;
}

.top_contents_title2 {
border-bottom:solid 2px #444;
margin-bottom:20px;
padding:40px 0 20px 0;
}

li.goods_title {
	position: relative;
	overflow: hidden;
}

li.goods_title:before, li.goods_title:after {
	position: absolute;
	background: #fff;
}

li.goods_title:before {
	content: "･･･";
	bottom: 0;
	right: 0;
}

li.goods_title:after {
	content: "";
	width: 100%;
	height: 100%;
} {
	position: relative;
	height: 80px;
	overflow: hidden;
	line-height: 20px;
}

li.goods_title:before, li.goods_title:after {
	position: absolute;
	background: #fff;
	width: 20px;
}

li.goods_title:before {
	content: "･･･";
	bottom: 0;
	right: 0;
}

li.goods_title:after {
	content: "";
	width: 100%;
	height: 100%;
}





/*==================================
CD&DVDページ
==================================*/
.sort_link {
    padding: 0 0 20px 5px;
}

.cd_dvd_page_title {
    padding: 0 20px;
}
.cd_dvd_page_menu {
    text-align: right;
    padding-right:20px;
}
.cd_dvd_page_menu ul {
    display:table;
    width: 30%;
    margin-left: auto;
}
.cd_dvd_page_menu ul li{
    display:table-cell;
}
.cd_dvd_page_menu ul li a img {
    width:70%;
}

@media screen and (max-width: 400px) {
.cd_dvd_page_menu ul { width: 50%; }
}




/*==================================
SALE & SOLD OUT
==================================*/
/*==================================
SALE & SOLD OUT
==================================*/
.item-detail {
position:relative;
}

.sale_tag2 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 0 10px;
}

.nyuka_tag {
    position: absolute;
    top: 0;
    left: 15px;
    padding: 10px 20px;
    background: rgba(0,0,255,0.8);
    color: #fff;
    text-align: center;
    font-size: 16px;
}
.sale_tag {
    position: absolute;
    top: 153px;
    left: 15px;
    padding: 6px 20px;
    background: rgba(255,0,0,0.8);
    color: #fff;
    text-align: center;
    font-size: 16px;
}
.sold_out_tag {
    position: absolute;
    top: 0;
    left: 15px;
    padding: 10px 20px;
    background: rgba(0,0,0,0.8);
    color: #fff;
    text-align: center;
    font-size: 16px;
}


/*==================================
ARTIST一覧ページ
==================================*/
.artist_list {
width:100%;
margin:0 auto;
}
.artist_list li {
width:30%;
float:left;
list-style:none;
text-align:center;
margin: 20px 10px;
background:#000;
}
.artist_list li img{
width:100%;
}
.artist_list li a.artist_name {
color:#fff;
padding:10px 0;
display:block;
}
@media screen and (max-width: 775px) {
.artist_list li {
width:100%;
float:none;
margin: 40px 0;
}
}

/*==================================
ARTIST個々のページ
==================================*/
.artist_box {
width:100%;
}
.artist_box li {
width:50%;
float:left;
}
.artist_box li .scroll_set {
padding:0 10px;
height:240px;
overflow: auto;
}

.artist_box li a {
color:#666;
}
.artist_box li img {
width:95%;
}
.artist_text_margin {
padding-bottom:20px;
}
.artist_text_margin_link {
padding:20px 10px;
}

/* GOODSセクション非表示（物販のないアーティスト） */

/* Mississippi Duck Festival */body.postid-11 .item-single-wrap,
/* NEIGHBOURHOOD */body.postid-225 .item-single-wrap,
/* ししとう */body.postid-229 .item-single-wrap,
/* TYO */body.postid-233 .item-single-wrap,
/* THE YELLOW MONKEY */body.postid-240 .item-single-wrap,
/* BIG BITES */body.postid-114 .item-single-wrap,
/* VOLOMUSIKS */body.postid-246 .item-single-wrap,
/* VOLOMUSIKS */body.postid-246 .item-single-wrap2,
/* 村田知哉 */body.postid-223 .item-single-wrap,
/* 村田知哉 */body.postid-223 .item-single-wrap2,
/* Blueglue */body.postid-141 .item-single-wrap,
/* Blueglue */body.postid-141 .item-single-wrap2,
/* 福士昌明 */body.postid-477 .item-single-wrap,
/* 福士昌明 */body.postid-477 .item-single-wrap2,
/* 西村哲也 */body.postid-481 .item-single-wrap,
/* 西村哲也 */body.postid-481 .item-single-wrap2,
/* Response */body.postid-490 .item-single-wrap,
/* つるうちはな */body.postid-493 .item-single-wrap,
/* つるうちはな */body.postid-493 .item-single-wrap2,
/* 菊地英二 */body.postid-496 .item-single-wrap,
/* 菊地英二 */body.postid-496 .item-single-wrap2,
/* CICADA */body.postid-255 .item-single-wrap,
/* CICADA */body.postid-255 .item-single-wrap2,
/* THE YELLOW MONKEY_TEST */body.postid-1954 .item-single-wrap,
/* in FAM step_TEST */body.postid-2018 .item-single-wrap,
/* in FAM step */body.postid-926 .item-single-wrap {
display:none;
}

/* Music Download非表示（2019年現在は全アーティストまとめて非表示） */
/* 大迫章弘 */body.postid-227 .music-download-wrap,
/* 菊地英二 */body.postid-496 .music-download-wrap,
/* それでも世界が続くなら */body.postid-253 .music-download-wrap,
/* SWANKY DOGS */body.postid-1922 .music-download-wrap {
display:none;
}

@media screen and (max-width: 976px) {
.artist_box li {
width:100%;
float:none;
}
.artist_box li:nth-child(even) {
padding:0;
height:auto;
overfolw:visible;
}
.artist_box li img {
width:95%;
}
.artist_text_margin {
padding:20px 0 0 0;
}
}


/*==================================
contact
==================================*/
#div_support01 table,
#div_support02 table  {
  width : 100%;
  border : 1px solid #333;
}
#div_support01 td,
#div_support02 td {
  font-size : 1.4rem;
  padding : .7em;
  color : #1c5466;
  border : 1px solid #333;
}
#div_support01 td.contact_td1,
#div_support02 td.contact_td1 {
  background: #eee;
  width:20%;
  text-align:right;
}
#div_support01 td.contact_td2,
#div_support02 td.contact_td2 {
  width:75%;
}
#div_support01 input, #div_support01 textarea {
  line-height : 1.5;
  width : 100%;
}

#div_support01 .contact_kakunin {
  text-align: center;
  padding: 20px 0;
}

#div_support02 .contact_modoru {
  float:left;
  padding: 20px 0;
}
#div_support02 .contact_touroku {
  float:right;
  padding: 20px 0;
}
#div_support02 .contact_touroku button {
  width: 100px;
  background: #fff2cd;
}

@media screen and (max-width: 740px) {
#div_support01 td,
#div_support02 td {
  display:block;
width: 100% !important;
text-align: center !important;
}
#div_support02 table td:nth-child(2n+1) {
    background: #eee;
}
#div_support01 td.contact_td1,
#div_support02 td.contact_td1 {
  width:100%;
  text-align:left;
}
#div_support01 td.contact_td2,
#div_support02 td.contact_td2 {
  width:100%;
}
}


/*==================================
新規会員登録画面の設定
==================================*/
body.page-id-1275 #div_entry01 * {
font-family: "メイリオ", "Meiryo", 'Noto Sans Japanese', "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}

div#div_entry01 form {
    position: relative;
    top: -20px;
}
/* 新規入会ページ文字サイズ */
#payment_title,
#service_title,
#rule_title {
font-size:14px !important;
    /* Mozilla */
    white-space: -moz-pre-wrap;
    /* Opera 4-6 */
    white-space: -pre-wrap;
    /* Opera 7 */
    white-space: -o-pre-wrap;
    /* CSS3 */
    white-space: pre-wrap;
    /* IE 5.5+ */
    word-wrap: break-word;
}

body.page-id-1275 #payment_text {
padding: 0 20px 20px 20px;
}

body.page-id-1275 #service_text {
padding: 0 20px 20px 20px;
}

body.page-id-1275 #join_text {
font-weight:bold;
font-size: 110%;
}

body.page-id-1275 #join_text::before {
content:"▶　";
}

body.page-id-1275 pre {
width:98%;
margin:0 auto;
overflow-x: hidden;
white-space: pre-wrap
}
pre.entry_rule {
padding:20px !important;
}



/*==================================
商品ページ
==================================*/
/* 文字サイズ */
.ItemContent p {
    font-size: 20px;
    font-weight: bold;
}
.ItemContent p button {
    font-size: 12px;
    font-weight: normal;
}
.ItemContent pre {
    font-size: 16px;
    white-space: pre-wrap;
}

/* 横並び */
div.ItemDetail {
    float: left;
    width: 100%;
}
div.ItemImage {
    float: left;
    width: 50%;
}
div.ItemContent {
    float: left;
    width: 50%;
}
.ItemContent pre {
    /* Mozilla */
    white-space: -moz-pre-wrap;
    /* Opera 4-6 */
    white-space: -pre-wrap;
    /* Opera 7 */
    white-space: -o-pre-wrap;
    /* CSS3 */
    white-space: pre-wrap;
    /* IE 5.5+ */
    word-wrap: break-word;
}

/* プルダウン */
.ItemContent select#icd {
    font-size: 14px;
}




/*==================================
instagram
==================================*/
#SP_instagram {
  display:none;
}
@media screen and (max-width: 976px) {
#PC_instagram {
  display:none;
}
#SP_instagram {
  display:block;
}
}

/*==================================
footer
==================================*/
.footerwrap {
  margin-top : 20px;
  background : #231815;
}
.footerwrap p {
  margin-bottom : 0;
  padding : 16px 0;
  text-align : center;
  color : #fff;
}
.footerwrap p.copyright {
    font-size: 9px;
}

.footerwrap p.copyright a {
    color:#aaa;
}

/* ––––––––––––––––––––––––––––––––––––––––––––––––––
megamenu.js STYLE STARTS HERE
–––––––––––––––––––––––––––––––––––––––––––––––––– */



/*==================================
topitem
==================================*/
.item-wrap{
  margin: 40px 0 0 0;
}
.item-wrap2{
  margin: 10px 0 0 0;
}
.item-pic img{
    width: auto;
    overflow: hidden;
}
ul.item-detail {
    min-height: 100px;
}

@media screen and (max-width: 991px) {
.item-wrap{
  padding:0 10px;
}
}
@media screen and (max-width: 480px) {
ul.item-detail {
    min-height: 140px;
}
}





/*==================================
#btn2 {
  font-size : 1.6rem;
  font-weight : bold;
  margin : 12px 0 0 -50px;
  padding : 12px 42px;
  border : 5px solid #ddd;
  background : #ddd;

  -webkit-appearance : none;
}
#btn2:hover {
  opacity : .6;
  transition: .3s;
}
==================================*/


/*==================================
DL追記
==================================*/


.groupItem .box{
	width:25%;
	height:360px;
	float:left;
	padding: 0 10px;
}

.groupItem .box p{
	padding:5px;
	margin:0px;
	font-size:10px;
}

.groupItem .box2{
	padding: 5px;
	width: 100%;
	float:left;
}

.groupItem .box2 p{
	padding:5px;
	margin:0px;
	font-size:10px;
}

.groupItem .box2 img {
	width:100%;
}

span.DLmusic_title {
    text-align: center;
    display: block;
    font-weight: bold;
    margin: 7px 0 2px 0;
}
span.DLmusic_GPname {
    display: block;
    text-align: center;
}
span.PC_DL {
    margin: 5px auto;
    width: 70%;
    text-align: center;
    display: block;
    background: #000;
    color: #fff;
    padding: 5px;
}

@media screen and (max-width: 740px) {
.groupItem .box{
	width:50%;
	height:450px;
}
}

@media screen and (max-width: 420px) {
.groupItem .box{
	height:330px;
}
}


/*==================================
追記
==================================*/

/* -----------------button調整 */
button#btn1 {
    margin: 20px 0;
}
/* ログインして購入手続きへ */
#btn2 {
    width: 200px;
    margin:20px 0;
}
/* ログインせずに購入手続きへ */
#btn3 {
    width: 200px;
    margin:20px 0;
}




/* コンテンツ部分の調整（PMロゴ合わせ） */
body.archive .col-md-9 {
    padding-top: 14px;
}
body.single-news .entry-title {
    padding:0;
}
body.tax-goods_category .col-md-9 {
    padding: 0;
}
body.page-id-67 .col-md-9 {
    padding: 0;
}

/* news一覧 */
body.post-type-archive-news .section:first-child {
    border-top: solid 1px #aaa;
    padding-top: 20px;
}
body.post-type-archive-news .section {
    margin-bottom: 16px;
    border-bottom: solid 1px #ddd;
    padding: 7px 0 10px 0;
}
body.post-type-archive-news .section:last-child {
    border-bottom: solid 1px #aaa;
}

body.post-type-archive-news .title:before {
    content:"▶　";
}
body.post-type-archive-news .title {
    line-height: 50px;
}


/* newsシングルページ操作 */
body.single-news .item-single-wrap,
body.single-news .item-single-wrap2,
body.single-news .music-download-wrap {
display:none;
}


/* カートテーブル操作 */
table#cart_item_list {
    width: 100% !important;
}

.cart_buttonset {
    width: 100%;
    text-align: center;
}
.cart_buttonset p {
    float: right;
    padding-left: 10px;
}

/* お客様情報入力ページ */
div#div_entry05 form {
    position: relative;
    top: -15px;
}

div#div_entry05 td {
    padding: 10px;
}
div#div_entry05 td input {
    border: solid 1px #555;
    padding: 5px 10px;
}
div#div_entry05 td select {
    margin-left: 20px;
}
.kakunin {
position: absolute;
left: 100px;
}
#div_item_ec04 table tr td {
font-size:18px;
padding:5px 0;
display: block;
width: 100%;
}
#div_item_ec04 table tr td input {
width:100%;
}
div#member_info,
div#deliver_info {
padding-bottom:40px;
}
div#member_info strong,
div#deliver_info strong,
div#payment_info strong {
    font-size: 18px;
}

@media screen and (max-width: 976px) {
div#div_entry05 td {
    display: block;
}
}

/* 入力確認ページ */
div#div_entry06 td {
    border: solid 1px #000;
    padding: 10px;
}

/* 会員情報変更ページ */
#nickname,
#state_id,
#gender_kind,
#job_kind,
#site_mail_kind,
#system_mail_kind {
    margin: 20px 0 0 20px;
}

.jouhou_henkou_modoru,
.jouhou_henkou_kakunin {
    display: inline-block;
}
.jouhou_henkou_modoru {
padding-right:30px;
}



/*カート確認画面*/
div#div_item_ec05 table {
    width: 100%;
}

div#div_item_ec05 table td{
    border:solid 1px #666;
}
div#div_item_ec05 table td:nth-child(2) {
    text-indent: 10px;
}

.form-width { max-width: 100%;}




/*pick up artist　GOODS DL 切り替え*/
#pua_dl {
    display: none;
}
div#pua_goods.goods_none {
    display: none;
}
div#pua_dl.goods_none {
    display: block;
}

/*pick up artist　DL 高さ*/
/* ----------------------------------------- */
div#pua_dl .box {
    height: 320px;
}
@media screen and (max-width: 890px) {
div#pua_dl .box {
    height: 295px;
}
}

@media screen and (max-width: 776px) {
div#pua_dl .box {
    height: 265px;
}
}

@media screen and (max-width: 670px) {
div#pua_dl .box {
    width: 50%;
    height: 395px;
}
}

@media screen and (max-width: 550px) {
div#pua_dl .box {
    width: 50%;
    height: 350px;
}
}

@media screen and (max-width: 460px) {
div#pua_dl .box {
    height: 285px;
}
}

@media screen and (max-width: 320px) {
div#pua_dl .box {
    height: 255px;
}
}

/* ----------------------------------------- */
/*pick up artist　DL 高さ END*/