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

@media only screen and (max-width: 960px) {

/* =======================================
    共通
======================================= */

/*　　font　　*/
h4{
	font-size: 2.2rem;
	margin-bottom: 1rem;
	}
h3 a{
	font-size: 2rem;
	padding: 0.5rem 0 1rem;
	}

.block{
	padding: 1rem 0;
	}
.block-body p a{
	display: none;
	font-size: 1.4rem;
	}
.btn-tab li {
	font-size: 1.2rem;
}

#site-content-main > .column {
	float: none !important;
	width: 100% !important;
}

.contents.wrapper {
	width: 96%;
	margin-left: auto;
	margin-right: auto;
}

/* =======================================
    block1001
======================================= */
.block1001 .block-body p{
	display: block;
	}

/* =======================================
    block1002  スマホ表示
======================================= */
/*    .sp-a-atype スマホ表示 A案 A-type   */
.sp-a-atype.block1002 .block-img{
	width: 33%;
	}
.sp-a-atype.block1002 .block-body{
	width: 67%;
	}
/*    .sp-b-atype スマホ表示 B案 A-type   */
.sp-b-atype.block1002 .block-img{
	width: 25%;
	}
.sp-b-atype.block1002 .block-body{
	width: 75%;
	}

/* =======================================
    block1002・1003 共通
======================================= */
.block1002 .block-body a, .block1003 .block-body a{
	padding-left: 1rem;
	}

/* =======================================
    block1003 .sp-a-btype スマホ表示 A案 B-type
======================================= */
.sp-a-btype.block1003 .block-img,
.sp-a-btype.block1004 .block-img,
.sp-a-btype.block1003 .block-body,
.sp-a-btype.block1004 .block-body{
	width: 50%;
	}

/* =======================================
    block1003 .sp-b-btype スマホ表示 B案 B-type
======================================= */
.sp-b-btype{
	font-size: 0;
	}
.sp-b-btype article{
	width: 50%;
	display: inline-block;
	vertical-align: top;
	}
.sp-b-btype article:nth-of-type(2n-1){
	padding-right: 1rem;
	}
.sp-b-btype article:nth-of-type(2n){
	padding-left: 1rem;
	}
.sp-b-btype .block{
	-webkit-flex-wrap: wrap;
    flex-wrap: wrap;
	}
.sp-b-btype.block1003 .block-img,
.sp-b-btype.block1004 .block-img,
.sp-b-btype.block1003 .block-body,
.sp-b-btype.block1004 .block-body{
	width: 100%;
	}
.sp-b-btype.block1003 .block-img,
.sp-b-btype.block1004 .block-img{
	padding-bottom: 1rem;
	}
.sp-b-btype.block1003 .block-body a{
	padding-left: 0;
	}

/* =======================================
    block1301～1304 contents 2つ並び
======================================= */
.left-contents{
	padding-right: 1rem;
	}
.right-contents{
	padding-left: 1rem;
	}

/* =======================================
    block2000系　共通
======================================= */

/*     block　2カラム	 */
.blo-col-2 article,
.blo-col-3 article{
	width: 100%;
	}

/*     block　3カラム 1番目のカラムだけ大きい	 */
.blo-col-3-02 article{
	width: 49%;
	}
.blo-col-3-02 article:nth-of-type(1){
	width: 100%;
	}

/*     block　4カラム	 */
.blo-col-4 article,
.blo-col-5 article,
.blo-col-6 article{
	width: 49%;
	}
.block2000 .block-body p{
	display: block;
	}

/* =======================================
    block2100系　共通
======================================= */
.block2100 .block-body{
	opacity: 1;
	background-color: rgba(0,0,0,0.5);
	overflow: hidden;
	}
.block2100.blo-col-2 article,
.block2100.blo-col-3 article{
	margin-bottom: 2rem;
	}
.block2100 .block-img a span.tag-new{
	top: 1rem;
	left: 1rem;
	}
.block2100 .block-body h3 a{
	font-size: 2rem;
	padding: 1rem 1rem 0.5rem;
	}
.block2100 .block-body p a{
	display: block;
	padding: 0 1rem 1rem;
	}

/*     block　4・5・6カラム	 */
.block2100.blo-col-4 article,
.block2100.blo-col-5 article,
.block2100.blo-col-6 article{
	margin-bottom: 2%;
	}
.block2100.blo-col-4 .block-body,
.block2100.blo-col-5 .block-body,
.block2100.blo-col-6 .block-body{
	height: 50%;
	top: auto;
	}
.block2100.blo-col-4 .block-body h3 a{
	font-size: 2rem;
	padding: 1rem 1rem 0.5rem;
	}
.block2100.blo-col-5 .block-body h3 a{
	font-size: 1.6rem;
	padding: 1rem 1rem 0.5rem;
	}
.block2100.blo-col-6 .block-body h3 a{
	font-size: 1.4rem;
	padding: 1rem 1rem 0.5rem;
	}
.block2100.blo-col-5 h3,
.block2100.blo-col-6 h3,
.block2100.blo-col-5 h3 a,
.block2100.blo-col-6 h3 a{
	height: 100%;
	}
.block2100.blo-col-4 a.tag-date,
.block2100.blo-col-5 a.tag-date,
.block2100.blo-col-6 a.tag-date{
	display: none;
	}
/*     block　5・6カラム	 */
.block2100.blo-col-5,
.block2100.blo-col-6{
	-webkit-justify-content: flex-start;
    justify-content: flex-start;
	}
.block2100.blo-col-5 article,
.block2100.blo-col-6 article{
	width: 32%;
	margin-right: 2%;
	}
.block2100.blo-col-5 article:nth-of-type(3n),
.block2100.blo-col-6 article:nth-of-type(3n){
	margin-right: 0;
	}
.block2100.blo-col-5 .block-body p a,
.block2100.blo-col-6 .block-body p a{
	display: none;
	}
}