/* 221129 KINOSHITA */
body.activities #course-message .inner-box strong{
	font-weight: bold;
}

@media print, all and (min-width: 751px) {
	
	body.activities #title{
		background-color: #FCD121;
	}
	body.activities #title .title-box:before{
		width: 184px;
		height: 154px;
		background-image: url("../images/activities/title-bg.png");
		background-size: 184px auto;
		left: -10px;
	}
	body.activities #title .title-box .title {
		margin-right: 5px;
		color: #42210B;
		letter-spacing: 1em;
	}
	body.activities #title .title-box .title_en {
		color: #FEEFD8;
	}
	body.activities .subnav-wrapper{
		background-color: #FFF8DB;
	}
	body.activities .innerlink-list > li a:hover{
		color: #FCD121;
	}
	
	/* INDEX */    
     
	/* COURSE */
	/*
	body.activities #courses-list .container-inner{
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	*/

	body.activities #course-content .course-content{
		display: flex;
	}
	body.activities #course-content .course-content .text-box{
		flex: 1;
		margin-right: 40px;
        display: flex;
        align-items: center;
	}
	body.activities #course-content .course-content .text-box .comment-box .textbox{
		flex: 1;
	}
	
	body.activities #courses-list .course-list > li{
        padding: 20px 0;
        background-color: #fff8db;
	}
	body.activities #courses-list .course-list > li:nth-child(even){
        background-color: #ffffff;
	}
	body.activities #courses-list .course-list > li .inner-wrapper{
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	body.activities #courses-list .course-list > li .text-box{
        flex: 1;
        display: flex;
        align-items: center;
	}
	body.activities #courses-list .course-list > li .titles,
	body.activities #courses-list .course-list > li .text{
		margin-bottom: 0;
        color: #42210b;
	}
	body.activities #courses-list .course-list > li .text{
        font-size: 100%;
    }
    body.activities #courses-list .course-list > li .status{
        margin: 0 30px;
	}
    body.activities #courses-list .course-list > li .status .inner{
        width: 55px;
        height: 55px;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: #ff7d95;
        color: #ffffff;
		font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
        font-weight: bold;
        line-height: 1.125;
        border-radius: 50%;
        overflow: hidden;
	}
    body.activities #courses-list .course-list > li .status.plans .inner{
        color: #42210b;
        background-color: #d9e021;
    }
    body.activities #courses-list .course-list > li .btn-box .out-frame{
        margin-bottom: 0;
	}
    
	body.activities .course-article .wrappers{
        padding: 50px 0 30px;
        background-color: #fff8db;
	}
	body.activities .course-article:nth-child(even) .wrappers{
        background-color: #ffffff;
	}
    body.activities .course-article .titles-box{
        margin-bottom: 25px;
    }
	body.activities .course-article .titles{
        margin-bottom: 25px;
        color: #42210b;
        font-size: 150%; /* 24px */
        text-align: center;
	}
	body.activities .course-article .propertys{
        display: flex;
        align-items: center;
        justify-content: center;
	}
	body.activities .course-article .propertys .items{
        display: flex;
        align-items: center;
        margin-right: 40px;
	}
	body.activities .course-article .propertys .items:last-child{
        margin-bottom: 0;
	}
	body.activities .course-article .propertys .items .labels,
    body.activities .course-article .propertys .items .contbox{
        font-weight: bold;
        line-height: 1.5;
    }
    body.activities .course-article .propertys .items .labels{
        margin-right: 15px;
        font-size: 93.75%; /* 15px */
    }
    body.activities .course-article .propertys .items .labels .inner{
        display: inline-block;
        vertical-align: middle;
        padding: 4px 15px;
        background-color: #fddf64;
        border-radius: 4px;
    }
    body.activities .course-article .propertys .items .contbox{
        flex: 1;
    }
    body.activities .course-article .image-box{
        margin-bottom: 15px;
        padding: 15px 25px;
        background-color: #ffffff;
        border: 1px solid #8e7a6d;
        border-radius: 12px;
        overflow: hidden;
        text-align: center;
    }
    body.activities .course-article .image-box > p:last-child,
    body.activities .course-article .image-box .image{
        margin-bottom: 0;
    }
    body.activities .course-article .commentbox{
        padding: 20px 30px;
        line-height: 1.875;
        background-color: #ffd8df;
        border-radius: 12px;
        overflow: hidden;
    }
    body.activities .course-article .commentbox > p{
        margin-bottom: 0;
    }
}

