@charset "utf-8";
/* 色変更時用CSS */

/* 菱形 */
.diamond {
	color:#8CC2D9;
}

/* 小見出し */
.tips {
    border-color: #8EDFF4;
	font-size: 17px!important;
}

.tips::before {
    color: #0EB2CD;
}

.heading_ttl .item_box_st {
    padding-left: 10%;
}

.heading_ttl .item_box_st .text_box:last-child  {
    background: url(../../../uploads/2024/dragon_castle_swold/midashi_bg.png) no-repeat bottom left/100% auto; 
}
 
.heading_ttl .item_box_st::before {
    content: url(../../../uploads/2024/dragon_castle_swold/midashi_icon.png);
}



/************************/
.ev_btn_wrap {
    width: 100%;
    clear: both;
    overflow: hidden;
	margin: 0 auto;
	display: inline-flex;
	justify-content: center;
}

.ev_btn_wrap .link_btn {
	display: block;
	width: 33.3%;
}

.ev_btn_wrap .link_btn a {
	display: block;
	padding: 0px 3px 0px 0px;
	margin: 0 0 15px 0;
}


.ev_btn_wrap .link_btn a:hover {
	opacity:0.5;
	filter:alpha(opacity=50);
	-ms-filter: “alpha( opacity=50 )”;
}

.ev_btn_wrap .link_bnr a:hover {
	opacity:0.5;
	filter:alpha(opacity=50);
	-ms-filter: “alpha( opacity=50 )”;
}

.ank_link_box{
	width: 100%;
    overflow: hidden;
    display: block;
}

.komidashi_top{
	margin-top: -1em !important;
}

/***btn****/

.btn_wrap {
    width: 100%;
    clear: both;
    overflow: hidden;
}

.dl_btn{
	display: block;
	margin:0 auto;
	padding: 5px 0;
	width: 100%;
	text-align: center!important;
}


.dl_btn a {
	color: #6C0C0C;
	font-size: 15px;
	font-weight: 600;
	display: block;
	text-decoration: none;
	width: 70%;
	padding: 15px 3px;
	margin: 0 auto;
	border-radius: 10px;
    background-image: linear-gradient(#dddbd2  0%, #fafafa 100%);
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.40);
}


/* 数字小見出し */
.tips_1 {
    font-weight: bold;
    font-size: 103%;
    border-bottom: solid 3px #A1EBE0;
    position: relative;
	padding: 5px 0px 2px 0px;
    line-height: 30px;
}

.tips_1::before {
    content: "1";
	color: white;
	font-size: 1.1em;
	line-height: 26px;
	vertical-align: middle;
	display: inline-block;
	background: #56BFB7;
	font-weight: bold;
	width: 25px;
	text-align: center;
	height: 25px;
	border: solid 6px white; 
	border-radius: 50%;
	margin-left: -10px; 
}


.tips_2 {
    font-weight: bold;
    font-size: 103%;
    border-bottom: solid 3px #A1EBE0;
    position: relative;
	padding: 5px 0px 2px 0px;
    line-height: 30px;
}

.tips_2::before {
    content: "2";
	color: white;
	font-size: 1.1em;
	line-height: 26px;
	vertical-align: middle;
	display: inline-block;
	background: #56BFB7;
	font-weight: bold;
	width: 25px;
	text-align: center;
	height: 25px;
	border: solid 6px white; 
	border-radius: 50%;
	margin-left: -10px; 
}

.tips_3 {
    font-weight: bold;
    font-size: 103%;
    border-bottom: solid 3px #A1EBE0;
    position: relative;
	padding: 5px 0px 2px 0px;
    line-height: 30px;
}

.tips_3::before {
    content: "3";
	color: white;
	font-size: 1.1em;
	line-height: 26px;
	vertical-align: middle;
	display: inline-block;
	background: #56BFB7;
	font-weight: bold;
	width: 25px;
	text-align: center;
	height: 25px;
	border: solid 6px white; 
	border-radius: 50%;
	margin-left: -10px; 
}


.tips_4 {
    font-weight: bold;
    font-size: 103%;
    border-bottom: solid 3px #A1EBE0;
    position: relative;
	padding: 5px 0px 2px 0px;
    line-height: 30px;
}

.tips_4::before {
    content: "4";
	color: white;
	font-size: 1.1em;
	line-height: 26px;
	vertical-align: middle;
	display: inline-block;
	background: #56BFB7;
	font-weight: bold;
	width: 25px;
	text-align: center;
	height: 25px;
	border: solid 6px white; 
	border-radius: 50%;
	margin-left: -10px; 
}