@charset "UTF-8";


.txt-red{ color: #dd0000; }
.txt-blue{ color: #225ba9; }
.frame-red{ background-color: #dd0000; border: 1px solid #dd0000; padding: 1px 3px; color: #ffffff; }
.frame-red-rev{ background-color: #ffffff; border: 1px solid #dd0000; padding: 1px 3px; color: #dd0000; }
.frame-blue{ background-color: #083195; border: 1px solid #083195; padding: 1px 3px; color: #ffffff; }
.frame-blue-rev{ background-color: #ffffff; border: 1px solid #083195; padding: 1px 3px; color: #083195; }
.frame-black { background-color: #000000; border: 1px solid #000000; padding: 1px 3px; color: #ffffff; }
.frame-br { background-color: #532400; border: 1px solid #532400; padding: 1px 3px; color: #ffffff; }
.frame-gold {
background-color: #B8860B;
border: 1px solid #B8860B;
padding: 1px 3px;
color: #ffffff;
}
span { display: inline-block; }
span.no-block { display: inline; }

.link-btn {
display: flex;
align-items: center;
justify-content: center;
line-height: 1;
text-decoration: none;
color: #ffffff;
font-size: 12px;
border-radius: 15px;
width: 200px;
height: 30px;
transition: 0.3s;
background-color: #ec407a;
}

.link-btn:hover {
opacity: .7;
}
.txt-pink {color: #de4265
}
.txt-Rpink {
    color: #F88EA6
}
.sphoto1   {
    width: 300px;
    position: relative;
    float: left;
    display: block;
}
.sphoto2   {
    width: 47%;
    position: relative;
    float: left;
    display: block;
}
.no    {
	position: absolute;
	top: 5px;
	left: 5px;
	color: #000;
	text-shadow: 1px 1px #fff,-1px 1px 1px #fff,-1px -1px 0 #fff,1px -1px 0 #fff;
	font-size: 16px;
}
.no-white    {
	position: absolute;
	top: 5px;
	left: 5px;
	color: #FFFFFF;
	text-shadow: 1px 1px #000,-1px 1px 1px #000,-1px -1px 0 #000,1px -1px 0 #000;
	font-size: 16px;
}
.no-r    {
	position: absolute;
	top: 5px;
	color: #000;
	text-shadow: 1px 1px 1px #fff,
    -1px 1px 1px #fff,
    -1px -1px 0 #fff,
    1px -1px 0 #fff;
	font-size: 16px;
	right: 5px;
}
.no-b    {
	position: absolute;
	color: #000;
	text-shadow: 1px 1px 1px #fff,
    -1px 1px 1px #fff,
    -1px -1px 0 #fff,
    1px -1px 0 #fff;
	font-size: 16px;
	right: 5px;
	bottom: 2px;
}
.cap-name    {
    position: absolute;
    mix-blend-mode: difference;
    bottom: 1px;
    left: 2px;
    color: #FFF;
    font-size: 12px;
}
hr{
    border-left: none;
    border-right: none;
    border-bottom: none;
    border-top: 1px dashed #E0E0E0;
    height: 1px;
    color: #FFFFFF;
    margin: 20px 0px
}

.date{ color: #000000; }
.sp-mt5{ margin-top: 5px; }
.sp-mt10{ margin-top: 10px; }
.sp-pt5{ padding-top: 5px; }
.sp-pt10{ padding-top: 10px; }


@media (max-width: 480px) {
#main-content > .content > .item .default-table span.no-block { display: inline; }
	

.date{ color: #000000; }
.sp-mt5{ margin-top: 5px; }
.sp-mt10{ margin-top: 10px; }
.sp-pt5{ padding-top: 5px; }
.sp-pt10{ padding-top: 10px; }
	
.sphoto1   {
    width: 100%;
    position: relative;
    float: left;
    margin-bottom: 10px;
    display: block;
}
.sphoto2   {
    width: 50%;
    position: relative;
    float: left;
    margin-bottom: 10px;
    display: block;
}
    img{
    width: 100%;
}
}