/*----------------------------------------------------*/
.categoryContents{
	margin-bottom: 40px;
}
/*.categoryContents h4{
	text-align:center;
	font-size:32px;
	color:#232f3e;
	margin-bottom:10px;
}*/
.categoryContents div.inBox{
	padding: 20px;
	background-color: #FFF;
}
.categoryContents div.design{
	border: 5px solid #7a63c3;
	background-color: #FFF;
	margin-bottom:40px;
}
.categoryContents div.medical{
	border:5px solid #EB6E72;
	background-color: #FFF;
	margin-bottom:40px;
}
.categoryContents div.sports{
	border:5px solid #008fd5;
	background-color: #FFF;
	margin-bottom:40px;
}
.categoryContents div.fair{
	border:5px solid #0168B7;
	background-color: #FFF;
	margin-bottom:40px;
}
.categoryContents div.festa{
	border:5px solid #CCCC00;
	background-color: #FFF;
	margin-bottom:40px;
}
.categoryContents div.ryugaku{
	border:5px solid #336699;
	background-color: #FFF;
	margin-bottom:40px;
}
.categoryContents div.bus{
	border:5px solid #99CC33;
	background-color: #FFF;
	margin-bottom:40px;
}
.categoryContents div.haihu{
	border:5px solid #CC9900;
	background-color: #FFF;
	margin-bottom:40px;
}
.categoryContents div.all{
	border:5px solid #669933;
	background-color: #FFF;
	margin-bottom:40px;
}
.categoryContents div.soudan{
	border:5px solid #3399FF;
	background-color: #FFF;
	margin-bottom:40px;
}
.categoryContents div.tour{
	border:5px solid #51D295;
	background-color: #FFF;
	margin-bottom:40px;
}
.categoryContents div.contest{
	border:4px solid #FF9999;
	background-color: #FFF;
	margin-bottom:40px;
}


.categoryContents div.entry{
	padding: 0;
	position: relative;
	/*margin-top: 0;
	margin-right: auto;
	margin-bottom: 20px;*/
	margin-left: auto;
	box-sizing: border-box;
}
.categoryContents div.design .entry{
	background-color: #7a63c3;
}
.categoryContents div.medical .entry{
	background-color: #EB6E72;
}
.categoryContents div.sports .entry{
	background-color: #008fd5;
}
.categoryContents div.fair .entry{
	background-color: #0168B7;
}
.categoryContents div.festa .entry{
	background-color: #CCCC00;
}
.categoryContents div.ryugaku .entry{
	background-color: #336699;
}
.categoryContents div.bus .entry{
	background-color: #99CC33;
}
.categoryContents div.haihu .entry{
	background-color: #CC9900;
}
.categoryContents div.all .entry{
	background-color: #669933;
}

.categoryContents div.entry h4	{
	position: relative;
	color: #fff;
	padding: 15px;
	text-align: center;
	font-size: 32px;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	display:block;
}
.categoryContents div.design .entry h4{
	background-color: #7a63c3;
}
.categoryContents div.medical .entry h4{
	background-color: #EB6E72;
}
.categoryContents div.sports .entry h4{
	background-color: #008fd5;
}
.categoryContents div.fair .entry h4{
	background-color: #0168B7;
}
.categoryContents div.festa .entry h4{
	background-color: #CCCC00;
}
.categoryContents div.ryugaku .entry h4{
	background-color: #336699;
}
.categoryContents div.bus .entry h4{
	background-color: #99CC33;
}
.categoryContents div.haihu .entry h4{
	background-color: #CC9900;
}
.categoryContents div.all .entry h4{
	background-color: #669933;
}

