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

/* 菱形 */
.diamond {
	color: #663D98;
}

/* 小見出し */
.tips {
    border-color: #8d57b6;
}

.tips::before {
    color: #5439a3;
}


/* 背景 */

.bg_01{
	background: url("../../../uploads/all_item_list/bg_story_01.png") no-repeat #d5ebd1 center;
	background-size: 80%;
	font-weight: bold;	
	color: #0B4101;	
}

.bg_04{
	background: url("../../../uploads/all_item_list/bg_story_04.png") no-repeat #f0f0e7 center;
	background-size: 80%;
	font-weight: bold;	
	color: #494948;	
}


.bg_06{
	background: url("../../../uploads/all_item_list/bg_story_06.png") no-repeat #f3dbdb center;
	background-size: 80%;
	font-weight: bold;	
	color: #5B0505;	
}

.bg_08{
	background: url("../../../uploads/all_item_list/bg_story_08.png") no-repeat #B9C9CD center;
	background-size: 80%;
	font-weight: bold;	
	color: #00333F;	
}

.bg_10{
	background: url("../../../uploads/all_item_list/bg_story_10.png") no-repeat #DDBFBF center;
	background-size: 80%;
	font-weight: bold;	
	color: #3D0B0B;	
}

.bg_15{
	background: url("../../../uploads/all_item_list/bg_story_15.png") no-repeat #ebe8a8 center;
	background-size: 80%;
	font-weight: bold;	
	color: #332B00;	
}

.bg_12{
	background: url("../../../uploads/all_item_list/bg_story_12.png") no-repeat center,linear-gradient(90deg, rgba(188,253,255,0.5) 0%, rgba(0,183,255,0.4) 50%, rgba(0,60,228,0.4) 100%);
	background-size: 90%,100%;
	font-weight: bold;	
	color: #092c7c;
}

.bg_13{
	background: url("../../../uploads/all_item_list/bg_story_13.png") no-repeat center,linear-gradient(90deg, rgba(252,175,2,0.5) 0%, rgba(252,238,81,0.5) 45%, rgba(86,218,245,0.5) 100%);
	background-size: 90%,100%;
	font-weight: bold;	
	color: #464c4c;
}

.bg_17{
	background: url(../../../uploads/all_item_list/bg_story_17.png) no-repeat center,linear-gradient(90deg, rgba(205, 157, 255, 0.64) 0%, rgba(238, 173, 228, 0.63) 50%, rgba(228, 0, 150, 0.41) 100%);
	background-size: 85%,100%;
	font-weight: bold;	
	color: #2e0058;	
}

.bg_19{
	background: url("../../../uploads/all_item_list/bg_story_19.png") no-repeat center,linear-gradient(90deg, rgb(218, 255, 250) 0%, rgba(61, 168, 211, 0.44) 45%, rgba(27, 85, 108, 0.91) 100%);
	font-weight: bold;	
	background-size: 90%,100%;
	color: #134545;
}

.bg_16{
	background: url(../../../uploads/all_item_list/bg_story_16.png) no-repeat #c5d5f7  center;
	background-size: 80%;
	font-weight: bold;
	color: #00003d;
}


.slash{
	background-color: #bbb;
}

/*四角小見出し*/
.info_tips {
    font-weight: bold;
    border-bottom: solid 3px #88ABC8;
    position: relative;
    padding: 0;
    line-height: 0px;
}

.info_tips::before {
    content: "■";
    color: #024D93;
    font-size: 1.2em;
    display: inline-block;
    vertical-align: middle;
}


.txt_blue_col{
	color: #1F08B0;
	font-weight: bold;
}

.center_2{
	text-align: center!important;
	margin-bottom: 10px!important;
}