/* IMPORT CSS */
@import url("style.css");

.box {
	margin: 1em 0;
	border:#CCC solid 1px;
	border-radius:5px;
	padding:2.0rem 2.0rem 0 2.0rem;
}

h3 { font-size: 2.0rem; line-height: 1.35; letter-spacing: -.08rem; margin:0 0 0.6em 0; color:#060;}

ul.pub {
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}

ul.pub li { list-style:none; padding:0 0 0 0;}

/* モバイル表示 */
@media screen and (max-width:480px) {
 h3 { font-size: 1.8rem;}
 .box {	margin: 0.5em 0; padding:2.0rem 1.5rem 0 1.5rem;}
}

/* 768px以上の表示 */
@media ( min-width : 768px ) {
	ul.pub li {
		float:left;		
    	flex: 0 0 30.6666666667%;
    	max-width: 30.6666666667%;
		margin: 0 1.2% 0 1.2%;
		padding:0 0 0 0;
	}
}