.categoryContents div .entry h4:after{
	content: ' ';
	width: 0;
	height: 0;
	position: absolute;
	border: 10px solid transparent;
	top: 100%;
	left: 50%;
	margin-left: -10px;/*border分引かないと三角が真ん中に来ない*/
}
.categoryContents div.design .entry h4:after{
	border-top-color: #7a63c3;
}
.categoryContents div.medical .entry h4:after{
	border-top-color: #EB6E72;
}
.categoryContents div.sports .entry h4:after{
	border-top-color: #008fd5;
}
.categoryContents div.fair .entry h4:after{
	border-top-color: #0168B7;
}
.categoryContents div.festa .entry h4:after{
	border-top-color: #CCCC00;
}
.categoryContents div.ryugaku .entry h4:after{
	border-top-color: #336699;
}
.categoryContents div.bus .entry h4:after{
	border-top-color: #99CC33;
}
.categoryContents div.haihu .entry h4:after{
	border-top-color: #CC9900;
}
.categoryContents div.all .entry h4:after{
	border-top-color: #669933;
}

.categoryContents div.inBox p{
	font-size:28px;
	margin-bottom:10px;
}

.categoryContents div.soudan h4{
	text-align: center;
	line-height: 1.3em;
	font-size: 36px;
	background-color: #E8F3FF;
	padding: 15px;
}
.categoryContents div.tour h4{
	text-align: center;
	line-height: 1.3em;
	font-size: 36px;
	background-color: #E7FAF0;
	padding: 15px;
}
.categoryContents div.contest h4{
	text-align: center;
	line-height: 1.3em;
	font-size: 32px;
	background-color: #fbe9e9;
	padding: 15px;
}
.categoryContents .contest h4:before{
	font-family: 'Font Awesome 5 Free';
	content: '\f091';
	color: #232f3e;
	padding-right: 5px;
	font-size:36px;
    font-weight: 900;
}
.categoryContents .merit h4:before{
	font-family: 'Font Awesome 5 Free';
	content: '\f3a5';
	color: #232f3e;
	padding-right: 10px;
	font-size:36px;
    font-weight: 400;
}
.categoryContents .tour p.entry{
	padding-left: 30px;
	text-indent: -30px;
	color: #51D295;
	font-size:32px;
}
.categoryContents .tour p span.num{
	width: 26px;
	height: 26px;
	border: 1px solid #51D295;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	background: #51D295;
	color: #FFF;
	text-align: center;
	font-weight: bold;
	font-size: 14px;
	line-height: 26px;
	display: inline-block;
	margin-right: 5px;
	text-indent: 0;
}
.categoryContents .voice h4:before{
	font-family: 'Font Awesome 5 Free';
	content: '\f075';
	color: #232f3e;
	padding-right: 10px;
	font-size:36px;
    font-weight: 400;
}
.categoryContents .voice p:before{
	font-family: 'Font Awesome 5 Free';
	content: '\f007';
	color: #CCCC00;
	padding-right: 5px;
	font-size: 36px;
    font-weight: 900;
}
/*.categoryContents p.maru{
	position:relative;
	padding-left:23px;
}
.categoryContents p.maru:after{
	content:''; 
	display:block; 
	position:absolute; 
	top:2px; 
	left:0; 
	border-radius:30px;
	height:10px; 
	width:10px; 
	border:4px solid #fbaf30;
}*/
.categoryContents .soudan p.entry{
	padding-left: 30px;
	text-indent: -30px;
	color: #3399FF;
	font-size:32px;
}
.categoryContents .soudan p span.num{
	width: 26px;
	height: 26px;
	border: 1px solid #3399FF;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	background: #3399FF;
	color: #FFF;
	text-align: center;
	font-weight: bold;
	font-size: 14px;
	line-height: 26px;
	display: inline-block;
	margin-right: 5px;
	text-indent: 0;
}

