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

/* clearfix */
.clearfix:after {
	content: " ";
	font-size: 0.1em;
	line-height: 0;
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {	display: inline-block;}
* html .clearfix { height: 1%;}
.clearfix {
	display: block;
}

/* 明朝体指定 */
#january_color .lead p,
#january_color .itemWrap .itemBlock .itemBox .text,
#january_color .itemWrap .itemBlock .itemBox .item .name {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-weight: bold;
}


/*----- コンテンツ  -------------------------*/
#january_color {
}
/* title */
#january_color .title {
    margin-bottom: 20px;
}

/* lead */
#january_color .lead1 {
    margin-bottom: 20px;
    background: url("/img/usr/2025event/July/lead_bg01.png") no-repeat right -20px center;
}
#january_color .midashi{
    margin-top: 20px;
}

#january_color .lead1 h2,
#january_color .lead2 h2,
#january_color .midashi h2,
#january_color .match1 h2,
#january_color .match2 h2,
#january_color .match3 h2 {
    font-size: 30px;
    padding: 30px 0;
    padding-left: 40px;
    text-shadow: #FFF 0 0 5px, #FFF 0 0 5px, #FFF 0 0 5px, #FFF 0 0 5px, #FFF 0 0 10px;
}

#january_color .lead2 h2 span,
#january_color .lead1 h2 span{
    font-size: 30px;
    color: #e80c0c;
}
#january_color .match1 h2 span {
    font-size: 30px;
    color: #35478f;
}
#january_color .match2 h2 span {
    font-size: 30px;
    color: #755f06;
}
#january_color .match3 h2 span {
    font-size: 30px;
    color: #5ba14f;
}

#january_color .lead1 p,
#january_color .lead2 p,
#january_color .match1 p,
#january_color .match2 p,
#january_color .match3 p {
    font-size: 20px;
    padding: 30px 0;
    padding-left: 40px;
    text-shadow: #FFF 0 0 5px, #FFF 0 0 5px, #FFF 0 0 5px, #FFF 0 0 5px, #FFF 0 0 10px;
}
#january_color .lead2 p span,
#january_color .lead1 p span{
    color: #e80c0c;
}
#january_color .match1 p span{
    color: #35478f;
}#january_color .match2 p span{
    color: #755f06;
}#january_color .match3 p span{
    color: #5ba14f;
}

/* match */
#january_color .match1 {
    margin-top: 20px;
    margin-bottom: 20px;
    background: url("/img/usr/2025event/July/lead_bg02.png") no-repeat 250px top;
}
#january_color .match2 {
    margin-bottom: 20px;
    background: url("/img/usr/2025event/July/lead_bg03.png") no-repeat 250px top;
}
#january_color .match3 {
    margin-bottom: 20px;
    background: url("/img/usr/2025event/July/lead_bg04.png") no-repeat 250px top;
}




/* nav */
#january_color .match1 .nav,
#january_color .match2 .nav,
#january_color .match3 .nav, {
    display:flex;
    justify-content: center;

}


/* voice */
#january_color .voice {
    margin-top: 100px;
    background: rgba(75,183,185,0.1);
    text-align: center;
    padding: 40px 20px;
}
#january_color .voice .txt {
    display: inline-block;
    padding: 0 60px;
    font-size: 24px;
    background: url("/img/usr/cfa_mothersday2024/voice_left.png") no-repeat left center,
                url("/img/usr/cfa_mothersday2024/voice_right.png") no-repeat right center;
}
#january_color .voice .txt span {
    font-size: 30px;
    color: #4bb7b9;
}


/* common */
.floatF {float: left;}
.acenter {text-align: center;}
.bold {font-weight: bold;}
.mt5 {margin-top: 5px;}
.mt10 {margin-top: 10px;}
.mt20 {margin-top: 20px;}
.mt30 {margin-top: 30px;}
.mt50 {margin-top: 50px;}
.mb50 {margin-bottom: 50px;}
.pl20 {padding-left: 20px;}
.pl25 {padding-left: 25px;}
.pl30 {padding-left: 30px;}
.pr10 {padding-right: 10px;}
.pr25 {padding-right: 25px;}
.pr40 {padding-right: 40px;}
.mr {margin-right: 35px;}
.fs10 {font-size: 10px;}
.fs16 {font-size: 16px;}