#conan30th 
.mp1pR {
  font-family: "M PLUS 1p", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.mp1pM {
  font-family: "M PLUS 1p", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.mp1pB {
  font-family: "M PLUS 1p", sans-serif;
  font-weight: 900;
  font-style: normal;
}

@media screen and (min-width: 0px) and (max-width: 1139px) {
  .atContents {
    padding-top: 30px;
  }
}

#conan30th{
	width:100%;
background-image:url("img/conan-bg.png") ;
background-size: cover;
background-repeat: repeat-y;
}
@media screen and (min-width:0) and (max-width:812px) {
#conan30th{
	width:100%;
background-image:url("img/conan-bg.png") ;
background-size: cover;
background-repeat: repeat-y;
}
	
}


#conan30th #conanCnt{
 	width:1024px;
 	margin:0 auto;
	background-color: rgba(255, 255, 255, 0.6);
	padding-bottom: 10px;
}
@media screen and (min-width:0) and (max-width:812px) {
	#conan30th #conanCnt{
 	width:100%;
 	margin:0 auto;
	padding-bottom: 10px;
}
}

#conan30th div#conanCnt div#title{
    margin: 30px auto;
	text-align: center;
	background-image:url("img/contens_topdeco.png");
	background-repeat: no-repeat;
    padding: 40px 0;
}
@media screen and (min-width:0) and (max-width:812px) {
    #conan30th div#conanCnt div#title{
    margin: 10px auto;
	text-align: center;
	background-image:url("img/contens_topdeco.png");
	background-repeat: no-repeat;
    padding: 20px 0;
}
}

#conan30th div#conanCnt div#title h3 span.ttl-1{
	color: #93278f; 
    text-shadow: 
        2px 2px 0 #ffe900,
		-2px 2px 0 #ffe900,  /* 左下 */
        2px -2px 0 #ffe900,  /* 右上 */
        -2px -2px 0 #ffe900; /* 左上 */
		text-align: center;
		font-size: 1.7em;
    }
@media screen and (min-width:0) and (max-width:812px) {
#conan30th div#conanCnt div#title h3 span.ttl-1{
		font-size: 1.2rem;
    }
}
#conan30th div#conanCnt div#title h3{
	color: #000; 
    text-shadow: 
        2px 2px 0 #ffe900,
		-2px 2px 0 #ffe900,  /* 左下 */
        2px -2px 0 #ffe900,  /* 右上 */
        -2px -2px 0 #ffe900; /* 左上 */
		text-align: center;
		font-size: 1.2em;
		line-height: 1.4;
}
#conan30th div#conanCnt div#title h3 span.num{
	font-size: 1.3em;
}
@media screen and (min-width:0) and (max-width:812px) {
	#conan30th div#conanCnt div#title h3 span.num{
	font-size: 1.3rem;
}
}

#conan30th div#conanCnt div#title p{
	font-size: 1.6em;
	color: #000;
}


#conan30th div#conanCnt div.lead{
	width:72%;
text-align: left;
margin: 0 auto;
font-size: 1.3em;
padding-bottom: 20px;
}
@media screen and (min-width:0) and (max-width:812px) {
	#conan30th div#conanCnt div.lead{
	width:90%;
}
}

#conan30th div#conanCnt p.catch{
	text-align: center;
	font-size: 1.6em;
}
@media screen and (min-width:0) and (max-width:812px) {
	#conan30th div#conanCnt p.catch{
	text-align: center;
	font-size: 1.05rem;
}
}



#conan30th div#conanCnt div#date {
	
	position: relative;
	width:70%;
    padding: 1rem;
    border-radius: 10px;
    border: 3px solid #fff;
    background-color: #fff;
    color: #333;
	margin: 40px auto;
}
#conan30th div#conanCnt div#date::before {
    position: absolute;
    top: -12px;
    left: -12px;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    border: 3px solid #4caed0;
    content: '';
}
#conan30th div#conanCnt div#date h4 {
    line-height: 1.65;
	text-align: center;	
	padding-bottom: 20px;
	font-size: 1.6em;
}

@media screen and (min-width:0) and (max-width:812px) {
#conan30th div#conanCnt div#date {
	
	position: relative;
	width:88%;
    padding: 1rem;
    border-radius: 10px;
    border: 3px solid #fff;
    background-color: #fff;
    color: #333;
	margin: 40px 30px;
}
#conan30th div#conanCnt div#date::before {
    position: absolute;
    top: -10px;
    left: -10px;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    border: 3px solid #4caed0;
    content: '';
}
#conan30th div#conanCnt div#date h4 {
    line-height: 1.65;
	text-align: center;	
	padding-bottom: 20px;
	font-size: 1.4em;
}
}
div.btn_link{
    text-align: center ;
    margin: 20px 0 60px;
}
a.rounded-button {
  /* ボタンの基本スタイル */
  display: inline-block;
  padding: 10px 20px; /* 上下左右のパディング（余白） */
  font-size: 16px;
  text-align: center;
  cursor: pointer; /* マウスカーソルを指の形に */
  text-decoration: none;
  
  /* 色の設定 */
  color: white; /* 文字色 */
  background-color: #4caed0; /* 背景色（青系） */
  border: none; /* デフォルトの枠線をなくす */
  
  /* ★★★ 角丸にする重要なプロパティ ★★★ */
  border-radius: 25px; /* 角の半径。この値を大きくするほど丸くなります */

  /* 必要に応じて影を付ける */
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  
  /* ホバー時の変化を滑らかにする */
  transition: background-color 0.3s ease, box-shadow 0.3s ease;
}

/* マウスが乗った時（ホバー時）のスタイル */
a.rounded-button:hover {
  background-color: #008fb3; /* 背景色を少し濃くする */
  box-shadow: 0 6px 8px rgba(0, 0, 0, 0.15);
}

/* ボタンがクリックされた時（アクティブ時）のスタイル */
a.rounded-button:active {
  background-color: #004085;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  transform: translateY(1px); /* 少し押し込まれたように見せる */
}