.categoryContents .flow h4:before{
	font-family: 'Font Awesome 5 Free';
	content: '\f0a6';
	color: #232f3e;
	padding-right: 10px;
	font-size:36px;
    font-weight: 900;
}
.categoryContents .flow p.entry{
	padding-left: 30px;
	text-indent: -30px;
	color: #232f3e;
	font-size:28px;
}
.categoryContents .flow p.entry span.num{
	width: 26px;
	height: 26px;
	border: 1px solid #232f3e;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	background: #232f3e;
	color: #FFF;
	text-align: center;
	font-weight: bold;
	font-size: 14px;
	line-height: 26px;
	display: inline-block;
	margin-right: 5px;
	text-indent: 0;
}
.categoryContents .flow .arrow{
	color: #F93;
	padding-top:10px;
	font-size: 22px;	
	text-align:center;
	display:block;
}
.categoryContents .flow li{
	font-size:14px;
	line-height:1.8em;
	color: #232f3e;
}
.categoryContents .flow li:before{
	font-family: 'Font Awesome 5 Free';
	content: '\f111';
	color: #ccc;
	padding-right: 5px;
	font-size:8px;
    font-weight: 900;
}

.categoryContents .flow .ex{
	border: 2px solid #ccc;
	padding: 10px 10px 0;
}
/*.categoryContents .flow .ex{
	border: 2px solid #ccc;
	padding: 10px;
	margin-bottom:10px;
}
.categoryContents .flow .ex p{
	text-align: center;
	margin: -23px 0 15px;
}
.categoryContents .flow .ex p span.inner {
	display: inline-block;
	padding: 0 5px;
	background-color: #fff;
}*/

