/*****************************
Theme Name: BY-ONテーマ
Discription: BY-ONのオリジナルテーマです。
Author: MOCA.Inc
******************************/
@media screen and (max-width: 767px) {
.pc {
	display:none;
}
.sp {
	display:flex;
}

/* --------------------------------------------
 * 　メインヴィジュアル
 * -------------------------------------------- */
 .mv_parallax {
	margin:0 auto;
	height: 150px;
	width: 100%;
    background: url(https://by-on.jp/wp-content/uploads/2025/02/shop_back.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;	
}
.mv_parallax::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.5); /* 0.5は透過度、調整可 */
	z-index: 1;
  }

.mv_parallax img{
	height:20px;

}
  /* --------------------------------------------
  * 　メインヴィジュアル
  * -------------------------------------------- */
  .mv .left {
    width: 100%;
    height:160px;
    margin:0 auto 0 0;
    background:none;
    background-color: #1F2B6C;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }
  .mv .left_sp {
    width: 100%;
    height:auto;
    margin:0 auto;
  }
  .mv .left_sp img{
    width: 100%;
  }

  .mv .left p{
	width:100%;
	text-align:left;
	margin:0 auto;
	padding:0 0 0 20px;
	font-size:1.6rem;
	color:#ffffff;
	line-height:240%;
}
.mv .left p .tbig{
	font-size:2rem;
	color:#ffffff;	
	padding:0 0 10px 0;
	text-decoration:underline;
	text-decoration-color: #ff0000;
	text-decoration-thickness: 3px;
	text-underline-offset: 8px;
}

/* --------------------------------------------
* 　新着記事
* -------------------------------------------- */

.section_wrap {
	width: 100%;
}
.top_newarticle {
	width:92%;
	margin:0 auto;
	padding:0 0 0 0;
}
.top_newarticle ul{
	width:100%;
	margin:0;
	padding:0;
}	
.top_newarticle ul li .articate{
	width:30%;
	font-size: 1.6rem;	
	text-align: left;
}
.top_newarticle ul li .articate p{
	width:100%;
	margin:16px 0 0 0;
}
.top_newarticle ul li .artittl{
	width:70%;
	font-size: 1.6rem;
	text-align: left;
}
.top_newarticle ul li .artittl p{
	width:100%;
	margin:16px 0 0 0;
}

  /* --------------------------------------------
  * 　サイト説明
  * -------------------------------------------- */

    .top_sentence {
    width:100%;
    margin:0 auto;
    padding:0;
    }	
    .top_sentence p {
      width:100%;
      font-size: 1.4rem;
      margin:0 0 40px 0
    }

/* --------------------------------------------
*タイトル
*-------------------------------------------- */
.top_aboutus_wrap {
	width:100%;
	padding: 70px 0 10px 0;
}
.top_title_wrap {
	width:100%;
	margin:60px 0;
}
.top_title {
	width: calc(100% - 80px);
    padding: 0 16px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    height: 20px;
}
.top_title img{
	height:100%;
}


/* --------------------------------------------
* 　新着記事
* -------------------------------------------- */

.top_newarticle {
	width:92%;
	margin:0 auto;
	padding:0 0 20px 0;
}
.top_newarticle ul{
	width:100%;
	margin:0;
	padding:0;
}	
.top_newarticle ul li .articate{
	width:30%;
	font-size: 1.6rem;	
	text-align: left;
}
.top_newarticle ul li .articate p{
	width:100%;
	margin:16px 0 0 0;
}
.top_newarticle ul li .artittl{
	width:70%;
	font-size: 1.6rem;
	text-align: left;
}
.top_newarticle ul li .artittl p{
	width:100%;
	margin:16px 0 0 0;
}

  /* --------------------------------------------
  * NEWS部分
  * -------------------------------------------- */
.top_newarticle {
	width:92%;
	margin:0 auto;
	padding:0 0 0 0;
}
.top_newarticle ul{
	width:100%;
	margin:0;
	padding:0;
}	
.top_newarticle ul li .articate{
	width:30%;
	font-size: 1.6rem;	
	text-align: left;
}
.top_newarticle ul li .articate p{
	width:100%;
	margin:16px 0 0 0;
}
.top_newarticle ul li .artittl{
	width:70%;
	font-size: 1.6rem;
	text-align: left;
}
.top_newarticle ul li .artittl p{
	width:100%;
	margin:16px 0 0 0;
}









/* --------------------------------------------
 * 　about/contact部分
 * -------------------------------------------- */
 .top_about_wrap {
	width:100%;
	background:#ffffff;
  }
 .top_about {
	width:100%;
	margin:25px auto 0 auto;
	height:auto;
	position:relative;
	display: flex;
	flex-wrap: wrap;
  }

 .top_about ul li{
	width:100%;
	display:flex;
	flex-wrap:wrap;
	position:relative;
	background-color: #000000;
	margin:25px auto;	
	height:150px;
  }
  .top_about ul li:first-child::after{
	display:none;
  }
  .top_about ul li img{
	  height:20px;
	  width:auto;
	  position:absolute;
	  top: 0;
	  right: 0;
	  bottom: 0;
	  left: 0;
	  margin: auto;
  }

  /* --------------------------------------------
 * 　右寄せボタン部分
 * -------------------------------------------- */
  .top_button_right_wrap a{
	width:100%;
	display:flex;
	flex-wrap:wrap;
	color:#000000;
	transition : all 0.6s ease 0s;
	justify-content: flex-end;
	position: absolute;
    right: 20px;
  }

  .top_button_right_wrap a p.button{
	width:auto;
	padding: 6px 12px;
	font-size:1.4rem;
	background: #f0f0f0;
	border: #000000 1px solid;
	transition : all 0.6s ease 0s;
  }

 /* --------------------------------------------
 * 　↓アーティスト部分
 * -------------------------------------------- */
.container_artistlist_news {
	width:100%;
	padding:0 20px;
}
.top_artistlist_article ul li{
	margin: 0 15px 0 0;
	width: calc(100% / 2 - 15px);
	list-style: none;
	display:flex;
	flex-wrap: wrap;
}
.top_artistlist_article ul li:nth-child(2){
	margin: 0 0 0 15px;
}

.top_artistlist_article ul li .imgarea{
	width:100%;
	padding:0;
}

}