@charset "UTF-8";
/* CSS Document */


.shippori-mincho-regular {
	font-family: "Shippori Mincho", serif;
	font-weight: 400;
	font-style: normal;
}



/* =========================== general =========================== */

.col_guide2026 h1, .col_guide2026 h2, .col_guide2026 h3 {
	display: block;
	margin: 0.5em 0;
	font-family: "Noto Sans JP", sans-serif;
	font-optical-sizing: auto;
	font-weight: 300;
	font-style: normal;
	height: auto;
	line-height: 1.5!important;
}

.col_guide2026 h1 {
	font-size: 26pt;
}
.col_guide2026 h2 {
	font-size: 26pt;
}
.col_guide2026 h3 {
	padding: 1em 0!important;
	border-top: solid 10px #f2f2f2;
	font-size: 20pt!important;
	font-weight: 300!important;
}


@media screen and (min-width: 768px) {
.col_guide2026 h1 {
	font-size: 30pt;
}
.col_guide2026 h2 {
	font-size: 30pt;
}
.col_guide2026 h3 {
	font-size: 22pt!important;
}
}

@media print {
	.col_guide2026 h3, .artlist, .link_tag a {
		border-color: #f2f2f2!important;
	}

}


.link_tag a {
	display: block;
	margin: 1em 0!important;
	padding: 1.3em 0 0 70px;
	vertical-align: middle;
	background: url(../img/guides2026/bg_tag.png) no-repeat 0 0 #ffeeee;
	font-size:17px;
	font-weight: 600;
	height:45px;
	color: #cc0000 !important;
	text-decoration:none !important;
	border: 2px solid #ffeeee;
	border-bottom: 2px solid #ffeeee!important;
	moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	
}
.link_tag a:hover {
	text-decoration: none;
	opacity:0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
}


.note {
  background-color: #fff; /* 背景色 */
  background-image: linear-gradient(180deg, #ccc 1px, transparent 1px); /* 罫線の色と太さ  */
  background-size: 100% 2.5em; /* 行の高さ */
  line-height: 2.5em!important; /* 文字の高さ */
  padding-bottom: 1px; /* 最終行の下にも罫線を引く */
}



/* =========================== gate =========================== */


.col_gate {
display: table;
  margin: 0 auto; /* table は margin auto で中央にできる */
  text-align: left;
}
.col_gate p a {
	font-size:105%;
}

.shukunobe {
	line-height:1.4!important;
	text-align: center;
	
}
@media screen and (min-width: 700px) {
	.shukunobe {
		text-align: left;
	}
}