.categoryContents .inner .imgBox{
	display: table;
	table-layout: fixed;
	border-collapse: separate;
	border-spacing: 10px 0;
	text-align: center;
	width: 100%;
}
.categoryContents .inner .imgBox li{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
.categoryContents .inner{
	margin-bottom:20px;
}
.categoryContents .inner:last-child{
	margin-bottom:0;
}
.categoryContents .inner img {
	max-width: 100%;
}
.categoryContents .inner h5	{
	font-size: 32px;
	font-weight:bold;
	color: #232f3e;
	background: linear-gradient(transparent 40%, #ffff66 40%);
	text-align: center;
	margin: 0 auto 40px;
	max-width:70%;
}
.categoryContents .inner dl.point dt{
	color: #14a83b;
	font-size:32px;
	margin-bottom:10px;
	font-weight:bold;
}

.categoryContents div.design .inner dl.point dt.event{
	text-align:center;
}
.categoryContents div.design .inner dl.point dt.event b{
background: linear-gradient(transparent 50%, #d9f9e1 50%);
}



.categoryContents .inner dl.point dd{
	color: #232f3e;
	font-size:28px;
	margin-bottom:10px;
}
.categoryContents .inner dl.point dd:last-child{
	margin-bottom:0;
}
.categoryContents .inner dl.point dd.txt{
	margin-bottom:10px;
	padding-bottom:10px;
	border-bottom:1px dotted #ccc;
}
.categoryContents .inner dl.point dd.btnBox{
	/*
	color:#EB6100;
	text-shadow: 2px 2px 2px #fff, -2px 2px 2px #fff, 2px -2px 2px #fff, -2px -2px 2px #fff;
	webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border:1px solid #A0D437;
	background-color: #A0D437;
	background-image: -moz-linear-gradient(top, #A0D437, #CAE88D);
	background-image: -ms-linear-gradient(top, #A0D437, #CAE88D);
	background-image: -webkit-linear-gradient(top, #A0D437, #CAE88D);
	background-image: linear-gradient(top, #A0D437, #CAE88D);*/
}
/*.categoryContents .inner dl.point dd.btnBox a{
	width: 80%;
	text-align:center;
	margin:0 auto;
	color:#EB6100;
	text-shadow: 2px 2px 2px #fff, -2px 2px 2px #fff, 2px -2px 2px #fff, -2px -2px 2px #fff;
	webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border:1px solid #A0D437;
	background-color: #A0D437;
	background-image: -moz-linear-gradient(top, #A0D437, #CAE88D);
	background-image: -ms-linear-gradient(top, #A0D437, #CAE88D);
	background-image: -webkit-linear-gradient(top, #A0D437, #CAE88D);
	background-image: linear-gradient(top, #A0D437, #CAE88D);
	color:#EB6100;
	display:block;
	padding: 10px;
	font-size:28px;
	font-weight:bold;
}*/
.categoryContents .inner dl.point dd.btnBox a{
	width: 80%;
	text-align:center;
	margin:0 auto;
	color:#FFF;
	webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;	
	background:#E4498F;
	display:block;
	padding: 10px;
	font-size:28px;
	font-weight:bold;
	position:relative;
}
.categoryContents .inner dl.point dd.btnBox a:before{
content: '';
display: block;
position: absolute;
box-shadow: 0 0 2px 2px rgba(255,255,255,0.2) inset;
top:50%;
right:5px;
height: 0;
width: 0;
border-top: 5px solid transparent;
border-right: 6px solid transparent;
border-bottom: 5px solid transparent;
border-left: 7px solid #FFF;
margin-left: 10px;
margin-top:-6px;
}


.categoryContents dl.faq dt{
	padding-left: 30px;
	text-indent: -30px;
	color: #232f3e;
	font-size:28px;
	margin-bottom:10px;
}

.categoryContents dl.faq dd{
	padding-left: 30px;
	text-indent: -30px;
	color: #232f3e;
	font-size:28px;
	margin-bottom:10px;
	padding-bottom:10px;
	border-bottom:1px dotted #ccc;
}
.categoryContents dl.faq dd:last-child{
	border-bottom-style:none;
	margin-bottom:0;
	padding-bottom:0;
}

.categoryContents dl.faq dt span,
.categoryContents dl.faq dd span{
	width: 26px;
	height: 26px;
	border: 1px solid #14a83b;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	background: #14a83b;
	color: #FFF;
	text-align: center;
	font-weight: bold;
	font-size: 14px;
	line-height: 26px;
	display: inline-block;
	margin-right: 5px;
	text-indent: 0;
}

.categoryContents .contest{
	overflow: hidden;
}
.categoryContents .contest li{
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:1px dotted #ccc;
}
.categoryContents .contest li:last-child{
	padding-bottom:0;
	margin-bottom:0;
	border-bottom-style:none;
}
.categoryContents .contest li img{
	float: left;
    box-sizing: border-box;
    margin-right: 10px;
    max-width: 140px;
	margin-bottom:10px;
}



@media screen and (max-width: 736px) {
.categoryContents div .entry h4	{
	font-size:16px;
}
.categoryContents div.design,
.categoryContents div.medical,
.categoryContents div.sports,
.categoryContents div.fair,
.categoryContents div.festa,
.categoryContents div.ryugaku,
.categoryContents div.bus,
.categoryContents div.haihu,
.categoryContents div.all,
.categoryContents div.soudan,
.categoryContents div.tour,
.categoryContents div.contest{
	margin-bottom:20px;
}
.categoryContents div.inBox p{
	font-size:14px;
}
.categoryContents div.soudan h4,
.categoryContents div.tour h4{
	font-size:18px;
}
.categoryContents div.contest h4{
	font-size:16px;
}
.categoryContents .merit h4:before,
.categoryContents .voice h4:before,
.categoryContents .flow h4:before,
.categoryContents .contest h4:before{
	font-size:18px;
}
.categoryContents .tour p.entry,.categoryContents .soudan p.entry{
	font-size:16px;
}
.categoryContents .flow p.entry{
	font-size:14px;
}
.categoryContents .voice p:before{
	font-size:20px;
}
.categoryContents .inner h5	{
	font-size:16px;
	margin:0 auto 20px;
}
.categoryContents .inner dl.point dt{
	font-size:16px;
}
.categoryContents .inner dl.point dd{
	font-size:14px;
}
.categoryContents dl.faq dt,
.categoryContents dl.faq dd{
	font-size:14px;
}
.categoryContents .inner dl.point dd.btnBox a{
	font-size:14px;
}


}

