@charset "utf-8";
.perfume_mail {
	color:#884364;
}

.alxd_mail{/* color: #8ba2af; */}

.sol{
	color:#11512b;
}

/*PC*/
@media screen and (min-width: 768px)
{

html,body{
	min-width: 960px;
	
}

.hide_pc{
	display: none;
}

.left{
	/* margin:0 auto; */
	text-align: center;
	margin-top: 40px;
}

  .sakana .locks__link02 a{
     display: inline-block;
     padding: 11px 35px;
     background: #8fc041;
     border-radius: 2em;
     color: #fff;
     font-size: 22px;
  }

   .sakana .locks__link02{
   	width: 431px;
   	/* padding: 12px; */
   	margin: 33px auto;
   }

.article {margin-top:100px;/* padding: 100px; */}

.web_text{
	    padding: 0px 100px 100px;
}

.sakana_end{
	margin: 53px 0;
	background:#8fc041;
	padding:5px;
	font-size: 22px;
	font-weight:bold;
	color:#fff;
	width: 293px;
}

 .locks_artist{
   /* display:table; */
   margin-top: 37px;
   border-collapse: separate;  /* セルの間隔を空ける */
   border-spacing: 10px 0;  /* 左右 上下で記述 */
 }

  .locks_artist li{
    /* display:table-cell; */
    /* vertical-align:middle; */
    /* padding: 0 20px; */
    text-align: center;
  }

    .locks_artist li p{
      font-weight:bold;
      margin-top:20px;
    }


   .locks_artist li .home{
     font-size:16px;
     font-weight:400;
    }

    .locks_artist li img{
      /* width: 75%; */
      width: 152px;
    }

.mail_title{
	padding: 20px;
	font-size: 18px;
	/* color: #8fc042; */
	/* font-weight: bold; */
	text-align:center;
}



.mail_title img{
	width:450px;
}

.mail_title span{
	font-size:36px;
}

.mail_title p{
	font-size:25px;
}
	
  .web_text ul{
    font-size: 20px;
  }

  .web_text ul li{
  	margin-top:20px;
  	border-bottom: 1px dotted #ccc;
  }

  .web_text ul li span{
  	font-size: 17px;
  }

  .web_text ul a{
	 color: #227787;
	 font-weight:bold;
}

  .web_text ul li .text_red{
	background:#8fc041;
	color:#fff;
	padding:5px;
	border-radius:10px;
	font-size: 14px;
	margin-left:4px;
}


  .web_text ul li .text_end{
	background:#8fc041;
	color:#fff;
	padding:5px;
	border-radius:10px;
	font-size: 12px;
	margin-left:4px;
}

	

/*::::::::::footer::::::::::*/
}

/*SP*/
@media screen and (max-width: 767px)
{

body{
	font-size:12px;
	width: 100%;
}

.hide_sp{
	display: none;
}

img {
	max-width: 100%;
}

.mail_title{
	padding:3%;
	font-size: 20px;
	/* color: #8fc042; */
	/* margin: 0 auto; */
	text-align: center;
}

.mail_title p{
	font-size:14px;
}


  .locks_artist{
   /* display:table; */
   margin-top: 37px;
   border-collapse: separate;  /* セルの間隔を空ける */
   border-spacing: 10px 0;  /* 左右 上下で記述 */
  
 }

  .locks_artist li{
    /* display:table-cell; */
    /* vertical-align:middle; */
    /* padding: 0 20px; */
    text-align: center;
    font-weight:bold;
    font-size: 18px;
  }

  .content--main {
    padding: 11px 4px 24px;
  }

    .locks_artist li img{
      /* width: 75%; */
      width: 125px;
    }

  .article {
    margin-top: 100px;
    border-radius: 15px;
  }






/*::::::::::footer::::::::::*/
}

/*SP*/
@media screen and (max-width: 750px)
{
	
nav img.splogo{
	height:13px;
}
	
nav article p:first-child{
	width:62%;
}
	
nav article p:last-child img{
	height:25px;
}
	
nav a{
	margin-left:2px;
}

  .web_text ul li .text_red{
	background:#8fc041;
	color:#fff;
	padding:5px;
	border-radius:10px;
	font-size: 12px;
	margin-left:4px;
}


  .web_text ul li .text_end{
	background:#8fc041;
	color:#fff;
	padding:5px;
	border-radius:10px;
	font-size: 10px;
	margin-left:4px;
}

.mail_title img{
	width: 95%;
	text-align:center;
}

.mail_title span{
	font-size:36px;
}

.mail_title p{
	font-size:25px;
}

  .sakana .locks__link02 a{
     display: inline-block;
     padding: 8px 30px;
     background: #8fc041;
     border-radius: 2em;
     color: #fff;
     font-size: 18px;
  }

   .sakana .locks__link02{
  
   	/* padding: 12px; */
   	margin: 33px auto;
   }
	
  .web_text ul{
    font-size: 17px;
  }

  .web_text ul li{
  	margin-top:20px;
  }

  .web_text ul li span{
  	font-size: 14px;
  }
 .sakana_end{
	margin: 32px 0;
	background:#8fc041;
	padding:5px;
	font-size: 18px;
	font-weight:bold;
	color:#fff;
	/* width: 293px; */
	width: 72%;
}

  .web_text ul a{
	 color: #227787;
	 font-weight:bold;
}

  .article {
padding:10px;
  }

 .left{
margin-top:20px;
text-align: center;
 }
	
 .left img{
width:100px;
 }
	
}