@media only screen and (max-width: 750px) {
	
	body.activities #title{
		background-color: #FCD121;
	}
	body.activities #title .title-box:before{
		width: 92px;
		height: 77px;
		background-image: url("../images/activities/title-bg.png");
		background-size: 92px auto;
		left: -5px;
	}
	body.activities #title .title-box .title {
		margin-right: 5px;
		color: #42210B;
		letter-spacing: 1em;
	}
	body.activities #title .title-box .title_en {
		color: #FEEFD8;
	}
	body.activities .subnav-wrapper{
		background-color: #FFF8DB;
	}
	body.activities .innerlink-list > li a:hover{
		color: #FCD121;
	}
	
	/* INDEX */
    
	/* COURSE */
	body.activities #courses-list .area-type01 {
		padding: 10px 0;
	}
	
	body.activities #courses-list .course-list > li{
		margin-bottom: 20px;
	}
	body.activities #courses-list .course-list > li:last-child{
		margin-bottom: 0;
	}
	body.activities #courses-list .course-list > li .text-box{
		margin-bottom: 10px;
	}
	body.activities #courses-list .course-list > li .titles{
		margin-bottom: 5px;
	}
	body.activities #courses-list .course-list > li .text{
		margin-bottom: 0;
	}
	
	body.activities #courses-list .course-list > li{
        background-color: #fff8db;
	}
	body.activities #courses-list .course-list > li:nth-child(even){
        background-color: #ffffff;
	}
	body.activities #courses-list .course-list > li .inner-wrapper{
        padding-top: 15px;
        padding-bottom: 15px;
	}
	body.activities #courses-list .course-list > li .text-box{
        display: flex;
        align-items: flex-start;
	}
	body.activities #courses-list .course-list > li .titles,
	body.activities #courses-list .course-list > li .text{
		margin-bottom: 0;
        color: #42210b;
	}
	body.activities #courses-list .course-list > li .text{
        font-size: 100%;
    }
    body.activities #courses-list .course-list > li .status{
        margin: 0 10px 0 0;
	}
    body.activities #courses-list .course-list > li .status .inner{
        width: 50px;
        height: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: #ff7d95;
        color: #ffffff;
		font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
        font-weight: bold;
        line-height: 1.125;
        border-radius: 50%;
        overflow: hidden;
	}
    body.activities #courses-list .course-list > li .status.plans .inner{
        color: #42210b;
        background-color: #d9e021;
    }
	body.activities #courses-list .course-list > li .btn-box{
        text-align: center;
    }
    
	body.activities .course-article .wrappers{
        padding: 20px 0;
        background-color: #fff8db;
	}
	body.activities .course-article:nth-child(even) .wrappers{
        background-color: #ffffff;
	}
    body.activities .course-article .titles-box{
        margin-bottom: 25px;
    }
	body.activities .course-article .titles{
        margin-bottom: 20px;
        color: #42210b;
        font-size: 128.5714%; /* 18px */
        text-align: center;
	}
	body.activities .course-article .propertys{
	}
	body.activities .course-article .propertys .items{
        display: flex;
        align-items: flex-start;
        margin-bottom: 10px;
	}
	body.activities .course-article .propertys .items:last-child{
        margin-bottom: 0;
	}
	body.activities .course-article .propertys .items .labels,
    body.activities .course-article .propertys .items .contbox{
        font-weight: bold;
        line-height: 1.5;
    }
    body.activities .course-article .propertys .items .labels{
        margin-right: 15px;
        font-size: 93.75%; /* 15px */
    }
    body.activities .course-article .propertys .items .labels .inner{
        display: inline-block;
        vertical-align: middle;
        padding: 4px 15px;
        background-color: #fddf64;
        border-radius: 4px;
    }
    body.activities .course-article .propertys .items .contbox{
        flex: 1;
        padding-top: 3px;
    }
    body.activities .course-article .image-box{
        margin-bottom: 15px;
        padding: 10px;
        background-color: #ffffff;
        border: 1px solid #8e7a6d;
        border-radius: 12px;
        overflow: hidden;
        text-align: center;
    }
    body.activities .course-article .image-box > p:last-child,
    body.activities .course-article .image-box .image{
        margin-bottom: 0;
    }
    body.activities .course-article .commentbox{
        padding: 10px 15px;
        line-height: 1.875;
        background-color: #ffd8df;
        border-radius: 12px;
        overflow: hidden;
    }
    body.activities .course-article .commentbox > p{
        margin-bottom: 0;
    }
}